._typography_dxeme_1 {
    /* vars */
    --typography-size-12: 0.75rem;
    --typography-size-14: 0.875rem;
    --typography-size-16: 1rem;
    --typography-size-20: 1.25rem;
    --typography-size-24: 1.5rem;
    --typography-size-28: 1.75rem;
    --typography-size-32: 2rem;
    --typography-size-40: 2.5rem;
    --typography-size-48: 3rem;
    --typography-size-50: 3.125rem;
    --typography-size-56: 3.5rem;
    --typography-size-64: 4rem;

    --typography-spacing-0: 0;
    --typography-spacing-1: 0.01rem;
    --typography-spacing-2: 0.02rem;
    --typography-spacing-3: 0.03rem;

    --typography-font-primary: "Gill Sans", sans-serif;
    --typography-font-secondary: "DM Serif Display", serif;

    --typography-weight-regular: normal;
    --typography-weight-semibold: 600;

    /* defaults */
    font-family: var(--typography-font-primary);
    font-weight: var(--typography-weight-regular);
    font-size: var(--text-size, var(--typography-size-16));
    line-height: var(--typography-size-16);
    letter-spacing: var(--typography-spacing-0);
    font-style: normal;
    text-decoration: none;
    text-align: var(--text-align);
    text-transform: none;
    color: rgb(var(--text-color, var(--color-joka-black)));
    background-color: transparent;
}

._h1_dxeme_41,
._h2_dxeme_42,
._h3_dxeme_43,
._h4_dxeme_44,
._h5_dxeme_45,
._highlight_dxeme_46,
._highlight-s_dxeme_47 {
    margin: 0;
}

._h1_dxeme_41,
._h2_dxeme_42,
._h3_dxeme_43,
._h4_dxeme_44,
._h5_dxeme_45 {
    font-weight: var(--typography-weight-semibold);
    letter-spacing: var(--typography-spacing-1);
}

._h1_dxeme_41 {
    font-size: var(--text-size, var(--typography-size-28));
    line-height: var(--typography-size-32);
}

@media screen and (min-width: 62em) {

._h1_dxeme_41 {
        font-size: var(--text-size, var(--typography-size-56));
        line-height: var(--typography-size-64);
}
    }

._h2_dxeme_42 {
    font-size: var(--text-size, var(--typography-size-24));
    line-height: var(--typography-size-32);
}

@media screen and (min-width: 62em) {

._h2_dxeme_42 {
        font-size: var(--text-size, var(--typography-size-40));
        line-height: var(--typography-size-48);
}
    }

._h3_dxeme_43 {
    font-size: var(--text-size, var(--typography-size-20));
    line-height: var(--typography-size-28);
}

@media screen and (min-width: 62em) {

._h3_dxeme_43 {
        font-size: var(--text-size, var(--typography-size-32));
        line-height: var(--typography-size-40);
}
    }

._h4_dxeme_44 {
    font-size: var(--text-size, var(--typography-size-16));
    line-height: var(--typography-size-24);
}

@media screen and (min-width: 62em) {

._h4_dxeme_44 {
        font-size: var(--text-size, var(--typography-size-24));
        line-height: var(--typography-size-32);
}
    }

._h5_dxeme_45 {
    font-size: var(--text-size, var(--typography-size-14));
    line-height: var(--typography-size-20);
}

@media screen and (min-width: 62em) {

._h5_dxeme_45 {
        font-size: var(--text-size, var(--typography-size-20));
        line-height: var(--typography-size-24);
}
    }

._highlight_dxeme_46,
._highlight-s_dxeme_47 {
    font-family: var(--typography-font-secondary);
}

._highlight_dxeme_46 {
    font-size: var(--text-size, var(--typography-size-32));
    line-height: var(--typography-size-32);
}

@media screen and (min-width: 62em) {

._highlight_dxeme_46 {
        font-size: var(--text-size, var(--typography-size-64));
        line-height: var(--typography-size-64);
}
    }

._highlight-s_dxeme_47 {
    font-size: var(--text-size, var(--typography-size-24));
    line-height: var(--typography-size-24);
}

@media screen and (min-width: 62em) {

._highlight-s_dxeme_47 {
        font-size: var(--text-size, var(--typography-size-48));
        line-height: var(--typography-size-48);
}
    }

._intro_dxeme_135,
._copy-base_dxeme_136,
._copy-base-bold_dxeme_137,
._copy-base-textlink_dxeme_138,
._copy-small_dxeme_139,
._copy-small-bold_dxeme_140,
._copy-small-textlink_dxeme_141,
._label_dxeme_142 {
    letter-spacing: var(--typography-spacing-2);
}

._intro_dxeme_135 {
    font-style: italic;
    font-size: var(--text-size, var(--typography-size-20));
    line-height: var(--typography-size-24);
}

@media screen and (min-width: 62em) {

._intro_dxeme_135 {
        font-size: var(--text-size, var(--typography-size-28));
        line-height: var(--typography-size-32);
}
    }

._copy-base_dxeme_136,
._copy-base-bold_dxeme_137,
._copy-base-textlink_dxeme_138 {
    font-size: var(--text-size, var(--typography-size-16));
    line-height: var(--typography-size-24);
}

@media screen and (min-width: 62em) {

._copy-base_dxeme_136,
._copy-base-bold_dxeme_137,
._copy-base-textlink_dxeme_138 {
        font-size: var(--text-size, var(--typography-size-20));
        line-height: var(--typography-size-32);
}
    }

._copy-small_dxeme_139,
._copy-small-bold_dxeme_140,
._copy-small-textlink_dxeme_141 {
    font-size: var(--text-size, var(--typography-size-14));
    line-height: var(--typography-size-20);
}

@media screen and (min-width: 62em) {

._copy-small_dxeme_139,
._copy-small-bold_dxeme_140,
._copy-small-textlink_dxeme_141 {
        font-size: var(--text-size, var(--typography-size-16));
        line-height: var(--typography-size-24);
}
    }

._copy-base-bold_dxeme_137,
._copy-small-bold_dxeme_140 {
    font-weight: var(--typography-weight-semibold);
}

._copy-base-textlink_dxeme_138,
._copy-small-textlink_dxeme_141 {
    text-decoration: underline;
}

._copy-base-textlink_dxeme_138:hover, ._copy-small-textlink_dxeme_141:hover {
        color: rgb(var(--primary-hover-color));
    }

._label_dxeme_142 {
    display: inline;
    font-size: var(--text-size, var(--typography-size-12));
    line-height: var(--typography-size-16);
}

._tagline_dxeme_201 {
    display: inline;
    letter-spacing: var(--typography-spacing-3);
    text-transform: uppercase;

    font-size: var(--text-size, var(--typography-size-12));
    line-height: var(--typography-size-16);
}

._left_dxeme_210 {
    --text-align: left;
}

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

._right_dxeme_218 {
    --text-align: right;
}

/********** Typo3 RTE Styles **********/
._t3Text-italic_dxeme_223 {
    font-style: italic;
}

._t3Text-underline_dxeme_227 {
    text-decoration: underline;
}
._accordion_19jl7_1 {
    background-color: rgb(var(--accordion-bg-color, var(--color-joka-white)));
}

._section_19jl7_5 {
    border-bottom: var(
        --accordion-seperator,
        2px solid rgb(var(--color-warm-grey-base))
    );
    background-color: transparent;
}

._section_19jl7_5 ._heading_19jl7_12 {
        margin: 0;
        padding: var(--spacing-8) 0;
    }

._section_19jl7_5 ._heading_19jl7_12 ._button_19jl7_16 {
            padding: 0 var(--spacing-8);
            border: none;
            background-color: transparent;

            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

._section_19jl7_5 ._heading_19jl7_12 ._button_19jl7_16 ._headline_19jl7_26 {
                --text-color: var(--accordion-color, var(--color-joka-black));

                position: relative;
                top: var(--gill-sans-delta);
            }

._section_19jl7_5 ._heading_19jl7_12 ._button_19jl7_16 ._icon_19jl7_32 {
                --icon-color: var(--accordion-color, var(--color-joka-black));
            }

@media screen and (min-width: 62em) {

._section_19jl7_5 ._heading_19jl7_12 ._button_19jl7_16 {
                padding: 0 var(--spacing-24) 0 0;
        }
            }

@media screen and (min-width: 62em) {

._section_19jl7_5 ._heading_19jl7_12 {
            padding: var(--spacing-12) 0;
    }
        }

._section_19jl7_5 ._content_19jl7_46 {
        padding-top: var(--content-pt, var(--spacing-8));
        padding-right: var(--content-pr, var(--spacing-8));
        padding-bottom: var(--content-pb, var(--spacing-8));
        padding-left: var(--content-pl, var(--spacing-8));
    }

._section_19jl7_5 ._content_19jl7_46[hidden] {
            display: none;
        }

@media screen and (min-width: 62em) {

._section_19jl7_5 ._content_19jl7_46 {
            padding-left: 0;
            padding-right: var(--spacing-24);
    }
        }
._button_13rxq_1 {
    --button-width: fit-content;

    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    transition: all 300ms;
    max-height: 3.5rem;
    width: var(--button-width);
}

._button_13rxq_1 ._content_13rxq_11 {
        display: flex;
        gap: var(--spacing-5);
        margin: 0 auto;
        align-items: center;
    }

._button_13rxq_1 ._content_13rxq_11 ._typography_13rxq_17 {
            /* Correct Gill Sans baseline spacing */
            position: relative;
            top: var(--gill-sans-delta);
            transition: color 300ms;
            width: 100%;
        }

._button_13rxq_1 ._content_13rxq_11 ._icon_13rxq_25 {
            transition: stroke 300ms;
            --icon-color: var(--text-color, currentColor);
        }

._primary_13rxq_32,
._secondary_13rxq_33 {
    border-radius: 1.75rem;
    padding: var(--spacing-6) var(--spacing-16);
}

@media screen and (min-width: 62em) {

._primary_13rxq_32,
._secondary_13rxq_33 {
        padding: var(--spacing-8) var(--spacing-20);
}
    }

._primary_13rxq_32 {
    border: 2px solid rgb(var(--primary-border-color));
    background-color: rgb(var(--primary-bg-color));
    --icon-fill: rgb(var(--primary-icon-bg-color));
}

._primary_13rxq_32._iconOnly_13rxq_47 {
        border-color: rgb(var(--primary-icon-border-color));
        background-color: rgb(var(--primary-icon-bg-color));
    }

._primary_13rxq_32._iconOnly_13rxq_47 ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--primary-icon-color);
                --icon-fill: var(--primary-bg-color);
            }

._primary_13rxq_32:hover:not(:disabled):not(:focus) {
        --icon-fill: rgb(var(--primary-icon-hover-color));
        background-color: rgb(var(--primary-hover-color));
        border-color: rgb(var(--primary-hover-color));
    }

._primary_13rxq_32._iconOnly_13rxq_47:hover:not(:disabled):not(:focus) {
            border-color: rgb(var(--primary-icon-hover-color));
            background-color: rgb(var(--primary-icon-hover-color));
        }

._primary_13rxq_32:active {
        background-color: rgb(var(--primary-active-color));
        border-color: rgb(var(--primary-active-color));
    }

._primary_13rxq_32._iconOnly_13rxq_47:active {
            border-color: rgb(var(--primary-icon-active-color));
            background-color: rgb(var(--primary-icon-active-color));
        }

._primary_13rxq_32:focus {
        background-color: rgb(var(--primary-bg-color));
        outline-width: 1px;
        outline-color: rgb(var(--primary-focus-color));
        outline-offset: var(--spacing-2);
    }

._primary_13rxq_32._iconOnly_13rxq_47:focus {
            background-color: rgb(var(--primary-icon-bg-color));
            outline-color: rgb(var(--primary-icon-focus-color));
        }

._primary_13rxq_32:disabled {
        background-color: rgb(var(--disabled-color));
        border-color: rgb(var(--disabled-color));
    }

._primary_13rxq_32 ._content_13rxq_11 ._typography_13rxq_17 {
            --text-color: var(--primary-color);
        }

._primary_13rxq_32 ._content_13rxq_11 ._icon_13rxq_25 {
            --icon-color: var(--primary-color);
        }

._secondary_13rxq_33 {
    border: 2px solid rgb(var(--secondary-border-color));
    background-color: rgb(var(--secondary-bg-color));
}

._secondary_13rxq_33._iconOnly_13rxq_47 {
        border-color: rgb(var(--color-warm-grey-base));
    }

._secondary_13rxq_33._iconOnly_13rxq_47 ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--secondary-icon-color);
            }

._secondary_13rxq_33:hover:not(:disabled):not(:focus) {
        border-color: rgb(var(--secondary-hover-color));
    }

._secondary_13rxq_33:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--secondary-hover-color);
            }

._secondary_13rxq_33:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--secondary-hover-color);
            }

._secondary_13rxq_33._iconOnly_13rxq_47:hover:not(:disabled):not(:focus) {
            border-color: rgb(var(--secondary-icon-hover-color));
        }

._secondary_13rxq_33._iconOnly_13rxq_47:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._icon_13rxq_25 {
                    --icon-color: var(--secondary-icon-hover-color);
                }

._secondary_13rxq_33:active {
        border-color: rgb(var(--secondary-active-color));
    }

._secondary_13rxq_33:active ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--secondary-active-color);
            }

._secondary_13rxq_33:active ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--secondary-active-color);
            }

._secondary_13rxq_33._iconOnly_13rxq_47:active {
            border-color: rgb(var(--secondary-icon-active-color));
        }

._secondary_13rxq_33._iconOnly_13rxq_47:active ._content_13rxq_11 ._icon_13rxq_25 {
                    --icon-color: var(--secondary-icon-active-color);
                }

._secondary_13rxq_33:focus {
        border-color: rgb(var(--secondary-focus-color));
        outline-width: 1px;
        outline-color: rgb(var(--secondary-focus-color));
        outline-offset: var(--spacing-2);
    }

._secondary_13rxq_33:focus ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--secondary-focus-color);
            }

._secondary_13rxq_33:focus ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--secondary-focus-color);
            }

._secondary_13rxq_33._iconOnly_13rxq_47:focus {
            outline-color: rgb(var(--secondary-icon-focus-color));
        }

._secondary_13rxq_33:disabled {
        border-color: rgb(var(--disabled-color));
    }

._secondary_13rxq_33:disabled ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--disabled-color);
            }

._secondary_13rxq_33:disabled ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--disabled-color);
            }

._secondary_13rxq_33 ._content_13rxq_11 ._typography_13rxq_17 {
            --text-color: var(--secondary-color);
        }

._secondary_13rxq_33 ._content_13rxq_11 ._icon_13rxq_25 {
            --icon-color: var(--secondary-color);
        }

._plain_13rxq_215 {
    border: none;
    appearance: none;
    padding: 0 var(--spacing-2);
    background-color: transparent;
}

._plain_13rxq_215:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--plain-hover-color);
            }

._plain_13rxq_215:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--plain-hover-color);
            }

._plain_13rxq_215:active ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--plain-active-color);
            }

._plain_13rxq_215:active ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--plain-active-color);
            }

._plain_13rxq_215:focus {
        outline: none;
        border-bottom: 2px solid rgb(var(--plain-focus-color));
    }

._plain_13rxq_215:disabled ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--disabled-color);
            }

._plain_13rxq_215:disabled ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--disabled-color);
            }

._plain_13rxq_215 ._content_13rxq_11 ._typography_13rxq_17 {
            --text-color: var(--plain-color);
        }

._plain_13rxq_215 ._content_13rxq_11 ._icon_13rxq_25 {
            --icon-color: var(--plain-color);
        }

._iconOnly_13rxq_47 {
    border-radius: 0;
    padding: var(--spacing-5);
}

._iconOnly_13rxq_47:focus {
        border-color: rgb(var(--color-warm-grey-base));
    }

@media screen and (min-width: 62em) {

._iconOnly_13rxq_47 {
        padding: var(--spacing-7);
}
    }

._filterchip_13rxq_286 {
    background-color: rgb(var(--color-warm-grey-base));
    border: 0;
    padding: var(--spacing-4) var(--spacing-6);
}

@media screen and (min-width: 62em) {

._filterchip_13rxq_286 {
        padding: var(--spacing-8);
}
    }

._filterchip_13rxq_286:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--color-future-green);
            }

._filterchip_13rxq_286:hover:not(:disabled):not(:focus) ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--color-future-green);
            }

._filterchip_13rxq_286:active ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--color-future-green-pressed);
            }

._filterchip_13rxq_286:active ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--color-future-green-pressed);
            }

._filterchip_13rxq_286:focus ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--color-future-green-pressed);
            }

._filterchip_13rxq_286:focus ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--color-future-green-pressed);
            }

._filterchip_13rxq_286:disabled ._content_13rxq_11 ._typography_13rxq_17 {
                --text-color: var(--color-joka-black-40);
            }

._filterchip_13rxq_286:disabled ._content_13rxq_11 ._icon_13rxq_25 {
                --icon-color: var(--color-joka-black-40);
                display: none;
            }

._filterchip_13rxq_286 ._content_13rxq_11 ._typography_13rxq_17 {
            --text-color: var(--color-joka-black);
            top: 0;
        }

._filterchip_13rxq_286 ._content_13rxq_11 ._icon_13rxq_25 {
            --icon-color: var(--color-joka-black);
        }
._advisorCardSimple_7zocl_1 {
    align-items: center;
    background-color: rgb(var(--color-warm-grey-base));
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-8);
    margin: var(--spacing-4) 0;
}
@media screen and (min-width: 48em) {
    ._advisorCardSimple_7zocl_1 {
        max-width: 45vw;
}
    }
._advisorCardSimple_7zocl_1 ._address_7zocl_13 > p {
        margin: 0;
    }
._advisorCardSimple_7zocl_1._selectedAdvisor_7zocl_17 {
        background-color: rgb(var(--color-joka-white));
        border: 2px solid rgb(var(--color-joka-black));
    }
._dialog_137ii_1 {
    border: none;
    padding: var(--spacing-8);
    position: fixed;
    inset: 0 0 0 0 ;
    margin: auto;
}

._dialog_137ii_1 ._close_137ii_8 {
        border: none;
        padding: 0;
        background-color: transparent;
        width: 1.5rem;
        height: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        left: calc(100% - 1.5rem);
        cursor: pointer;
    }

._dialog_137ii_1 ._close_137ii_8 ._icon_137ii_21 {
            width: inherit;
            height: inherit;
        }

._dialog_137ii_1 ._close_137ii_8:focus {
            outline: none;
        }

@media screen and (min-width: 62em) {

._dialog_137ii_1 ._close_137ii_8 {
            width: 2rem;
            height: 2rem;
    }
        }

@media screen and (min-width: 62em) {

._dialog_137ii_1 {
        padding: var(--spacing-12);
}
    }

/* backdrop doesn't inherit styles from elements, so no css vars usage */
dialog::backdrop {
    /* fake color "joka-black-40" */
    background-color: #000000;
    opacity: .4;
}
._input_1x2sn_1 {
    display: flex;
    flex-direction: column;
}

._input_1x2sn_1 ._error_1x2sn_5 {
        --text-color: var(--color-red);
        padding-left: var(--spacing-10);
        padding-right: var(--spacing-10);
        margin: 0;
    }

._input_1x2sn_1 ._error_1x2sn_5 > li::marker {
            font-size: 1.25rem;
        }

._input_1x2sn_1 ._withBubble_1x2sn_16 {
        position: relative;
    }

._input_1x2sn_1 ._withBubble_1x2sn_16 ._bubble_1x2sn_19 {
            position: absolute;
            z-index: 99;
            top: 1.6rem;
            right: 1.75rem;
            appearance: none;
            border: none;
            background: none;
        }

._input_1x2sn_1 ._withBubble_1x2sn_16 ._bubble_1x2sn_19 ._icon_1x2sn_28:hover {
                stroke: rgb(var(--primary-hover-color));
            }

@media screen and (min-width: 62em) {

._input_1x2sn_1 ._withBubble_1x2sn_16 ._bubble_1x2sn_19 {
                top: 2rem;
                right: 2rem;
        }
            }

._input_1x2sn_1 ._withBubble_1x2sn_16 ._dialog_1x2sn_38 {
            max-width: 75vw;
            max-height: 90vh;
        }

/* Variants */

._simple_1x2sn_47,
._withUnit_1x2sn_48,
._search_1x2sn_49 {
    position: relative;
}

._simple_1x2sn_47 ._control_1x2sn_52, ._withUnit_1x2sn_48 ._control_1x2sn_52, ._search_1x2sn_49 ._control_1x2sn_52 {
        width: 100%;
        border: 2px solid rgb(var(--color-warm-grey-base));
        padding-top: calc(var(--spacing-4) + var(--gill-sans-delta));
        padding-bottom: calc(var(--spacing-4) - var(--gill-sans-delta));
        padding-left: var(--spacing-6);
        padding-right: var(--spacing-6);
        background-color: rgb(var(--color-joka-white));
    }

@media screen and (min-width: 62em) {

._simple_1x2sn_47 ._control_1x2sn_52, ._withUnit_1x2sn_48 ._control_1x2sn_52, ._search_1x2sn_49 ._control_1x2sn_52 {
            height: 3.5rem;
            padding-top: calc(var(--spacing-4) + var(--gill-sans-delta));
            padding-bottom: calc(var(--spacing-4) - var(--gill-sans-delta));
            padding-left: var(--spacing-8);
            padding-right: var(--spacing-8);
    }
        }

._simple_1x2sn_47 ._errorIcon_1x2sn_73, ._withUnit_1x2sn_48 ._errorIcon_1x2sn_73 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        stroke: rgb(var(--color-red));
    }

._simple_1x2sn_47 ._control_1x2sn_52:hover, ._search_1x2sn_49 ._control_1x2sn_52:hover {
            border-color: rgb(var(--color-future-green));
        }

._simple_1x2sn_47 ._control_1x2sn_52:focus, ._search_1x2sn_49 ._control_1x2sn_52:focus {
            outline: none;
            border-color: rgb(var(--color-joka-black));
        }

._simple_1x2sn_47 ._control_1x2sn_52:disabled, ._search_1x2sn_49 ._control_1x2sn_52:disabled {
            --text-color: var(--color-joka-black-60);
            background-color: rgb(var(--color-warm-grey-light));
        }

._simple_1x2sn_47 ._control_1x2sn_52:disabled:hover, ._search_1x2sn_49 ._control_1x2sn_52:disabled:hover {
                border-color: rgb(var(--color-warm-grey-base));
            }

._simple_1x2sn_47 ._errorIcon_1x2sn_73 {
        right: var(--spacing-6);
    }

._withUnit_1x2sn_48 {
    display: flex;
}

._withUnit_1x2sn_48 ._control_1x2sn_52:hover,
            :is(._withUnit_1x2sn_48 ._control_1x2sn_52:hover) + ._unit_1x2sn_116 {
                border-color: rgb(var(--color-future-green));
            }

._withUnit_1x2sn_48 ._control_1x2sn_52:focus,
            :is(._withUnit_1x2sn_48 ._control_1x2sn_52:focus) + ._unit_1x2sn_116 {
                outline: none;
                border-color: rgb(var(--color-joka-black));
            }

._withUnit_1x2sn_48 ._control_1x2sn_52:disabled,
            :is(._withUnit_1x2sn_48 ._control_1x2sn_52:disabled) + ._unit_1x2sn_116 {
                --text-color: var(--color-joka-black-60);
                background-color: rgb(var(--color-warm-grey-light));
            }

:is(._withUnit_1x2sn_48 ._control_1x2sn_52:disabled,:is(._withUnit_1x2sn_48 ._control_1x2sn_52:disabled) + ._unit_1x2sn_116):hover,
                    :is(._withUnit_1x2sn_48 ._control_1x2sn_52:disabled,:is(._withUnit_1x2sn_48 ._control_1x2sn_52:disabled) + ._unit_1x2sn_116):hover + ._unit_1x2sn_116 {
                        border-color: rgb(var(--color-warm-grey-base));
                    }

._withUnit_1x2sn_48 ._unit_1x2sn_116 {
        --text-color: var(--color-joka-black-60);

        text-align: center;
        border: 2px solid rgb(var(--color-warm-grey-base));
        border-left: none;
        padding-top: calc(var(--spacing-4) + var(--gill-sans-delta));
        padding-bottom: calc(var(--spacing-4) - var(--gill-sans-delta));
        padding-left: var(--spacing-4);
        padding-right: var(--spacing-4);
    }

@media screen and (min-width: 62em) {

._withUnit_1x2sn_48 ._unit_1x2sn_116 {
            padding-top: calc(var(--spacing-7) + var(--gill-sans-delta));
            padding-right: var(--spacing-8);
            padding-bottom: calc(var(--spacing-7) - var(--gill-sans-delta));
            padding-left: var(--spacing-8);
    }
        }

._withUnit_1x2sn_48 ._errorIcon_1x2sn_73 {
        right: var(--spacing-31);
    }

._search_1x2sn_49 ._resetButton_1x2sn_170,
    ._search_1x2sn_49 ._searchButton_1x2sn_171 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

._search_1x2sn_49 ._resetButton_1x2sn_170,
    ._search_1x2sn_49 ._searchButton_1x2sn_171 {
        cursor: pointer;
        display: flex;
        align-items: center;
        height: 100%;
        right: var(--spacing-24);
        border: none;
        background-color: transparent;
    }

._search_1x2sn_49 ._searchButton_1x2sn_171 {
        right: var(--spacing-6);
    }
._advisorSearchModal_xvqoi_1 {
    width: 100%;
}
@media screen and (min-width: 62em) {
    ._advisorSearchModal_xvqoi_1 {
        width: max(40vw, 600px);
}
    }
._advisorSearchModal_xvqoi_1 ._dialogTitle_xvqoi_8 {
        margin: 0 0 var(--spacing-8) 0;
    }
._advisorSearchModal_xvqoi_1 ._inputGroup_xvqoi_12 {
        display: flex;
        gap: var(--spacing-8);
        flex-wrap: wrap;
    }
@media screen and (min-width: 48em) {
    ._advisorSearchModal_xvqoi_1 ._inputGroup_xvqoi_12 {
            flex-wrap: nowrap;
    }
        }
._advisorSearchModal_xvqoi_1 ._inputGroup_xvqoi_12 ._searchInput_xvqoi_21 {
            flex: 1 0 250px;
        }
._advisorSearchModal_xvqoi_1 ._resultsWrapper_xvqoi_26 {
        margin: var(--spacing-16) 0;
    }
._advisorSearchModal_xvqoi_1 ._resultsWrapper_xvqoi_26 ._resultItems_xvqoi_29 {
            align-items: center;
            background-color: rgb(var(--color-warm-grey-base));
            display: flex;
            justify-content: space-between;
            padding: var(--spacing-8);
            margin: var(--spacing-4) 0;
        }
._advisorSearchModal_xvqoi_1 ._resultsWrapper_xvqoi_26 ._resultItems_xvqoi_29 ._address_xvqoi_37 > p {
                margin: 0;
            }
._advisorSearchModal_xvqoi_1 ._resultsWrapper_xvqoi_26 ._resultItems_xvqoi_29._selectedItem_xvqoi_41 {
                background-color: rgb(var(--color-joka-white));
                border: 2px solid rgb(var(--color-joka-black));
            }
._container_apl51_1 {
    --aspect-ratio: var(--ratio-width) / var(--ratio-height);

    width: 100%;
    height: auto;

    aspect-ratio: var(--aspect-ratio);
}

._container_apl51_1 > * {
        height: 100%;
    }

._half_apl51_14 {
    aspect-ratio: calc(var(--aspect-ratio) * 2);
}

._portrait_apl51_18 {
    --aspect-ratio: var(--ratio-height) / var(--ratio-width);
}

._ratio-1x1_apl51_22 {
    --ratio-width: 1;
    --ratio-height: 1;
}

._ratio-5x4_apl51_27 {
    --ratio-width: 5;
    --ratio-height: 4;
}

._ratio-4x3_apl51_32 {
    --ratio-width: 4;
    --ratio-height: 3;
}

._ratio-3x2_apl51_37 {
    --ratio-width: 3;
    --ratio-height: 2;
}

._ratio-16x10_apl51_42 {
    --ratio-width: 16;
    --ratio-height: 10;
}

._ratio-Golden_apl51_47 {
    --ratio-width: 1.618;
    --ratio-height: 1;
}

._ratio-16x9_apl51_52 {
    --ratio-width: 16;
    --ratio-height: 9;
}

._ratio-2x1_apl51_57 {
    --ratio-width: 2;
    --ratio-height: 1;
}

._ratio-21x9_apl51_62 {
    --ratio-width: 21;
    --ratio-height: 9;
}

._ratio-A4_apl51_67 {
    --ratio-width: 297;
    --ratio-height: 210;
}

._ratio-Letter_apl51_72 {
    --ratio-width: 279.4;
    --ratio-height: 215.9;
}
._bgColorFullWidth_lwjhz_1 {
    --padding-large-mobile: var(--spacing-36) 0 var(--spacing-24) 0;
    --padding-large-desktop: 7.5rem 0 var(--spacing-40) 0;

    padding: var(--padding-mobile, var(--padding-large-mobile));
}
@media screen and (min-width: 62em) {
    ._bgColorFullWidth_lwjhz_1 {
        padding: var(--padding-desktop, var(--padding-large-desktop));
}
    }
._bgColorFullWidth_lwjhz_1._default_lwjhz_11 {
        --text-color: var(--color-cinnamon);
        background-color: rgb(var(--color-warm-grey-base));
    }
._bgColorFullWidth_lwjhz_1._default_lwjhz_11 p:first-child {
            margin-top: 0;
        }
._bgColorFullWidth_lwjhz_1._default_lwjhz_11 p:last-child {
            margin-bottom: 0;
        }
._bgColorFullWidth_lwjhz_1._warm-grey-base_lwjhz_24 {
        background-color: rgb(var(--color-warm-grey-base));
    }
._bgColorFullWidth_lwjhz_1._warm-grey-light_lwjhz_28 {
        background-color: rgb(var(--color-warm-grey-light));
    }
/* type to style, depending on the content element */
._bgColorFullWidth_lwjhz_1._benefits_lwjhz_33 {
        --text-color: var(--color-joka-black);
        --padding-mobile: 0;
        --padding-desktop: 0;

        margin-top: var(--spacing-40);
        margin-bottom: var(--spacing-40);
    }
._bgColorFullWidth_lwjhz_1._product-slider_lwjhz_42 {
        --padding-mobile: var(--spacing-8) 0 var(--spacing-12) 0;
        --padding-desktop: var(--spacing-8) 0 var(--spacing-40) 0;

        margin-bottom: var(--spacing-40);
    }
._bgColorFullWidth_lwjhz_1._usps_lwjhz_49 {
        --padding-mobile: var(--spacing-20) 0 0 0;
        --padding-desktop: var(--spacing-36) 0 var(--spacing-8) 0;

        margin-top: var(--spacing-40);
        margin-bottom: var(--spacing-40);
    }
._breadcrumb_c2nft_1 {
  padding: var(--spacing-4) 0;
}

@media screen and (min-width: 62em) {

._breadcrumb_c2nft_1 {
    padding: var(--spacing-8) 0;
}
  }

._breadcrumb_c2nft_1 ol {
  margin: 0;
  padding-left: .25rem;
  list-style: none;
}

._breadcrumbItem_c2nft_15 {
  display: inline;
}

._breadcrumbItem_c2nft_15 + ._breadcrumbItem_c2nft_15::before {
  display: inline-block;
  margin: 0 var(--spacing-4);
  border-right: 1px solid rgb(var(--color-joka-black));
  height: 0.8em;
  content: "";
}

@media screen and (min-width: 62em) {

._breadcrumbItem_c2nft_15 + ._breadcrumbItem_c2nft_15::before {
    margin: 0 var(--spacing-6);
}
  }

._breadcrumbItem_c2nft_15 a {
  color: rgb(var(--color-joka-black-60));
  text-decoration: none;
}

._breadcrumbItem_c2nft_15 [aria-current="page"] {
  color: rgb(var(--color-joka-black));
}
._notification_1ou5z_1 {
    display: flex;
    padding: var(--spacing-4);
    border-radius: 0.125rem;
    gap: var(--spacing-5);
}

._notification_1ou5z_1 ._icon_1ou5z_7 {
        min-width: var(--spacing-10);
    }

._notification_1ou5z_1 ._content_1ou5z_11 ._headline_1ou5z_12,
        ._notification_1ou5z_1 ._content_1ou5z_11 ._body_1ou5z_13 {
            position: relative;
            top: var(--gill-sans-delta);
        }

._critical_1ou5z_20 {
    background-color: rgb(var(--color-red-10));
}

._critical_1ou5z_20 ._icon_1ou5z_7 {
        --icon-color: var(--color-red);
    }

._critical_1ou5z_20 ._content_1ou5z_11 ._headline_1ou5z_12,
        ._critical_1ou5z_20 ._content_1ou5z_11 ._body_1ou5z_13 {
            --text-color: var(--color-red);
        }

._warning_1ou5z_35 {
    background-color: rgb(var(--color-orange-10));
}

._warning_1ou5z_35 ._icon_1ou5z_7 {
        --icon-color: var(--color-cinnamon);
    }

._warning_1ou5z_35 ._content_1ou5z_11 ._headline_1ou5z_12,
        ._warning_1ou5z_35 ._content_1ou5z_11 ._body_1ou5z_13 {
            --text-color: var(--color-cinnamon);
        }

._info_1ou5z_50 {
    background-color: rgb(var(--color-warm-grey-base));
}

._success_1ou5z_54 {
    background-color: rgb(var(--color-future-green-10));
}

._success_1ou5z_54 ._icon_1ou5z_7 {
        --icon-color: var(--color-future-green-visited);
    }

._success_1ou5z_54 ._content_1ou5z_11 ._headline_1ou5z_12,
        ._success_1ou5z_54 ._content_1ou5z_11 ._body_1ou5z_13 {
            --text-color: var(--color-future-green-visited);
        }
._dialog_10sbr_1 {
    --text-color: var(--color-joka-black);
}
._dialog_10sbr_1 ._content_10sbr_4,
    ._dialog_10sbr_1 ._head_10sbr_5,
    ._dialog_10sbr_1 ._ctas_10sbr_6 {
        display: flex;
        flex-direction: column;
    }
@media screen and (min-width: 62em) {
    ._dialog_10sbr_1 ._content_10sbr_4 ._primary_10sbr_10, ._dialog_10sbr_1 ._head_10sbr_5 ._primary_10sbr_10, ._dialog_10sbr_1 ._ctas_10sbr_6 ._primary_10sbr_10 {
                text-wrap: nowrap;
                word-break: keep-all;
                white-space: nowrap;
        }
            }
._dialog_10sbr_1 ._content_10sbr_4 {
        align-items: flex-start;
        gap: var(--spacing-8);
    }
._dialog_10sbr_1 ._content_10sbr_4 ._head_10sbr_5 {
            gap: var(--spacing-4);
        }
._dialog_10sbr_1 ._content_10sbr_4 ._ctas_10sbr_6 {
            gap: var(--spacing-4);
        }
@media screen and (min-width: 62em) {
    ._dialog_10sbr_1 ._content_10sbr_4 ._ctas_10sbr_6 {
                flex-direction: row-reverse;
                gap: var(--spacing-12);
        }
            }
@media screen and (min-width: 62em) {
    ._dialog_10sbr_1 ._content_10sbr_4 {
            max-width: 535px;
    }
        }
._container_ilrmc_1 {
    background-color: transparent;

    margin: 0 auto;
    max-width: var(--container-max-width, calc(100% - 2rem));
}

@media screen and (min-width: 48em) {

._container_ilrmc_1 {
        max-width: calc(100% - 4rem);
}
    }

@media screen and (min-width: 62em) {

._container_ilrmc_1 {
        max-width: calc(100% - 5rem);
}
    }

@media screen and (min-width: 75em) {

._container_ilrmc_1 {
        max-width: calc(100% - 4rem);
}
    }

@media screen and (min-width: 85.375em) {

._container_ilrmc_1 {
        max-width: calc(100% - 3.875rem);
}
    }

@media screen and (min-width: 120em) {

._container_ilrmc_1 {
        max-width: calc(100% - 31rem);
}
    }

._container_ilrmc_1 ._container_ilrmc_1 {
        max-width: none;
    }

._container_ilrmc_1 + ._container_ilrmc_1 {
    margin-top: var(--spacing-40);
}
._big_x8j0g_1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 20rem;
    padding-top: calc(var(--spacing-base-unit) * 100);
    position: relative;
    width: 100%;
    flex: 0 0 auto;
    z-index: 1;
}
._big_x8j0g_1 ._teaser_x8j0g_12 {
        max-width: 15.875rem;
        padding-top: var(--spacing-8);
        padding-right: var(--spacing-8);
        padding-bottom: var(--spacing-16);
        padding-left: var(--spacing-8);

        background-color: rgb(var(--color-joka-white));
        border-bottom: 2px solid rgb(var(--color-joka-black));
    }
._big_x8j0g_1 ._teaser_x8j0g_12 ._topline_x8j0g_22 {
            --text-color: var(--color-joka-black-80);
            display: flex;
            justify-content: space-between;
            margin-top: var(--gill-sans-delta);
        }
._big_x8j0g_1 ._teaser_x8j0g_12 ._headline_x8j0g_29 {
            margin-top: calc(var(--spacing-5) + var(--gill-sans-delta));
        }
@media screen and (min-width: 62em) {
    ._big_x8j0g_1 ._teaser_x8j0g_12 ._headline_x8j0g_29 {
                margin-top: calc(var(--spacing-12) + var(--gill-sans-delta));
        }
            }
@media screen and (min-width: 62em) {
    ._big_x8j0g_1 ._teaser_x8j0g_12 {
            max-width: 29rem;
            padding-top: var(--spacing-20);
            padding-right: var(--spacing-20);
            padding-bottom: calc(var(--spacing-base-unit) * 40);
            padding-left: var(--spacing-20);
    }
        }
@media screen and (min-width: 62em) {
    ._big_x8j0g_1 {
        max-height: 35rem;
        padding-top: calc(var(--spacing-base-unit) * 156);
}
    }
._finder_1y4n7_1 {
    background-color: rgb(var(--color-warm-grey-base));
    padding-bottom: var(--spacing-12);
    width: 100%;
    flex: 0 0 auto;
}
._finder_1y4n7_1 ._grid_1y4n7_7 ._imgCol_1y4n7_8 ._mobile_1y4n7_9,
            ._finder_1y4n7_1 ._grid_1y4n7_7 ._imgCol_1y4n7_8 ._desktop_1y4n7_10 {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                width: 100%;
            }
@media screen and (min-width: 75em) {
    ._finder_1y4n7_1 ._grid_1y4n7_7 ._imgCol_1y4n7_8 {
                order: 1;
        }
            }
._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 {
            --grid-gap: var(--spacing-12);
        }
._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._text_1y4n7_25 {
                --grid-gap: var(--spacing-4);
            }
._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._text_1y4n7_25 ._headline_1y4n7_28,
                ._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._text_1y4n7_25 ._copy_1y4n7_29 {
                    padding-top: var(--gill-sans-delta);
                }
._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._controls_1y4n7_34 ._group_1y4n7_35 {
                    display: flex;
                    flex-direction: column;
                    gap: var(--spacing-8);
                }
._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._controls_1y4n7_34 ._group_1y4n7_35 ._button_1y4n7_40 {
                        width: 100%;
                    }
@media screen and (min-width: 75em) {
                    ._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._controls_1y4n7_34 ._group_1y4n7_35 {
                        flex-direction: row;
                        align-items: flex-end;
                        justify-content: space-between;
                    }

                        ._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._controls_1y4n7_34 ._group_1y4n7_35 ._input_1y4n7_51 {
                            width: 50%;
                        }

                        ._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._controls_1y4n7_34 ._group_1y4n7_35 ._button_1y4n7_40 {
                            max-width: 50%;
                        }

                    ._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 ._controls_1y4n7_34 ._filter_1y4n7_60 {
                        width: auto;
                    }
                }
@media screen and (min-width: 75em) {
    ._finder_1y4n7_1 ._grid_1y4n7_7 ._content_1y4n7_22 {
                display: flex;
                height: 100%;
                flex-direction: column;
                justify-content: flex-end;
        }
            }
@media screen and (min-width: 75em) {
    ._finder_1y4n7_1 ._grid_1y4n7_7 {
            --grid-gap: var(--spacing-24);
    }
        }
@media screen and (min-width: 75em) {
    ._finder_1y4n7_1 {
        padding-bottom: var(--spacing-20);
}
    }
/* SEE: https://www.figma.com/file/dLXzoNSdbFlGZOs4lGxsZT/JOKA-Relaunch?type=design&node-id=0-1&mode=design&t=YZxlNeHZ8j7xTh2C-0 */

._grid_t80jn_3 {
    --grid-columns: 4;

    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    column-gap: var(--grid-gap, var(--spacing-8));
    row-gap: var(--grid-gap, var(--spacing-12));
    margin-bottom: var(--grid-gap, var(--spacing-12));
}

@media screen and (min-width: 48em) {

._grid_t80jn_3 {
        --grid-columns: 12;
}
    }

._gridItem_t80jn_17 {
    --grid-column-span: 4;

    grid-column: span var(--grid-column-span);
}

._gridItem_t80jn_17._xs1_t80jn_22 {
        --grid-column-span: 1;
    }

._gridItem_t80jn_17._xs2_t80jn_25 {
        --grid-column-span: 2;
    }

._gridItem_t80jn_17._xs3_t80jn_28 {
        --grid-column-span: 3;
    }

._gridItem_t80jn_17._xs4_t80jn_31 {
        --grid-column-span: 4;
    }

@media screen and (min-width: 48em) {

._gridItem_t80jn_17 {
        --grid-column-span: 12;
}

        ._gridItem_t80jn_17._sm1_t80jn_38 {
            --grid-column-span: 1;
        }
        ._gridItem_t80jn_17._sm2_t80jn_41 {
            --grid-column-span: 2;
        }
        ._gridItem_t80jn_17._sm3_t80jn_44 {
            --grid-column-span: 3;
        }
        ._gridItem_t80jn_17._sm4_t80jn_47 {
            --grid-column-span: 4;
        }
        ._gridItem_t80jn_17._sm5_t80jn_50 {
            --grid-column-span: 5;
        }
        ._gridItem_t80jn_17._sm6_t80jn_53 {
            --grid-column-span: 6;
        }
        ._gridItem_t80jn_17._sm7_t80jn_56 {
            --grid-column-span: 7;
        }
        ._gridItem_t80jn_17._sm8_t80jn_59 {
            --grid-column-span: 8;
        }
        ._gridItem_t80jn_17._sm9_t80jn_62 {
            --grid-column-span: 9;
        }
        ._gridItem_t80jn_17._sm10_t80jn_65 {
            --grid-column-span: 10;
        }
        ._gridItem_t80jn_17._sm11_t80jn_68 {
            --grid-column-span: 11;
        }
        ._gridItem_t80jn_17._sm12_t80jn_71 {
            --grid-column-span: 12;
        }
    }

@media screen and (min-width: 62em) {
        ._gridItem_t80jn_17._md1_t80jn_77 {
            --grid-column-span: 1;
        }
        ._gridItem_t80jn_17._md2_t80jn_80 {
            --grid-column-span: 2;
        }
        ._gridItem_t80jn_17._md3_t80jn_83 {
            --grid-column-span: 3;
        }
        ._gridItem_t80jn_17._md4_t80jn_86 {
            --grid-column-span: 4;
        }
        ._gridItem_t80jn_17._md5_t80jn_89 {
            --grid-column-span: 5;
        }
        ._gridItem_t80jn_17._md6_t80jn_92 {
            --grid-column-span: 6;
        }
        ._gridItem_t80jn_17._md7_t80jn_95 {
            --grid-column-span: 7;
        }
        ._gridItem_t80jn_17._md8_t80jn_98 {
            --grid-column-span: 8;
        }
        ._gridItem_t80jn_17._md9_t80jn_101 {
            --grid-column-span: 9;
        }
        ._gridItem_t80jn_17._md10_t80jn_104 {
            --grid-column-span: 10;
        }
        ._gridItem_t80jn_17._md11_t80jn_107 {
            --grid-column-span: 11;
        }
        ._gridItem_t80jn_17._md12_t80jn_110 {
            --grid-column-span: 12;
        }
    }

@media screen and (min-width: 75em) {
        ._gridItem_t80jn_17._lg1_t80jn_116 {
            --grid-column-span: 1;
        }
        ._gridItem_t80jn_17._lg2_t80jn_119 {
            --grid-column-span: 2;
        }
        ._gridItem_t80jn_17._lg3_t80jn_122 {
            --grid-column-span: 3;
        }
        ._gridItem_t80jn_17._lg4_t80jn_125 {
            --grid-column-span: 4;
        }
        ._gridItem_t80jn_17._lg5_t80jn_128 {
            --grid-column-span: 5;
        }
        ._gridItem_t80jn_17._lg6_t80jn_131 {
            --grid-column-span: 6;
        }
        ._gridItem_t80jn_17._lg7_t80jn_134 {
            --grid-column-span: 7;
        }
        ._gridItem_t80jn_17._lg8_t80jn_137 {
            --grid-column-span: 8;
        }
        ._gridItem_t80jn_17._lg9_t80jn_140 {
            --grid-column-span: 9;
        }
        ._gridItem_t80jn_17._lg10_t80jn_143 {
            --grid-column-span: 10;
        }
        ._gridItem_t80jn_17._lg11_t80jn_146 {
            --grid-column-span: 11;
        }
        ._gridItem_t80jn_17._lg12_t80jn_149 {
            --grid-column-span: 12;
        }
    }

@media screen and (min-width: 85.375em) {
        ._gridItem_t80jn_17._xl1_t80jn_155 {
            --grid-column-span: 1;
        }
        ._gridItem_t80jn_17._xl2_t80jn_158 {
            --grid-column-span: 2;
        }
        ._gridItem_t80jn_17._xl3_t80jn_161 {
            --grid-column-span: 3;
        }
        ._gridItem_t80jn_17._xl4_t80jn_164 {
            --grid-column-span: 4;
        }
        ._gridItem_t80jn_17._xl5_t80jn_167 {
            --grid-column-span: 5;
        }
        ._gridItem_t80jn_17._xl6_t80jn_170 {
            --grid-column-span: 6;
        }
        ._gridItem_t80jn_17._xl7_t80jn_173 {
            --grid-column-span: 7;
        }
        ._gridItem_t80jn_17._xl8_t80jn_176 {
            --grid-column-span: 8;
        }
        ._gridItem_t80jn_17._xl9_t80jn_179 {
            --grid-column-span: 9;
        }
        ._gridItem_t80jn_17._xl10_t80jn_182 {
            --grid-column-span: 10;
        }
        ._gridItem_t80jn_17._xl11_t80jn_185 {
            --grid-column-span: 11;
        }
        ._gridItem_t80jn_17._xl12_t80jn_188 {
            --grid-column-span: 12;
        }
    }

@media screen and (min-width: 120em) {
        ._gridItem_t80jn_17._xxl1_t80jn_194 {
            --grid-column-span: 1;
        }
        ._gridItem_t80jn_17._xxl2_t80jn_197 {
            --grid-column-span: 2;
        }
        ._gridItem_t80jn_17._xxl3_t80jn_200 {
            --grid-column-span: 3;
        }
        ._gridItem_t80jn_17._xxl4_t80jn_203 {
            --grid-column-span: 4;
        }
        ._gridItem_t80jn_17._xxl5_t80jn_206 {
            --grid-column-span: 5;
        }
        ._gridItem_t80jn_17._xxl6_t80jn_209 {
            --grid-column-span: 6;
        }
        ._gridItem_t80jn_17._xxl7_t80jn_212 {
            --grid-column-span: 7;
        }
        ._gridItem_t80jn_17._xxl8_t80jn_215 {
            --grid-column-span: 8;
        }
        ._gridItem_t80jn_17._xxl9_t80jn_218 {
            --grid-column-span: 9;
        }
        ._gridItem_t80jn_17._xxl10_t80jn_221 {
            --grid-column-span: 10;
        }
        ._gridItem_t80jn_17._xxl11_t80jn_224 {
            --grid-column-span: 11;
        }
        ._gridItem_t80jn_17._xxl12_t80jn_227 {
            --grid-column-span: 12;
        }
    }

._gridItem_t80jn_17 > * {
        width: 100%;
    }
._default_8or0m_1 {
    padding: 0 var(--spacing-8) var(--spacing-12) var(--spacing-8);
    background-color: rgb(var(--color-joka-white));
    width: 100%;
    flex: 0 0 auto;
}
@media screen and (min-width: 75em) {
    ._default_8or0m_1 ._grid_8or0m_7 ._imgCol_8or0m_8 {
                order: 1;
                max-width: 59rem;
                justify-content: space-between;
        }
            }
._default_8or0m_1 ._defaultImage_8or0m_17 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
    }
._default_8or0m_1 ._defaultContent_8or0m_24 ._defaultHeadline_8or0m_25,
        ._default_8or0m_1 ._defaultContent_8or0m_24 ._defaultCopy_8or0m_26 {
            position: relative;
            padding-top: var(--gill-sans-delta);
        }
@media screen and (min-width: 75em) {
    ._default_8or0m_1 ._defaultContent_8or0m_24 {
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: flex-end;
    }
        }
@media screen and (min-width: 75em) {
    ._default_8or0m_1 {
        --grid-gap: var(--spacing-24);

        padding-bottom: var(--spacing-20);
}
    }
._ctaHero_ale11_1 {
    background-color: rgb(var(--color-joka-white));
    padding-bottom: var(--spacing-12);
    width: 100%;
    flex: 0 0 auto;
}

._ctaHero_ale11_1 ._grid_ale11_7 ._imgCol_ale11_8 ._mobile_ale11_9,
            ._ctaHero_ale11_1 ._grid_ale11_7 ._imgCol_ale11_8 ._desktop_ale11_10 {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                width: 100%;
            }

._ctaHero_ale11_1 ._grid_ale11_7 ._imgCol_ale11_8 ._desktop_ale11_10 {
                display: none;
            }

@media screen and (min-width: 75em) {

    ._ctaHero_ale11_1 ._grid_ale11_7 ._imgCol_ale11_8 {
                order: 1;
        }

                ._ctaHero_ale11_1 ._grid_ale11_7 ._imgCol_ale11_8 ._mobile_ale11_9 {
                    display: none;
                }

                ._ctaHero_ale11_1 ._grid_ale11_7 ._imgCol_ale11_8 ._desktop_ale11_10 {
                    display: block;
                }
            }

._ctaHero_ale11_1 ._grid_ale11_7 ._content_ale11_34 {
            --grid-gap: var(--spacing-12);
        }

._ctaHero_ale11_1 ._grid_ale11_7 ._content_ale11_34 ._text_ale11_37 {
                --grid-gap: var(--spacing-4);
            }

._ctaHero_ale11_1 ._grid_ale11_7 ._content_ale11_34 ._text_ale11_37 ._headline_ale11_40,
                ._ctaHero_ale11_1 ._grid_ale11_7 ._content_ale11_34 ._text_ale11_37 ._copy_ale11_41 {
                    padding-top: var(--gill-sans-delta);
                }

@media screen and (min-width: 75em) {

    ._ctaHero_ale11_1 ._grid_ale11_7 ._content_ale11_34 {
                display: flex;
                height: 100%;
                flex-direction: column;
                justify-content: flex-end;
        }
            }

@media screen and (min-width: 75em) {

    ._ctaHero_ale11_1 ._grid_ale11_7 {
            --grid-gap: var(--spacing-24);
    }
        }

@media screen and (min-width: 75em) {

    ._ctaHero_ale11_1 {
        padding-bottom: var(--spacing-20);
}
    }
._home_1qmy5_1 {
  flex: 0 0 auto;
  padding-bottom: var(--spacing-12);
  width: 100%;
}
._home_1qmy5_1 ._grid_1qmy5_6 ._imgCol_1qmy5_7 ._mobile_1qmy5_8,
      ._home_1qmy5_1 ._grid_1qmy5_6 ._imgCol_1qmy5_7 ._desktop_1qmy5_9 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
      }
@media screen and (min-width: 75em) {
  ._home_1qmy5_1 ._grid_1qmy5_6 ._imgCol_1qmy5_7 {
        order: 1;
    }
      }
._home_1qmy5_1 ._grid_1qmy5_6 ._content_1qmy5_21 {
      --grid-gap: var(--spacing-12);
    }
._home_1qmy5_1 ._grid_1qmy5_6 ._content_1qmy5_21 ._text_1qmy5_24 {
        --grid-gap: var(--spacing-4);
      }
._home_1qmy5_1 ._grid_1qmy5_6 ._content_1qmy5_21 ._text_1qmy5_24 ._headline_1qmy5_27,
        ._home_1qmy5_1 ._grid_1qmy5_6 ._content_1qmy5_21 ._text_1qmy5_24 ._copy_1qmy5_28 {
          padding-top: var(--gill-sans-delta);
        }
@media screen and (min-width: 75em) {
  ._home_1qmy5_1 ._grid_1qmy5_6 ._content_1qmy5_21 ._ctaGroup_1qmy5_33 {
          display: flex;
          align-items: center;
      }
        }
@media screen and (min-width: 75em) {
  ._home_1qmy5_1 ._grid_1qmy5_6 {
      --grid-gap: var(--spacing-24);
  }
    }
@media screen and (min-width: 75em) {
  ._home_1qmy5_1 {
    padding-bottom: 0;
    padding-top: var(--spacing-20);
}
  }
._carousel_xh76h_1 {
    background-color: rgb(var(--color-warm-grey-base));
    position: relative;
}

@media screen and (min-width: 75em) {

._carousel_xh76h_1 {
        background-image: linear-gradient(
            to bottom,
            rgb(var(--color-warm-grey-base)) 0%,
            rgb(var(--color-warm-grey-base)) 90%,
            rgb(var(--color-joka-white)) 90%,
            rgb(var(--color-joka-white)) 100%
        );
}
    }

._arrowLeft_xh76h_16,
._arrowRight_xh76h_17 {
    position: absolute;
    top: 5.5rem;
}

@media screen and (min-width: 75em) {

._arrowLeft_xh76h_16,
._arrowRight_xh76h_17 {
        top: 50%;
        transform: translateY(-50%);
}
    }

._arrowRight_xh76h_17 {
    right: 0;
}

._contentWrapper_xh76h_31 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

._contentWrapper_xh76h_31::-webkit-scrollbar {
    display: none;
}
._container_1vtz3_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
._container_1vtz3_1 ._checkboxWrapper_1vtz3_6 {
        display: grid;
        grid-template-columns: 1.5rem auto;
        gap: var(--spacing-4);
        position: relative;
    }
._container_1vtz3_1 ._checkboxWrapper_1vtz3_6 ._error_1vtz3_12 {
            --text-color: var(--color-red);
            margin: 0;
            padding: 0;
            padding-left: var(--spacing-23);
        }
._container_1vtz3_1 ._checkboxWrapper_1vtz3_6 ._error_1vtz3_12 > li::marker {
                font-size: 1.25rem;
            }
@media screen and (max-width: 62em) {
    ._container_1vtz3_1 ._checkboxWrapper_1vtz3_6 {
            gap: var(--spacing-6);
    }
        }
/* styling checkbox as a colorbox */
._container_1vtz3_1 ._checkboxWrapper_1vtz3_6._colorbox_1vtz3_28 {
            grid-template-columns: none;
            gap: 0;
        }
._container_1vtz3_1 ._checkboxWrapper_1vtz3_6 + ._checkboxWrapper_1vtz3_6 {
        margin-top: var(--spacing-8);
    }
._container_1vtz3_1 ._checkbox_1vtz3_6 {
        /** hide browser default checkbox */
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        margin: 0;

        border: 2px solid rgb(var(--color-warm-grey-base));
        cursor: pointer;
        height: 1.5rem;
        width: 1.5rem;
    }
._container_1vtz3_1 ._checkbox_1vtz3_6:hover {
            border: 2px solid rgb(var(--color-future-green));
        }
:is(._container_1vtz3_1 ._checkbox_1vtz3_6:hover) + ._label_1vtz3_53 {
                --text-color: var(--color-future-green);
            }
._container_1vtz3_1 ._checkbox_1vtz3_6:focus {
            outline: 1px solid rgb(var(--color-joka-black));
            outline-offset: 4px;
        }
._container_1vtz3_1 ._checkbox_1vtz3_6:disabled {
            background-color: rgb(var(--color-warm-grey-light));
            cursor: auto;
        }
._container_1vtz3_1 ._checkbox_1vtz3_6:disabled:hover {
                border: 2px solid rgb(var(--color-warm-grey-base));
            }
:is(._container_1vtz3_1 ._checkbox_1vtz3_6:disabled) + ._label_1vtz3_53 {
                color: rgb(var(--color-joka-black-40));
                cursor: auto;
            }
._container_1vtz3_1 ._checkbox_1vtz3_6:disabled:checked {
            background-color: rgb(var(--color-warm-grey-light));
            border: 2px solid rgb(var(--color-warm-grey-base));
        }
._container_1vtz3_1 ._checkbox_1vtz3_6:disabled:checked:hover {
                background-color: rgb(var(--color-warm-grey-light));
                border: 2px solid rgb(var(--color-warm-grey-base));
            }
._container_1vtz3_1 ._checkbox_1vtz3_6._colorbox_1vtz3_28 {
        border: 1px solid rgb(var(--color-warm-grey-base));
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
._container_1vtz3_1 ._checkbox_1vtz3_6:checked {
        background-color: rgb(var(--color-joka-black));
        border-color: rgb(var(--color-joka-black));
    }
._container_1vtz3_1 ._checkbox_1vtz3_6:checked:hover {
            background-color: rgb(var(--color-future-green));
            border-color: rgb(var(--color-future-green));
        }
._container_1vtz3_1 ._checkbox_1vtz3_6:checked:hover:focus {
                outline: 1px solid rgb(var(--color-future-green));
                outline-offset: 4px;
            }
:is(._container_1vtz3_1 ._checkbox_1vtz3_6:checked) + ._label_1vtz3_53 ._checkboxIcon_1vtz3_111 {
                stroke: rgb(var(--color-joka-white));
                transform: scale(1);
            }
._container_1vtz3_1 ._checkbox_1vtz3_6._colorbox_1vtz3_28:checked {
        border: 1px solid rgb(var(--color-joka-black));
        box-shadow: inset 0px 0px 0px 2px rgb(var(--color-joka-white));
    }
._container_1vtz3_1 ._label_1vtz3_53 {
        cursor: pointer;
        margin-top: var(--gill-sans-delta);
    }
._container_1vtz3_1 ._label_1vtz3_53 ._optionCount_1vtz3_127 {
            --text-color: var(--color-joka-black-60);
            padding-left: var(--spacing-2);
        }
._container_1vtz3_1 ._checkboxIcon_1vtz3_111 {
        font-size: 1.2rem;
        left: 2px;
        top: 2px;
        position: absolute;
        transform: scale(0);
    }
@media screen and (min-width: 62em) {
    ._container_1vtz3_1 ._checkboxIcon_1vtz3_111 {
            font-size: 1rem;
            left: 0;
            top: 0;
    }
        }
._contact_7mkwp_1 {
    border-top: 2px solid rgb(var(--color-warm-grey-base));
    border-bottom: 2px solid rgb(var(--color-warm-grey-base));
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 62em) {

    ._contact_7mkwp_1 {
        flex-direction: row;
}

        ._contact_7mkwp_1 div {
            width: 50%;
        }
    }

._contact_7mkwp_1 ._headline_7mkwp_15 {
        margin-bottom: 10px;
        margin-top: 0;
        font-size: 24px;
        font-weight: bold;
    }

._contact_7mkwp_1 ._header_7mkwp_22 {
        margin-bottom: 20px;
    }

._contact_7mkwp_1 ._city_7mkwp_26 {
        display: flex;
        flex-direction: column;
    }

._contact_7mkwp_1 ._route_7mkwp_31 {
        margin-bottom: 25px;
    }

._contact_7mkwp_1 ._route_7mkwp_31 > span > span {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }

._contact_7mkwp_1 ._placeContainer_7mkwp_42 {
        padding: 30px 30px 30px 0;
    }

._contact_7mkwp_1 ._contactContainer_7mkwp_46 {
        border-top: 2px solid rgb(var(--color-warm-grey-base));
        padding: 30px 30px 30px 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

@media screen and (min-width: 62em) {

    ._contact_7mkwp_1 ._contactContainer_7mkwp_46 {
            border-left: 2px solid rgb(var(--color-warm-grey-base));
            border-top: none;
            padding: 30px;
    }
        }

._contact_7mkwp_1 ._contactDetails_7mkwp_60 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        margin-bottom: 15px;
    }

._contact_7mkwp_1 ._contactDetails_7mkwp_60 ._website_7mkwp_67 {
            text-decoration: underline;
        }

._contact_7mkwp_1 ._contactDetails_7mkwp_60 ._email_7mkwp_71 > span > span {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }

._contact_7mkwp_1 ._cta_7mkwp_79 {
        margin-top: 20px;
    }

@media print {

    ._contact_7mkwp_1 ._cta_7mkwp_79 {
            display: none;
    }
        }

._contact_7mkwp_1 ._socials_7mkwp_87 {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }

._contact_7mkwp_1 ._socials_7mkwp_87 a {
            padding: 0;
        }

._contact_7mkwp_1 ._openings_7mkwp_97 {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

._contact_7mkwp_1 ._openings_7mkwp_97:last-child {
            margin-bottom: 0;
        }
._dataProtectionLayer_6ky7n_1 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    background-size: cover;
    background-position: center;
}
._dataProtectionLayer_6ky7n_1 ._privacyText_6ky7n_10 {
        --text-color: var(--color-joka-white);
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(var(--color-joka-black), 0.7);
        cursor: pointer;
        position: absolute;
        z-index: 110;
    }
._dataProtectionLayer_6ky7n_1 ._link_6ky7n_23 {
        --text-color: var(--color-joka-white);
    }
._rangeOptions_wd8es_1 {
    --slider-width: 200px;

    height: 60px;
    display: flex;
    align-items: center;
}
._rangeOptions_wd8es_1 ._slider_wd8es_8 {
        position: relative;
        width: var(--slider-width);
    }
._rangeOptions_wd8es_1 ._sliderTrack_wd8es_13,
    ._rangeOptions_wd8es_1 ._sliderRange_wd8es_14,
    ._rangeOptions_wd8es_1 ._sliderLeftValue_wd8es_15,
    ._rangeOptions_wd8es_1 ._sliderRightValue_wd8es_16 {
        position: absolute;
    }
._rangeOptions_wd8es_1 ._sliderTrack_wd8es_13,
    ._rangeOptions_wd8es_1 ._sliderRange_wd8es_14 {
        height: 5px;
    }
._rangeOptions_wd8es_1 ._sliderTrack_wd8es_13 {
        background-color: rgb(var(--color-joka-black-20));
        width: 100%;
        z-index: 1;
    }
._rangeOptions_wd8es_1 ._sliderRange_wd8es_14 {
        background-color: rgb(var(--color-joka-black-60));
        z-index: 2;
    }
._rangeOptions_wd8es_1 ._sliderLeftValue_wd8es_15,
    ._rangeOptions_wd8es_1 ._sliderRightValue_wd8es_16 {
        color: rgb(var(--color-joka-black));
        bottom: 20px;
        white-space: nowrap;
    }
._rangeOptions_wd8es_1 ._sliderLeftValue_wd8es_15 {
        left: 6px;
    }
._rangeOptions_wd8es_1 ._sliderRightValue_wd8es_16 {
        right: -4px;
    }
/* Removing the default appearance */
._rangeOptions_wd8es_1 ._thumb_wd8es_52,
    ._rangeOptions_wd8es_1 ._thumb_wd8es_52::-webkit-slider-thumb {
        -webkit-appearance: none;
        -webkit-tap-highlight-color: transparent;
    }
._rangeOptions_wd8es_1 ._thumb_wd8es_52 {
        pointer-events: none;
        position: absolute;
        height: 0;
        width: var(--slider-width);
        outline: none;
    }
._rangeOptions_wd8es_1 ._thumb_wd8es_52:focus::-webkit-slider-thumb {
        background-color: rgb(var(--color-joka-black));
        outline: 1px solid rgb(var(--color-joka-black));
        outline-offset: 4px;
        border-radius: 50%;
    }
._rangeOptions_wd8es_1 ._thumbLeft_wd8es_73 {
        z-index: 3;
    }
._rangeOptions_wd8es_1 ._thumbRight_wd8es_77 {
        z-index: 4;
    }
/* For Chrome browsers */
._rangeOptions_wd8es_1 ._thumb_wd8es_52::-webkit-slider-thumb {
        background-color: rgb(var(--color-joka-black));
        border: none;
        border-radius: 50%;
        cursor: pointer;
        height: 18px;
        width: 18px;
        margin-top: 4px;
        pointer-events: all;
        position: relative;
    }
/* For Firefox browsers */
._rangeOptions_wd8es_1 ._thumb_wd8es_52::-moz-range-thumb {
        background-color: rgb(var(--color-joka-black));
        border: none;
        border-radius: 50%;
        cursor: pointer;
        height: 18px;
        width: 18px;
        margin-top: 4px;
        pointer-events: all;
        position: relative;
    }

    ._options_15lj5_1 > div {
        margin-bottom: var(--spacing-4);
    }
._options_15lj5_1._colorbox_15lj5_6 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-4);
    }

    @media screen and (min-width: 62em) {
    ._accordionSection_z96ob_1 {
        padding: 0 0 0 var(--spacing-8);
}
    }
._facetsDesktopWrapper_wav12_1 {
    display: flex;
    gap: var(--spacing-12);
}

._facetsGroup_wav12_6 {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: var(--spacing-12);
}

._facetsItem_wav12_14 {
    position: relative;
}

._facetsItemButton_wav12_18 {
    align-items: center;
    background-color: rgb(var(--color-joka-white));
    border: 0;
    border-bottom: 2px solid rgb(var(--color-warm-grey-lighter));
    display: flex;
    padding: var(--spacing-4) 0;
}

._facetsItemButton_wav12_18:focus,
    ._facetsItemButton_wav12_18:focus-visible {
        outline: none;
        border-bottom: 2px solid rgb(var(--color-joka-black));
    }

._facetsItemButton_wav12_18:hover,
    ._facetsItemButton_wav12_18[aria-expanded="true"] {
        border-bottom: 2px solid rgb(var(--color-joka-black));
        cursor: pointer;
    }

._facetsFlyout_wav12_39 {
    background-color: rgb(var(--color-joka-white));
    border: 2px solid rgb(var(--color-joka-black));
    display: none;
    width: 270px;
    max-height: 256px;
    padding: var(--spacing-8);
    position: absolute;
    top: calc(100% + 2px);
    z-index: 1;
    overflow-y: auto;
}

._facetsItemButton_wav12_18[aria-expanded="true"] + ._facetsFlyout_wav12_39 {
        display: block;
    }

._facetsFlyoutHeadline_wav12_56 {
    margin: 0 0 var(--spacing-8) 0;
}
._overlay_v29bi_1 {
    border: none;
    padding: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    max-width: 100vw;
    max-height: 100vh;
}

@media screen and (min-width: 62em) {

._overlay_v29bi_1 {
        width: 472px;
        height: 100vh;
        margin: 0 0 0 auto;
}
    }

._overlay_v29bi_1 ._header_v29bi_16 {
        align-items: center;
        background-color: rgb(var(--color-joka-black));
        color: rgb(var(--color-joka-white));
        display: flex;
        padding: var(--spacing-6) var(--spacing-8);
        justify-content: space-between;
    }

._overlay_v29bi_1 ._header_v29bi_16 ._heading_v29bi_24 {
            --text-color: var(--color-joka-white);
        }

._overlay_v29bi_1 ._header_v29bi_16 ._close_v29bi_28 {
            border: none;
            padding: 0;
            background-color: transparent;
            width: 1.5rem;
            height: 1.5rem;
        }

._overlay_v29bi_1 ._header_v29bi_16 ._close_v29bi_28 ._icon_v29bi_35 {
                width: inherit;
                height: inherit;
                --icon-color: var(--color-joka-white);
            }

._overlay_v29bi_1 ._header_v29bi_16 ._close_v29bi_28:focus {
                outline: none;
            }

@media screen and (min-width: 62em) {

._overlay_v29bi_1 ._header_v29bi_16 ._close_v29bi_28 {
                width: 2rem;
                height: 2rem;
        }
            }

/* backdrop and modal don't inherit styles from elements, so no css vars usage */
dialog::backdrop {
    /* fake color "joka-black-40" */
    background-color: #000000;
    opacity: 0.4;
}
._desktopFacets_144qy_1 {
    display: none;
}

@media screen and (min-width: 62em) {

._desktopFacets_144qy_1 {
        display: flex;
        gap: var(--spacing-12);
}
    }

._desktopFacets_144qy_1 ._facetsExpandButton_144qy_9 {
        padding-bottom: var(--spacing-4);
    }

._mobileFacetsButton_144qy_14 {
    /* display: block; */
    width: 100%;
}

@media screen and (min-width: 62em) {

._mobileFacetsButton_144qy_14 {
        display: none;
}
    }

._buttonGroup_144qy_23 {
    padding: var(--spacing-8);
}

._buttonGroup_144qy_23 ._button_144qy_23 {
        width: 100%;
    }

._buttonGroup_144qy_23 ._button_144qy_23:first-child {
            margin-bottom: var(--spacing-8);
        }
._button_otpad_1 {
    border: none;
    background-color: rgb(var(--color-joka-black));
    display: flex;
    flex-direction: column;
    padding: var(--spacing-8);
    gap: var(--spacing-8);
    transition: all 300ms;
    width: min(648px, 100%);
}

._button_otpad_1 span {
        display: inline-block;
    }

._button_otpad_1:focus {
        outline: none;
    }

._button_otpad_1:focus,
    ._button_otpad_1:hover:not([disabled]) {
        background-color: rgb(var(--color-future-green));
    }

._button_otpad_1:active {
        background-color: rgb(var(--color-future-green-pressed));
    }

._button_otpad_1:disabled {
        background-color: rgb(var(--color-joka-black-40));
    }

._button_otpad_1 ._iconWrapper_otpad_32 {
        padding: var(--spacing-5);
        border: 2px solid rgb(var(--color-joka-white));
        border-radius: 50%;
        width: 3.5rem;
        height: 3.5rem;
    }

._button_otpad_1 ._iconWrapper_otpad_32 ._icon_otpad_32 {
            --icon-color: var(--color-joka-white);
            --icon-size: 2rem;
        }

@media screen and (min-width: 62em) {

    ._button_otpad_1 ._iconWrapper_otpad_32 {
            width: 5rem;
            height: 5rem;
    }

            ._button_otpad_1 ._iconWrapper_otpad_32 ._icon_otpad_32 {
                --icon-size: 3rem;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }
        }

._button_otpad_1 ._content_otpad_57 {
        --text-color: var(--color-joka-white);

        display: flex;
        flex-direction: column;
        gap: var(--spacing-4);
    }

._button_otpad_1 ._content_otpad_57 ._heading_otpad_64,
        ._button_otpad_1 ._content_otpad_57 ._body_otpad_65 {
            position: relative;
            top: var(--gill-sans-delta);
        }

@media screen and (min-width: 62em) {

    ._button_otpad_1 {
        padding-top: var(--spacing-16);
        padding-right: calc(var(--spacing-base-unit) * 50);
        padding-bottom: var(--spacing-16);
        padding-left: var(--spacing-32);
        gap: var(--spacing-16);
}
    }
._container_1sacx_1 {
    background-color: rgb(var(--inku-footer-bg-color, var(--color-joka-black)));
    display: flex;
    gap: var(--spacing-8);
    width: min-content;
}
._container_1sacx_1 ._link_1sacx_7 {
        --rect-size: 2rem;

        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(var(--inku-footer-social-media-bg-color, var(--color-joka-white)));
        width: var(--rect-size);
        height: var(--rect-size);
        border-radius: 50%;
        padding: 0;
        cursor: pointer;
    }
._container_1sacx_1 ._link_1sacx_7 ._icon_1sacx_20 {
            --icon-size: 1.24rem;

            width: var(--icon-size);
            height: var(--icon-size);
        }
@media screen and (min-width: 62em) {
    ._container_1sacx_1 ._link_1sacx_7 ._icon_1sacx_20 {
                --icon-size: 1.55rem;
        }
            }
._container_1sacx_1 ._link_1sacx_7 ._fill_1sacx_31 {
            fill: rgb(var(--inku-footer-social-media-color, var(--color-joka-black)));
        }
._container_1sacx_1 ._link_1sacx_7 ._stroke_1sacx_35 {
            stroke: rgb(var(--inku-footer-social-media-color, var(--color-joka-black)));
        }
@media screen and (min-width: 62em) {
    ._container_1sacx_1 ._link_1sacx_7 {
            --rect-size: 2.5rem;
    }
        }
._meta_90mq8_1 {
    --text-color: var(--inku-footer-text-color, var(--color-joka-white));

    background-color: rgb(var(--inku-footer-bg-color, var(--color-joka-black)));
    border-top: 2px solid
        rgb(
            var(--inku-footer-meta-border-top-color, var(--color-joka-black-60))
        );
    padding: var(--spacing-8) 0;
}
._meta_90mq8_1 ._content_90mq8_11 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }
._meta_90mq8_1 ._content_90mq8_11 ._copyright_90mq8_16 {
            position: relative;
            top: var(--gill-sans-delta);
        }
._meta_90mq8_1 ._content_90mq8_11 ._links_90mq8_21 {
            display: flex;
            gap: var(--spacing-8);
            align-items: center;
        }
._meta_90mq8_1 ._content_90mq8_11 ._links_90mq8_21 ._divider_90mq8_26 {
                width: 2px;
                height: 1.25rem;
                background-color: rgb(
                    var(
                        --inku-footer-meta-border-top-color,
                        var(--color-joka-black-60)
                    )
                );
            }
._meta_90mq8_1 ._content_90mq8_11 ._links_90mq8_21 a {
                padding-top: var(--gill-sans-delta);
            }
._meta_90mq8_1 ._content_90mq8_11 ._links_90mq8_21 a:hover,
                ._meta_90mq8_1 ._content_90mq8_11 ._links_90mq8_21 a:active,
                ._meta_90mq8_1 ._content_90mq8_11 ._links_90mq8_21 a:visited {
                    background-color: rgb(
                        var(--inku-footer-bg-color, var(--color-joka-black))
                    );
                }
@media screen and (min-width: 62em) {
    ._meta_90mq8_1 ._content_90mq8_11 {
            flex-direction: row;
            justify-content: space-between;
    }
        }
._cta_1sctd_1 {
    background-color: rgb(var(--color-warm-grey-base));
    padding: var(--spacing-8) 0;
}
._cta_1sctd_1 ._icon_1sctd_5 {
        display: none;
    }
@media screen and (min-width: 62em) {
    ._cta_1sctd_1 ._icon_1sctd_5 {
            display: block;
            --icon-size: 5rem;
            --icon-stroke-width: 1;
    }
        }
._cta_1sctd_1 ._content_1sctd_15 {

        gap: var(--spacing-8);
    }
._cta_1sctd_1 ._content_1sctd_15,
        ._cta_1sctd_1 ._content_1sctd_15 ._btns_1sctd_17 {
            display: flex;
            flex-direction: column;
        }
._cta_1sctd_1 ._content_1sctd_15 ._text_1sctd_24 ._headline_1sctd_25,
            ._cta_1sctd_1 ._content_1sctd_15 ._text_1sctd_24 ._copy_1sctd_26 {
                position: relative;
                top: var(--gill-sans-delta);
            }
._cta_1sctd_1 ._content_1sctd_15 ._text_1sctd_24 ._headline_1sctd_25 {
                margin: 0;
            }
._cta_1sctd_1 ._content_1sctd_15 ._btns_1sctd_17 {
            text-wrap: nowrap;
            gap: var(--spacing-4);
        }
._cta_1sctd_1 ._content_1sctd_15 ._btns_1sctd_17 > * {
                width: 100%;
            }
@media screen and (min-width: 62em) {
    ._cta_1sctd_1 ._content_1sctd_15 ._btns_1sctd_17 {
                flex-direction: row;
                gap: var(--spacing-12);
                align-items: center;
        }
            }
@media screen and (min-width: 62em) {
    ._cta_1sctd_1 ._content_1sctd_15 {
            flex-direction: row;
            margin: 0 auto;
            justify-content: space-between;
    }
        }
._footer_1kz2w_1 {
    background-color: rgb(var(--inku-footer-bg-color, var(--color-joka-black)));
}
._footer_1kz2w_1 ._contentWrapper_1kz2w_4 {
        border-top: 4px solid
            rgb(var(--inku-footer-border-top-color, transparent));
    }
._footer_1kz2w_1 ._content_1kz2w_4 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-20);

        padding-top: var(--spacing-12);
        padding-bottom: var(--spacing-12);
    }
._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 {
            display: block;

            --accordion-bg-color: var(
                --inku-footer-bg-color,
                var(--color-joka-black)
            );
            --accordion-color: var(
                --inku-footer-text-color,
                var(--color-joka-white)
            );
            --text-color: var(
                --inku-footer-text-color,
                var(--color-joka-white)
            );
        }
._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 ._links_1kz2w_33 {
                padding: 0;
                margin: 0;
                list-style-type: none;
            }
._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 ._links_1kz2w_33 ._linkItem_1kz2w_38:not(:last-child) {
                    margin-bottom: var(--spacing-8);
                }
._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 ._links_1kz2w_33 ._linkItem_1kz2w_38:not(:last-child) a {
                        padding-top: var(--gill-sans-delta);
                    }
._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 ._links_1kz2w_33 ._linkItem_1kz2w_38:not(:last-child) a:hover,
                        ._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 ._links_1kz2w_33 ._linkItem_1kz2w_38:not(:last-child) a:active,
                        ._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 ._links_1kz2w_33 ._linkItem_1kz2w_38:not(:last-child) a:visited {
                            background-color: transparent;
                        }
@media screen and (min-width: 62em) {
    ._footer_1kz2w_1 ._content_1kz2w_4 ._mobile_1kz2w_17 {
                display: none;
        }
            }
._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 {
            --text-color: var(
                --inku-footer-text-color,
                var(--color-joka-white)
            );

            display: none;
        }
._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 ._section_1kz2w_66 {
                display: flex;
                flex-direction: column;
                gap: var(--spacing-12);
            }
._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 ._section_1kz2w_66 ._sectionLinks_1kz2w_71 {
                    max-height: 9rem;

                    display: flex;
                    flex-flow: column wrap;
                    gap: var(--spacing-8);
                }
._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 ._section_1kz2w_66 ._sectionLinks_1kz2w_71 a {
                        display: block;
                    }
._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 ._section_1kz2w_66 ._sectionLinks_1kz2w_71 a:hover,
                        ._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 ._section_1kz2w_66 ._sectionLinks_1kz2w_71 a:active,
                        ._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 ._section_1kz2w_66 ._sectionLinks_1kz2w_71 a:visited {
                            background-color: rgb(
                                var(
                                    --inku-footer-bg-color,
                                    var(--color-joka-black)
                                )
                            );
                        }
@media screen and (min-width: 62em) {
    ._footer_1kz2w_1 ._content_1kz2w_4 ._desktop_1kz2w_58 {
                width: 65%;
                display: flex;
                justify-content: space-between;
        }
            }
._footer_1kz2w_1 ._content_1kz2w_4 ._corpLinks_1kz2w_102 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-20);
        }
._footer_1kz2w_1 ._content_1kz2w_4 ._corpLinks_1kz2w_102 ._home_1kz2w_107:hover {
                    background-color: transparent;
                }
._footer_1kz2w_1 ._content_1kz2w_4 ._corpLinks_1kz2w_102 ._home_1kz2w_107 ._logo_1kz2w_111 {
                    width: 7.5rem;
                }
@media screen and (min-width: 62em) {
    ._footer_1kz2w_1 ._content_1kz2w_4 {
            padding-top: var(--spacing-20);
            padding-bottom: var(--spacing-20);
            flex-direction: row-reverse;
            justify-content: space-between;
    }
        }
._dict_1j081_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: var(--spacing-4);
}
._dict_1j081_1 dd {
        margin: 0;
    }

    ._resultTile_1648o_1 ._img_1648o_2 {
        background-repeat: no-repeat;
        background-size: cover;
    }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 {
        border: 2px solid rgb(var(--color-warm-grey-base));
        padding: 24px;
    }
._resultTile_1648o_1 ._resultTileContainer_1648o_6._infoWindowContent_1648o_10 {
            border: none;
        }
._resultTile_1648o_1 ._resultTileContainer_1648o_6._infoWindowContent_1648o_10:hover {
                box-shadow: none;
            }
@media screen and (min-width: 48em) {
        ._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._headline_1648o_18 {
                height: 4rem;
        }
            }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._address_1648o_23 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: 24px;
        }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._distance_1648o_30 {
            font-weight: bold;
            display: flex;
            flex-direction: row;
            gap: 10px;
        }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._tagList_1648o_37 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 16px;
        }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._tagList_1648o_37 ._tag_1648o_37 {
                text-transform: uppercase;
                background-color: rgb(var(--color-warm-grey-base));
                padding: 8px 8px 4px;
                line-height: 20px;
            }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._ctas_1648o_52 {
            display: flex;
            flex-direction: row;
            gap: 24px;
            margin-top: 48px;
        }
._resultTile_1648o_1 ._resultTileContainer_1648o_6 ._ctas_1648o_52 ._cta_1648o_52 {
                padding: var(--spacing-8);
            }
._resultTile_1648o_1:hover,
    ._resultTile_1648o_1:focus-within {
        box-shadow: 0 2px 12px 0px rgba(var(--color-joka-black), 0.2);
    }
._img_1gsj0_1 {
    width: 100%;
    height: auto;
}
._img_1gsj0_1._inAspectRatio_1gsj0_5 {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }
._controlWrapper_1nqh3_1 {
    display: flex;
    justify-content: space-between;
}

._controlWrapper_1nqh3_1 ._headline_1nqh3_5 {
        flex: 1 0 auto;
        margin-bottom: var(--spacing-8);
    }

._controlBtnGroup_1nqh3_11 {
    display: flex;
    gap: var(--spacing-4);
    justify-content: flex-end;
    margin-bottom: var(--spacing-8);
    width: 100%;
}

._controlBtnGroup_1nqh3_11._default_1nqh3_18 {
        display: none;
    }

@media screen and (min-width: 62em) {

._controlBtnGroup_1nqh3_11._default_1nqh3_18 {
            display: flex;
    }
        }
._slider_aheox_1 {
    --slide-w-active: calc(100vw - 2rem);
    --slide-w-inactive: var(--slide-w-active);

    padding-top: 0;
    padding-bottom: var(--spacing-16);
    background-color: rgb(var(--color-joka-white));
    position: relative;
}
@media screen and (min-width: 62em) {
    ._slider_aheox_1 {
        --slide-w-active: 49.16vw;
        --slide-w-inactive: calc(var(--slide-w-active) * 0.75);
}
    }
._slider_aheox_1 ._nonvisual_aheox_15 {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
._slider_aheox_1 swiper-slide {
        width: var(--slide-w-inactive);
    }
._slider_aheox_1 ._image_aheox_29 {
        background-repeat: no-repeat;
        background-size: cover;
        transition: opacity 300ms;
        opacity: 0.6;
    }
._slider_aheox_1 ._content_aheox_36 {
        padding: var(--spacing-8);
        transition: opacity 300ms;
        opacity: 0;
    }
._slider_aheox_1 ._content_aheox_36 ._description_aheox_41 {
            position: relative;
            top: var(--gill-sans-delta);
        }
._slider_aheox_1 swiper-slide[class*="swiper-slide-active"] {
        width: var(--slide-w-active);
    }
._slider_aheox_1 swiper-slide[class*="swiper-slide-active"] ._image_aheox_29,
        ._slider_aheox_1 swiper-slide[class*="swiper-slide-active"] ._content_aheox_36 {
            opacity: 1;
        }
._slider_aheox_1 swiper-container::part(pagination) {
            position: relative;
            display: flex;
            align-items: center;
            gap: var(--spacing-8);
            width: var(--slide-w-active);
            box-sizing: border-box;
            margin: 0 auto;
            padding: var(--spacing-8);
        }
._slider_aheox_1 swiper-container::part(pagination)::after {
                content: "";
                display: block;
                border: 2px solid rgb(var(--color-joka-black));
                width: auto;
                flex-grow: 1;
            }
@media screen and (min-width: 62em) {
    ._slider_aheox_1 swiper-container::part(pagination)::after {
                    margin-right: calc(var(--spacing-8) * -1);
            }
                }
._slider_aheox_1 swiper-container::part(bullet),
        ._slider_aheox_1 swiper-container::part(bullet-active) {
            display: inline-block;
            width: 0.75rem;
            height: 0.75rem;
            margin: 0;
            box-sizing: border-box;
            background-color: rgb(var(--color-joka-black-20));
            border: none;
            transition: background 300ms, border-color 300ms;
            border-radius: 50%;
            opacity: 1;
        }
._slider_aheox_1 swiper-container::part(bullet):focus {
                outline: none;
            }
._slider_aheox_1 swiper-container::part(bullet):focus,
            ._slider_aheox_1 swiper-container::part(bullet):hover {
                background-color: rgb(var(--color-future-green));
            }
._slider_aheox_1 swiper-container::part(bullet-active) {
            background-color: transparent;
            border: 3px solid rgb(var(--color-joka-black));
        }
._slider_aheox_1 swiper-container::part(bullet-active):focus,
            ._slider_aheox_1 swiper-container::part(bullet-active):hover {
                outline: 3px solid rgb(var(--color-future-green));
                outline-offset: 1px;
            }
._slider_aheox_1 [class*="controlBtnGroup"] {
        position: absolute;
        width: 100%;
        /* use unit `vw` because the slider-height via ratio is relative to the screen's width */
        top: 36vw;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 100;
    }
@media screen and (min-width: 62em) {
    ._slider_aheox_1 [class*="controlBtnGroup"] {
            top: 14vw;
    }
        }
._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"] {
        display: flex;
        border: 1px solid rgb(var(--primary-border-color));
        background-color: rgb(var(--primary-bg-color));
        padding: var(--spacing-8) var(--spacing-4);
        opacity: 0.9;
        transition: all 300ms;
        max-height: none;
    }
._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"]:hover:not(:disabled):not(:focus) {
            border-color: rgb(var(--primary-hover-color));
            background-color: rgb(var(--primary-hover-color));
        }
._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"]:active {
            background-color: rgb(var(--primary-icon-active-color));
            border-color: rgb(var(--primary-icon-active-color));
        }
._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"]:focus {
            outline-width: 3px;
            outline-color: rgb(var(--primary-focus-color));
            outline-offset: calc(var(--spacing-2) * -1);
        }
._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"]:disabled {
            background-color: rgb(var(--disabled-color));
            border-color: rgb(var(--disabled-color));
        }
@media screen and (min-width: 62em) {
    ._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"] {
            padding: var(--spacing-16) var(--spacing-8);
    }
        }
._slider_aheox_1 [class*="controlBtnGroup"] [class*="btn"] svg {
        --icon-color: var(--primary-color) !important;
    }
._leftHandNavigationFooter_1vic7_1 {
    padding: var(--spacing-12) 0;
}
@media screen and (min-width: 62em) {
    ._leftHandNavigationFooter_1vic7_1 {
        padding: 0;
}
    }
._leftHandNavigationFooter_1vic7_1._mobileOnly_1vic7_8 {
        display: block;
    }
@media screen and (min-width: 62em) {
    ._leftHandNavigationFooter_1vic7_1._mobileOnly_1vic7_8 {
            display: none;
    }
        }
._leftHandNavigationFooter_1vic7_1._desktopOnly_1vic7_16 {
        display: none;
    }
@media screen and (min-width: 62em) {
    ._leftHandNavigationFooter_1vic7_1._desktopOnly_1vic7_16 {
            display: block;
    }
        }
._leftHandNavigationFooter_1vic7_1 ._footer_1vic7_24 {
        border: 2px solid rgb(var(--color-warm-grey-base));
        margin-bottom: var(--spacing-8);
        padding: var(--spacing-8);
    }
@media screen and (min-width: 62em) {
    ._leftHandNavigationFooter_1vic7_1 ._footer_1vic7_24 {
            margin-bottom: var(--spacing-16);
    }
        }
._leftHandNavigationFooter_1vic7_1 ._footer_1vic7_24 ._footerText_1vic7_33 {
            margin: 0 0 var(--spacing-4) 0;
        }
._leftHandNavigationFooter_1vic7_1 ._footer_1vic7_24 ._footerLink_1vic7_37 {
            padding: 0;
        }
._leftHandNavigationFooter_1vic7_1 ._logoutLinkBtn_1vic7_42 {
        width: 100%;
    }
@media screen and (min-width: 62em) {
    ._leftHandNavigationFooter_1vic7_1 ._logoutLinkBtn_1vic7_42 {
            width: fit-content;
    }
        }
._select_19mw0_1 {
    position: relative;
}
._select_19mw0_1 ._control_19mw0_4,
    ._select_19mw0_1 ._list_19mw0_5 ._option_19mw0_5 {
        position: relative;
        padding-top: calc(var(--spacing-4) + var(--gill-sans-delta));
        padding-right: var(--spacing-6);
        padding-bottom: calc(var(--spacing-4) - var(--gill-sans-delta));
        padding-left: var(--spacing-6);
    }
._select_19mw0_1 ._control_19mw0_4 ._chevron_19mw0_13,
    ._select_19mw0_1 ._list_19mw0_5 ._option_19mw0_5 ._checkmark_19mw0_14 {
        position: absolute;
        right: var(--spacing-6);
        top: 50%;
        transform: translateY(-50%);
    }
._select_19mw0_1 ._control_19mw0_4 {
        border: 2px solid rgb(var(--color-warm-grey-base));
        background-color: rgb(var(--color-joka-white));
    }
[aria-expanded="true"]:is(._select_19mw0_1 ._control_19mw0_4) + ._list_19mw0_5,
        [aria-expanded="true"]:is(._select_19mw0_1 ._control_19mw0_4) + ._error_19mw0_26 + ._list_19mw0_5 {
            display: block;
        }
._select_19mw0_1 ._control_19mw0_4:focus {
            outline: none;
        }
._select_19mw0_1 ._control_19mw0_4:focus,
        ._select_19mw0_1 ._control_19mw0_4[data-has-value="true"]:focus:not([aria-expanded="true"]),
        ._select_19mw0_1 ._control_19mw0_4[aria-expanded="false"]:hover:not([data-disabled="true"]) {
            border-color: rgb(var(--color-future-green));
        }
._select_19mw0_1 ._control_19mw0_4[data-has-value="true"],
            :is(._select_19mw0_1 ._control_19mw0_4[data-has-value="true"]) + ul > li {
                border-color: rgb(var(--color-joka-black));
            }
:is(._select_19mw0_1 ._control_19mw0_4[data-has-value="true"]) + ul {
                border-bottom-color: rgb(var(--color-joka-black));
            }
._select_19mw0_1 ._control_19mw0_4[data-disabled="true"] {
            --text-color: var(--color-joka-black-60);

            border-color: rgb(var(--color-warm-grey-base));
            background-color: rgb(var(--color-warm-grey-light));
        }
._select_19mw0_1 ._control_19mw0_4[data-disabled="true"] ._chevron_19mw0_13 {
                stroke: rgb(var(--color-joka-black-60));
            }
._select_19mw0_1 ._list_19mw0_5 {
        position: absolute;
        z-index: 999;
        background-color: white;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        overflow-y: auto;
        max-height: 170px;
        border-bottom: 2px solid rgb(var(--color-warm-grey-base));
        box-shadow: 1px 1px 16px rgba(0, 0, 0, .25);
    }
._select_19mw0_1 ._list_19mw0_5 ._option_19mw0_5 {
            border: 2px solid rgb(var(--color-warm-grey-base));
            border-top: none;
        }
._select_19mw0_1 ._list_19mw0_5 ._option_19mw0_5:focus {
                outline: none;
            }
._select_19mw0_1 ._list_19mw0_5 ._option_19mw0_5:focus,
            ._select_19mw0_1 ._list_19mw0_5 ._option_19mw0_5[data-selected="false"]:hover {
                --text-color: var(--color-future-green);
            }
._select_19mw0_1 ._error_19mw0_26 {
        --text-color: var(--color-red);
        position: absolute;
        padding-left: var(--spacing-10);
        padding-right: var(--spacing-10);
        margin: 0;
        margin-top: var(--spacing-4);
    }
._select_19mw0_1 ._error_19mw0_26 > li::marker {
            font-size: 1.25rem;
        }

    ._leftHandNavigation_o6p2n_1 ._navDropdown_o6p2n_2 {
        display: block;
    }
@media screen and (min-width: 62em) {
        ._leftHandNavigation_o6p2n_1 ._navDropdown_o6p2n_2 {
            display: none;
    }
        }
._leftHandNavigation_o6p2n_1 ._navSidebar_o6p2n_10 {
        background-color: rgb(var(--color-warm-grey-base));
        display: none;
        padding: var(--spacing-12);
        margin-bottom: var(--spacing-16);
    }
@media screen and (min-width: 62em) {
        ._leftHandNavigation_o6p2n_1 ._navSidebar_o6p2n_10 {
            display: block;
    }
        }
._leftHandNavigation_o6p2n_1 ._navSidebar_o6p2n_10 ._navList_o6p2n_20 {
            list-style: none;
            margin: 0;
            padding: 0;
        }
:is(._leftHandNavigation_o6p2n_1 ._navSidebar_o6p2n_10 ._navList_o6p2n_20) ._navListItem_o6p2n_25 + ._navListItem_o6p2n_25 {
                margin-top: var(--spacing-8);
            }
._link_mc3lm_1 {
    --text-color: currentColor;
}

._anchor_mc3lm_5 {
    color: rgb(var(--color-joka-black));
    padding-top: var(--spacing-4);
}

._anchor_mc3lm_5:active {
        color: rgb(var(--color-joka-white));
        background-color: rgb(var(--color-future-green-pressed));
        text-decoration: none;
    }

._anchor_mc3lm_5:visited {
        text-decoration-color: rgb(var(--color-future-green-visited));
        color: rgb(var(--color-future-green-visited));
    }

@media screen and (min-width: 62em) {
        ._anchor_mc3lm_5:hover {
            color: rgb(var(--color-joka-white));
            background-color: rgb(var(--color-future-green));
            text-decoration: none;
        }
    }
._list_1x94z_1 {
    padding: 0 0 0 var(--spacing-8);
    margin: 0;
}

ul._list_1x94z_1 {
        list-style-type: none;
    }

ul._list_1x94z_1._bullets_1x94z_8 {
            list-style-type: disc;
        }

ul._list_1x94z_1._bullets_1x94z_8 li::marker {
                font-size: 1.5rem;
            }

@media screen and (min-width: 62em) {
                ul._list_1x94z_1._bullets_1x94z_8 li::marker {
                    font-size: 1.75rem;
                }
            }

ul._list_1x94z_1._bullets_1x94z_8._small_1x94z_22 li::marker {
                font-size: 1.25rem;
            }

@media screen and (min-width: 62em) {
                ul._list_1x94z_1._bullets_1x94z_8._small_1x94z_22 li::marker {
                    font-size: 1.5rem;
                }
            }

:is(ul._list_1x94z_1,ul._list_1x94z_1._small_1x94z_22) ._listItem_1x94z_36._withIcon_1x94z_37 {
                    position: relative;
                }

:is(ul._list_1x94z_1,ul._list_1x94z_1._small_1x94z_22) ._listItem_1x94z_36._withIcon_1x94z_37 ._icon_1x94z_40 {
                        position: absolute;
                        left: calc(var(--spacing-10) * -1);
                        top: 0;
                    }

@media screen and (min-width: 62em) {

:is(ul._list_1x94z_1,ul._list_1x94z_1._small_1x94z_22) ._listItem_1x94z_36._withIcon_1x94z_37 ._icon_1x94z_40 {
                            left: calc(var(--spacing-12) * -1);
                    }
                        }

ul._list_1x94z_1._small_1x94z_22 ._listItem_1x94z_36._withIcon_1x94z_37 ._icon_1x94z_40 {
                        top: calc(var(--spacing-1) * -1);
                    }

@media screen and (min-width: 62em) {

._list_1x94z_1 {
        padding-left: var(--spacing-10);
}
    }

._list_1x94z_1._horizontal_1x94z_68 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: var(--spacing-14) 0;
    }

@media screen and (min-width: 62em) {

._list_1x94z_1._horizontal_1x94z_68 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding-left: var(--spacing-10);
    }
        }

._list_1x94z_1._horizontal_1x94z_68 ._listItem_1x94z_36:not(:last-child) {
            margin-bottom: var(--spacing-12);
        }

@media screen and (min-width: 62em) {

._list_1x94z_1._horizontal_1x94z_68 ._listItem_1x94z_36:not(:last-child) {
                margin-bottom: 0;
        }
            }

._listItem_1x94z_36 {
    padding-left: var(--spacing-2);
}

@media screen and (min-width: 62em) {

._listItem_1x94z_36 {
        padding-left: var(--spacing-4);
}
    }

._listItem_1x94z_36:not(:last-child) {
    margin-bottom: var(--spacing-2);
}
._dialog_d9ult_1 {
    max-width: 21.375rem;
}

._dialog_d9ult_1 ._content_d9ult_4 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }

._dialog_d9ult_1 ._content_d9ult_4 ._title_d9ult_9 {
            --text-color: var(--color-joka-black);
            position: relative;
            top: var(--gill-sans-delta);
        }

._dialog_d9ult_1 ._content_d9ult_4 ._options_d9ult_15 {
            display: flex;
            flex-wrap: wrap;
            gap: var(--spacing-4);
        }

._dialog_d9ult_1 ._content_d9ult_4 ._options_d9ult_15 ._notification_d9ult_20 {
                --text-color: var(--color-joka-black);
            }

._dialog_d9ult_1 ._content_d9ult_4 ._apply_d9ult_25 {
            display: inline-block;
            width: fit-content;
        }

@media screen and (min-width: 62em) {

._dialog_d9ult_1 {
        max-width: 31.625rem;
}

        ._dialog_d9ult_1 ._content_d9ult_4 {
            gap: var(--spacing-12);
        }
    }

._selectBtn_d9ult_40 {
    width: fit-content;
    padding: var(--spacing-3) var(--spacing-6);
    border: 2px solid rgb(var(--color-warm-grey-base));
    border-radius: 0.125rem;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    cursor: pointer;
}

._selectBtn_d9ult_40:focus {
        outline: none;
    }

._selectBtn_d9ult_40:focus,
    ._selectBtn_d9ult_40:hover {
        border-color: rgb(var(--color-future-green));
    }

._selectBtn_d9ult_40[aria-checked="true"] {
        border-color: rgb(var(--color-joka-black));
    }

._selectBtn_d9ult_40 ._label_d9ult_64 {
        --text-color: var(--color-joka-black);
        position: relative;
        top: var(--gill-sans-delta);
    }
._tile_q6gm0_1 {
    display: grid;
    position: relative;
    gap: var(--spacing-8);
    grid-template-areas:
        "img trash"
        "body body"
        "cta cta";
}
._tile_q6gm0_1 ._trash_q6gm0_10 {
        grid-area: trash;
        position: relative;
        left: calc(100% - 1.9rem);
        top: -1rem;
    }
@media screen and (min-width: 48em) {
    ._tile_q6gm0_1 ._trash_q6gm0_10 {
            top: -1rem;
    }
        }
@media screen and (min-width: 62em) {
    ._tile_q6gm0_1 ._trash_q6gm0_10 {
            left: calc(100% - 2.5rem);
    }
        }
._tile_q6gm0_1 ._img_q6gm0_25 {
        grid-area: img;
        width: 6rem;
        cursor: pointer;
    }
@media screen and (min-width: 48em) {
    ._tile_q6gm0_1 ._img_q6gm0_25 {
            width: 6.7rem;
    }
        }
._tile_q6gm0_1 ._body_q6gm0_35 {
        grid-area: body;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-4);
        text-decoration: none;
    }
@media screen and (min-width: 48em) {
            ._tile_q6gm0_1 ._body_q6gm0_35 ._variation_q6gm0_43 {
                position: relative;
                bottom: -2.25rem;
            }
        }
@media screen and (min-width: 48em) and screen and (min-width: 62em) {
            ._tile_q6gm0_1 ._body_q6gm0_35 ._variation_q6gm0_43 {
                    bottom: -1.25rem;
            }
                }
._tile_q6gm0_1 ._ctaWrapper_q6gm0_54 {
        grid-area: cta;
    }
._tile_q6gm0_1 ._ctaWrapper_q6gm0_54 ._requestCTA_q6gm0_57 {
            float: right;
        }
@media screen and (min-width: 48em) {
    ._tile_q6gm0_1 {
        grid-template-areas:
            "img body trash"
            "img body ."
            "img body cta";
        grid-template-columns: auto auto 1fr;
}
    }
._dialog_1b2t0_1 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    width: calc(100% - 0.5rem);
}

._dialog_1b2t0_1 button[id="dialogClose"] {
        left: calc(100% - 2rem);
    }

@media screen and (min-width: 62em) {

    ._dialog_1b2t0_1 button[id="dialogClose"] {
            left: calc(100% - 2.5rem);
    }
        }

._dialog_1b2t0_1 ._content_1b2t0_15 {
        padding-left: var(--spacing-8);
        padding-right: var(--spacing-8);
        padding-bottom: var(--spacing-8);

        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }

._dialog_1b2t0_1 ._content_1b2t0_15 ._removeAll_1b2t0_24 {
            display: flex;
            justify-content: flex-end;
        }

._dialog_1b2t0_1 ._content_1b2t0_15 ._removeAll_1b2t0_24 ._cta_1b2t0_28 {
                cursor: pointer;
            }

._dialog_1b2t0_1 ._content_1b2t0_15 ._ruler_1b2t0_33 {
            width: 100%;
            border: 1px solid rgb(var(--color-warm-grey-base));
        }

@media screen and (min-width: 62em) {

    ._dialog_1b2t0_1 ._content_1b2t0_15 {
            padding-left: var(--spacing-12);
            padding-right: var(--spacing-12);
            padding-bottom: var(--spacing-12);
    }
        }

._dialog_1b2t0_1 ._footer_1b2t0_45 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
        padding: var(--spacing-12);
        background-color: rgb(var(--color-warm-grey-base));
    }

._dialog_1b2t0_1 ._footer_1b2t0_45 ._productsCTA_1b2t0_52,
        ._dialog_1b2t0_1 ._footer_1b2t0_45 ._inspirationCTA_1b2t0_53 {
            width: 100%;
        }

@media screen and (min-width: 62em) {

    ._dialog_1b2t0_1 ._footer_1b2t0_45 {
            flex-direction: row;
            gap: var(--spacing-12);
            justify-content: center;
    }

            ._dialog_1b2t0_1 ._footer_1b2t0_45 ._productsCTA_1b2t0_52,
            ._dialog_1b2t0_1 ._footer_1b2t0_45 ._inspirationCTA_1b2t0_53 {
                width: fit-content;
            }
        }

@media screen and (min-width: 62em) {

    ._dialog_1b2t0_1 {
        min-width: 51.5rem;
        width: fit-content;
}
    }
._meta_6ylmb_1 {
    --text-color: var(--color-joka-white);

    background-color: rgb(var(--inku-meta-bg-color, var(--color-joka-black)));
    display: none;
}
._meta_6ylmb_1 ._container_6ylmb_7 {
        display: flex;
        justify-content: space-between;
    }
._meta_6ylmb_1 ._container_6ylmb_7 ._businessCTAs_6ylmb_11 {
            display: flex;
        }
._meta_6ylmb_1 ._container_6ylmb_7 ._cta_6ylmb_15 {
            border: none;
            padding-top: calc(var(--spacing-5) + var(--gill-sans-delta));
            padding-right: var(--spacing-4);
            padding-bottom: calc(var(--spacing-5) - var(--gill-sans-delta));
            padding-left: var(--spacing-4);
            cursor: pointer;
        }
._meta_6ylmb_1 ._container_6ylmb_7 ._cta_6ylmb_15:hover,
            ._meta_6ylmb_1 ._container_6ylmb_7 ._cta_6ylmb_15._active_6ylmb_24:hover {
                --text-color: var(--color-joka-black);

                background-color: rgb(var(--color-warm-grey-base));
            }
._meta_6ylmb_1 ._container_6ylmb_7 ._cta_6ylmb_15._active_6ylmb_24 {
                background-color: rgb(
                    var(
                        --inku-meta-active-cta-bg-color,
                        var(--color-joka-black-60)
                    )
                );
            }
@media screen and (min-width: 62em) {
    ._meta_6ylmb_1 {
        display: block;
}
    }
._cta_c9ajn_1 {
    display: flex;
    background-color: rgb(var(--color-joka-white));
    border: 1px solid rgb(var(--color-joka-black));
    border-radius: 0.125rem;
    padding: var(--spacing-6) var(--spacing-4);
    align-items: center;
    gap: var(--spacing-4);
    width: 100%;
    text-decoration: none;
}
._cta_c9ajn_1:hover {
        --text-color: var(--color-future-green);
        --icon-color: var(--color-future-green);
        border-color: rgb(var(--color-future-green));
    }
._cta_c9ajn_1 ._mobile_c9ajn_18,
    ._cta_c9ajn_1 ._desktop_c9ajn_19 {
        padding-top: var(--gill-sans-delta);
    }
._cta_c9ajn_1 ._mobile_c9ajn_18 {
        display: inline;
    }
@media screen and (min-width: 62em) {
    ._cta_c9ajn_1 ._mobile_c9ajn_18 {
            display: none;
    }
        }
._cta_c9ajn_1 ._desktop_c9ajn_19 {
        display: none;
    }
@media screen and (min-width: 62em) {
    ._cta_c9ajn_1 ._desktop_c9ajn_19 {
            display: inline;
    }
        }
._cta_k8xt0_1 {
    display: flex;
    background-color: rgb(var(--color-joka-white));
    border: 1px solid rgb(var(--color-joka-black));
    border-radius: 0.125rem;
    padding: var(--spacing-6);
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    width: 100%;
}

._cta_k8xt0_1 ._content_k8xt0_12 {
        display: flex;
        flex-direction: column;
    }

._cta_k8xt0_1 ._content_k8xt0_12 ._lang_k8xt0_16 {
            display: flex;
            gap: var(--spacing-4);
            align-items: center;
        }

._headline_k8xt0_24,
._label_k8xt0_25 {
    padding-top: var(--gill-sans-delta);
}

    ._mobile_140ii_1 ._sndLevel_140ii_2 {
        --accordion-bg-color: var(--color-warm-grey-light);
    }
._mobile_140ii_1 ._sndLevel_140ii_2:first-child {
            border-top: rgb(var(--color-warm-grey-base));
        }
._mobile_140ii_1 ._sndLevel_140ii_2 ._linkSection_140ii_9 {
            --content-pl: 0;
            --content-pr: 0;
            --content-pb: 0;
            --content-pt: 0;
            padding-top: 0;
        }
._mobile_140ii_1 ._sndLevel_140ii_2 ._linkSection_140ii_9 ._links_140ii_16 {
                list-style-type: none;
                margin: 0;
                padding: 0;
                background-color: transparent;
            }
._mobile_140ii_1 ._sndLevel_140ii_2 ._linkSection_140ii_9 ._links_140ii_16 ._link_140ii_9 {
                    display: flex;
                    align-items: center;
                    padding: var(--spacing-6) var(--spacing-8);
                    gap: var(--spacing-8);
                    background-color: rgb(var(--color-warm-grey-base));
                }
._mobile_140ii_1 ._sndLevel_140ii_2 ._linkSection_140ii_9 ._links_140ii_16 ._link_140ii_9:not(:last-child) {
                        border-bottom: 2px solid
                            rgb(var(--color-warm-grey-light));
                    }
._mobile_140ii_1 ._ctas_140ii_38,
    ._mobile_140ii_1 ._switches_140ii_39 {
        display: flex;
        flex-direction: column;
    }
._mobile_140ii_1 ._ctas_140ii_38 {
        padding: var(--spacing-8);
        gap: var(--spacing-8);
    }
._mobile_140ii_1 ._switches_140ii_39 {
        gap: var(--spacing-4);
    }
@media screen and (min-width: 62em) {
        ._mobile_140ii_1 {
        display: none;
}
    }
._flyout_1mv0f_1 {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    display: none;
}
._flyout_1mv0f_1 ._content_1mv0f_8 {
        max-height: 70vh;
        column-count: 3;
        column-gap: var(--spacing-16);
    }
._flyout_1mv0f_1 ._content_1mv0f_8 ._container_1mv0f_13 {
            break-inside: avoid-column;
            margin-bottom: var(--spacing-24);
        }
._flyout_1mv0f_1 ._content_1mv0f_8 ._container_1mv0f_13 ._category_1mv0f_17 {
                display: block;
                border-bottom: 2px solid rgb(var(--color-warm-grey-base));
                width: 100%;
            }
._flyout_1mv0f_1 ._content_1mv0f_8 ._container_1mv0f_13 a:hover:not(:disabled):not(:focus) {
                    border-color: rgb(var(--primary-hover-color));
                }
._flyout_1mv0f_1 ._content_1mv0f_8 ._container_1mv0f_13 a:active {
                    border-color: rgb(var(--primary-icon-active-color));
                }
._flyout_1mv0f_1 ._content_1mv0f_8 ._container_1mv0f_13 ._groups_1mv0f_33 {
                margin-top: var(--spacing-8);

                display: flex;
                flex-direction: column;
                gap: var(--spacing-8);
            }
._flyout_1mv0f_1 ._content_1mv0f_8 ._container_1mv0f_13 ._groups_1mv0f_33 ._group_1mv0f_33 {
                    display: block;
                }
@media screen and (min-width: 62em) {
    ._flyout_1mv0f_1 {
        display: block;
}
    }
._navbar_dvb1z_1 {
    border-top: 0.25rem solid
        rgb(var(--inku-navbar-border-top-color, var(--color-joka-black)));
    background-color: rgb(var(--color-joka-white));
}

._navbar_dvb1z_1 ._top_dvb1z_6 {
        border-bottom: 2px solid rgb(var(--color-warm-grey-base));
    }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 {
            --container-max-width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0;
        }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._lefthand_dvb1z_16 {
                display: flex;
                flex-direction: row;
                gap: 120px;
            }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._lefthand_dvb1z_16 {
                display: flex;
                flex-direction: row;
                gap: 120px;
            }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._brand_dvb1z_28 {
                display: flex;
                justify-content: center;
                padding-left: 1rem;
            }

@media screen and (min-width: 48em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._brand_dvb1z_28 {
                    padding-left: 2rem;
            }
                }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._brand_dvb1z_28 {
                    padding-left: 0;
            }
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._brand_dvb1z_28 svg {
                    stroke: none;
                    height: 1.5rem;
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._brand_dvb1z_28 svg > path {
                        fill: rgb(var(--color-joka-black));
                    }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._brand_dvb1z_28 svg {
                        height: auto;
                        width: 6.5rem;
                }
                    }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._searchFieldDesktop_dvb1z_56 {
                display: none;
            }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._searchFieldDesktop_dvb1z_56 {
                    display: block;
                    min-width: 235px;
            }
                }

@media screen and (min-width: 75em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._searchFieldDesktop_dvb1z_56 {
                    min-width: 500px;
            }
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._categories_dvb1z_69 {
                padding: 0;
                margin: 0;
                display: none;
            }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._categories_dvb1z_69 {
                    display: flex;
                    gap: var(--spacing-24);
                    height: inherit;
            }

                    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._categories_dvb1z_69 ._category_dvb1z_79 {
                        height: 100%;
                        border: none;
                        display: flex;
                        align-items: center;
                    }

                        ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._categories_dvb1z_69 ._category_dvb1z_79:hover {
                            --text-color: var(--color-future-green);
                        }
                        ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._categories_dvb1z_69 ._category_dvb1z_79._active_dvb1z_88 {
                            border-bottom: 2px solid
                                rgb(var(--color-joka-black));
                        }
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 {
                display: flex;
                align-items: center;
            }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._searchBtn_dvb1z_100,
                ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._profileBtn_dvb1z_101,
                ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._wishlistBtn_dvb1z_102,
                ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._menuBtn_dvb1z_103 {
                    border: none;
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._showroomCta_dvb1z_107 {
                    display: none;
                }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._showroomCta_dvb1z_107 {
                        display: flex;
                }
                    }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._menuBtn_dvb1z_103 {
                    border-left: 2px solid rgb(var(--color-warm-grey-base));

                    padding: var(--spacing-4) var(--spacing-8);
                }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._menuBtn_dvb1z_103 {
                        display: none;
                }
                    }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._profileBtn_dvb1z_101 {
                    position: relative;
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._profileBtn_dvb1z_101._loggedIn_dvb1z_128::after {
                        position: absolute;
                        bottom: 0.6rem;
                        right: 0.5rem;
                        content: "\2714";
                        font-size: 0.3rem;
                        background-color: rgb(var(--color-future-green));
                        color: rgb(var(--color-joka-white));
                        width: 0.5rem;
                        height: 0.5rem;
                        border: 1px solid rgb(var(--color-future-green));
                        border-radius: 100%;
                        text-align: center;
                        line-height: 0.5rem;
                    }

@media screen and (min-width: 62em) {
                        ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._profileBtn_dvb1z_101._loggedIn_dvb1z_128::after {
                            bottom: 0.9rem;
                            right: 0.8rem;
                            font-size: 0.35rem;
                            line-height: 0.7rem;
                        }
                    }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._wishlistCTAWrapper_dvb1z_154 {
                    position: relative;
                }

._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._wishlistCTAWrapper_dvb1z_154 ._wishlistTotal_dvb1z_157 {
                        --text-color: var(--color-joka-white);
                        --text-size: 0.5rem;

                        display: block;
                        border: none;
                        background-color: rgb(var(--color-future-green));
                        position: absolute;
                        bottom: 0.625rem;
                        right: 0.5625rem;
                        border-radius: 0.375rem;
                        width: 0.625rem;
                        height: 0.625rem;
                        text-align: center;
                        line-height: 0.75rem;
                    }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._wishlistCTAWrapper_dvb1z_154 ._wishlistTotal_dvb1z_157 {
                            bottom: 1rem;
                            right: 0.875rem;
                    }
                        }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 {
                    gap: var(--spacing-16);
            }

                    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 ._controls_dvb1z_96 ._searchBtn_dvb1z_100 {
                        border-left: 2px solid rgb(var(--color-warm-grey-base));
                        padding-left: var(--spacing-20);
                    }
                }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._top_dvb1z_6 ._container_dvb1z_9 {
                --container-max-width: initial;
                margin: 0 auto;
                border-bottom: none;

                padding: var(--spacing-8) 0;

                align-items: stretch;
        }
            }

._navbar_dvb1z_1 ._content_dvb1z_202 {
        border-top: none;
    }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._content_dvb1z_202 {
            border-top: 2px solid rgb(var(--color-warm-grey-base));
    }
        }

._navbar_dvb1z_1 ._content_dvb1z_202 ._searchFieldMobile_dvb1z_209 {
            display: block;
            padding: var(--spacing-8);
        }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 ._content_dvb1z_202 ._searchFieldMobile_dvb1z_209 {
                display: none;
        }
            }

@media screen and (min-width: 62em) {

    ._navbar_dvb1z_1 {
        border-top: none;
}
    }
._newsCategoryList_dn8qm_1 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-8);
    list-style: none;
    margin-bottom: var(--spacing-20);
    padding: 0;
}

._listItemLink_dn8qm_10 {
    border: 1px solid rgb(var(--color-joka-black-60));
    color: rgb(var(--color-joka-black-60));
    display: inline-block;
    padding: var(--spacing-8);
}

._listItemLink_dn8qm_10._isActive_dn8qm_16 {
        border: 3px solid rgb(var(--color-joka-black-60));
        color: rgb(var(--color-joka-black));
    }
._colorBox_1k6lq_1,
._iconBox_1k6lq_2,
._overlay_1k6lq_3,
._textBox_1k6lq_4 {
    break-inside: avoid-column;
    height: 100%;
}

._colorBox_1k6lq_1,
._overlay_1k6lq_3 {
    --text-color: var(--color-joka-white);
}

._colorBox_1k6lq_1 ._button_1k6lq_16, ._overlay_1k6lq_3 ._button_1k6lq_16 {
        --plain-color: var(--color-joka-white);
        --plain-focus-color: var(--color-joka-white);
    }

._colorBox_1k6lq_1,
._iconBox_1k6lq_2 {
    padding: var(--spacing-16) var(--spacing-12);
    aspect-ratio: 343 / 245;
}

@media screen and (min-width: 62em) {

._colorBox_1k6lq_1,
._iconBox_1k6lq_2 {
        padding: calc(var(--spacing-base-unit) * 76) var(--spacing-20)
            var(--spacing-36) var(--spacing-20);
        aspect-ratio: 704 / 300;
}
    }

._iconBox_1k6lq_2 {
    padding: var(--spacing-10) var(--spacing-8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-12);
    max-width: 100%;
}

@media screen and (min-width: 62em) {

._iconBox_1k6lq_2 {
        padding: var(--spacing-16) var(--spacing-36);
        aspect-ratio: 464 / 300;
}
    }

._title_1k6lq_49 {
    margin-top: var(--spacing-12);
    display: flex;
    gap: var(--spacing-4);
    align-items: center;
    word-break: break-word;
}

._title_1k6lq_49 ._icon_1k6lq_2 {
        --icon-color: var(--color-joka-white);
        --icon-size: 2rem;
    }

@media screen and (min-width: 62em) {

._title_1k6lq_49 ._icon_1k6lq_2 {
            --icon-size: 3rem;
    }
        }

@media screen and (min-width: 62em) {
    padding-top: calc(var(--spacing-base-unit) * 56);
    padding-right: calc(var(--spacing-base-unit) * 56);
    padding-bottom: var(--spacing-20);
    padding-left: calc(var(--spacing-base-unit) * 56);
}

._joka-black_1k6lq_73 {
    background-color: rgb(var(--color-joka-black));
}

._joka-white_1k6lq_77 {
    background-color: rgb(var(--color-joka-white));
}

._warm-grey_1k6lq_81 {
    background-color: rgb(var(--color-warm-grey-base));
}

._joka-white_1k6lq_77,
._warm-grey_1k6lq_81 {
    --text-color: var(--color-joka-black);
}

._joka-white_1k6lq_77 ._title_1k6lq_49 ._icon_1k6lq_2, ._warm-grey_1k6lq_81 ._title_1k6lq_49 ._icon_1k6lq_2 {
            --icon-color: var(--color-joka-black);
        }

._joka-white_1k6lq_77 ._button_1k6lq_16, ._warm-grey_1k6lq_81 ._button_1k6lq_16 {
        --plain-color: var(--color-joka-black);
    }

._future-green_1k6lq_98 {
    background-color: rgb(var(--color-future-green));
}

._cinnamon_1k6lq_102 {
    background-color: rgb(var(--color-cinnamon));
}

._orange_1k6lq_106 {
    background-color: rgb(var(--color-orange));
}

._red_1k6lq_110 {
    background-color: rgb(var(--color-red));
}

._overlay_1k6lq_3 ._mask_1k6lq_115 {
        padding: var(--spacing-12);
        background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.54));
        height: 100%;
    }

@media screen and (min-width: 62em) {

._overlay_1k6lq_3 ._mask_1k6lq_115 {
            padding: var(--spacing-12) var(--spacing-24);
    }
        }

._textBox_1k6lq_4 ._content_1k6lq_127 {
        margin-top: calc(var(--spacing-12) * -1);
        padding: 0 var(--spacing-8);
    }

._textBox_1k6lq_4 ._content_1k6lq_127 ._text_1k6lq_4 {
            hyphens: auto;
            background-color: rgb(var(--color-joka-white));
            padding: var(--spacing-8) var(--spacing-4);
            border-bottom: 2px solid rgb(var(--color-joka-black));
        }

@media screen and (min-width: 62em) {

._textBox_1k6lq_4 ._content_1k6lq_127 ._text_1k6lq_4 {
                padding: var(--spacing-8) calc(var(--spacing-16) * 2);
        }
            }

@media screen and (min-width: 62em) {

._textBox_1k6lq_4 ._content_1k6lq_127 {
            margin-top: calc(var(--spacing-20) * -3);
            padding: 0 var(--spacing-24);
    }
        }

._stacked_1k6lq_149 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-4);
    max-width: 100%;
}

._background_1k6lq_158 {
    background-repeat: no-repeat;
    background-size: cover;
}

._gillSansDelta_1k6lq_163 {
    position: relative;
    top: var(--gill-sans-delta);
}
._textPic_n8dtb_1 {
    padding: var(--spacing-10) 0;
}
@media screen and (min-width: 62em) {
    ._textPic_n8dtb_1 {
        padding: var(--spacing-20) 0;
}
    }
._textPic_n8dtb_1._mood-full_n8dtb_8 {
        background-color: rgb(var(--color-warm-grey-base));
    }
._textPic_n8dtb_1._mood-half_n8dtb_12 {
        background: linear-gradient(
            to bottom,
            rgb(var(--color-joka-white)) 0%,
            rgb(var(--color-joka-white)) 70%,
            rgb(var(--color-warm-grey-base)) 71%,
            rgb(var(--color-warm-grey-base)) 100%
        );
    }
@media screen and (min-width: 62em) {
    ._textPic_n8dtb_1 ._imageTextGrid_n8dtb_22 {
            column-gap: var(--spacing-20);
    }
        }
._textPic_n8dtb_1 ._image-right_n8dtb_28._textCol_n8dtb_29 {
            order: 1;
        }
._textPic_n8dtb_1 ._image-right_n8dtb_28._imageCol_n8dtb_33 {
            order: 2;
        }
._textPic_n8dtb_1 ._image-left_n8dtb_38._textCol_n8dtb_29 {
            order: 2;
        }
._textPic_n8dtb_1 ._image-left_n8dtb_38._imageCol_n8dtb_33 {
            order: 1;
        }
._textPic_n8dtb_1 ._header_n8dtb_48 {
        color: rgb(var(--color-cinnamon));
    }
._textPic_n8dtb_1 ._subheader_n8dtb_52 {
        display: block;
        margin: 0 0 var(--spacing-8) 0;
    }
._textPic_n8dtb_1 ._textCol_n8dtb_29,
    ._textPic_n8dtb_1 ._imageCol_n8dtb_33 {
        align-self: flex-end;
    }
._textPic_n8dtb_1 ._textBlock_n8dtb_62 *:last-child {
            margin-bottom: 0;
        }
._textPic_n8dtb_1 ._bodytextColored_n8dtb_68 {
        color: rgb(var(--color-cinnamon));
    }
._textPic_n8dtb_1 ._multipleImages_n8dtb_72 {
        display: flex;
        flex-direction: column;
    }
@media screen and (min-width: 62em) {
    ._textPic_n8dtb_1 ._multipleImages_n8dtb_72 {
            align-items: flex-end;
            flex-direction: row;
            gap: var(--spacing-8);
    }
        }
._textPic_n8dtb_1 ._multipleImages_n8dtb_72._image-right_n8dtb_28 {
            flex-direction: column-reverse;
        }
@media screen and (min-width: 62em) {
    ._textPic_n8dtb_1 ._multipleImages_n8dtb_72._image-right_n8dtb_28 {
                flex-direction: row-reverse;
        }
            }
._textPic_n8dtb_1 ._multipleImages_n8dtb_72 ._multipleImagesSquare_n8dtb_90 {
            flex: 0 1 37%;
        }
._textPic_n8dtb_1 ._multipleImages_n8dtb_72 ._multipleImagesRectangle_n8dtb_94 {
            flex: 0 1 66%;
        }
._container_tmgjt_1 {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}
._container_tmgjt_1 ._indicator_tmgjt_6 {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
    }
._container_tmgjt_1 ._indicator_tmgjt_6._new_tmgjt_11 {
            background-color: rgb(var(--color-future-green));
        }
._container_tmgjt_1 ._indicator_tmgjt_6._discontinued_tmgjt_15 {
            background-color: rgb(var(--color-orange));
        }
._container_tmgjt_1 ._text_tmgjt_20 {
        margin-top: var(--gill-sans-delta);
    }
@media screen and (min-width: 62em) {
    ._container_tmgjt_1 {
        gap: var(--spacing-4);
}
    }
._checkbox_kmg0f_1 {
    background-color: rgba(var(--color-warm-grey-light));
    border: none;
    display: flex;
    align-items: center;
    padding: var(--spacing-2);
    border-radius: 50%;
    cursor: pointer;
}
._checkbox_kmg0f_1 ._icon_kmg0f_10._checked_kmg0f_11 {
            fill: rgb(var(--color-joka-black));
        }
._checkbox_kmg0f_1 ._icon_kmg0f_10._unchecked_kmg0f_14 {
            fill: rgb(var(--color-warm-grey-light));
        }
@media screen and (min-width: 62em) {
    ._checkbox_kmg0f_1 {
        padding: var(--spacing-4);
}
    }
._counter_oefa6_1 {
    padding-top: calc(var(--spacing-2) + var(--gill-sans-delta));
    padding-right: var(--spacing-2);
    padding-bottom: calc(var(--spacing-2) - var(--gill-sans-delta));
    padding-left: var(--spacing-2);
    background-color: rgb(var(--color-warm-grey-light));
    width: fit-content;
}
@media screen and (min-width: 62em) {
    ._counter_oefa6_1 {
        padding-top: calc(var(--spacing-4) + var(--gill-sans-delta));
        padding-right: var(--spacing-4);
        padding-bottom: calc(var(--spacing-4) - var(--gill-sans-delta));
        padding-left: var(--spacing-4);
}
    }
._container_11o9a_1 {
    width: inherit;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
._container_11o9a_1 ._image_11o9a_8 {
        display: block;
        padding: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;

        background-color: transparent;
    }
._container_11o9a_1 ._image_11o9a_8 ._link_11o9a_17 {
            display: none;
        }
._container_11o9a_1 ._image_11o9a_8:hover {
            background-color: rgba(var(--color-joka-black), 0.3);
        }
._container_11o9a_1 ._image_11o9a_8:hover ._link_11o9a_17 {
                display: flex;
                align-items: center;
                gap: var(--spacing-2);
                justify-content: center;
                height: inherit;
            }
._container_11o9a_1 ._image_11o9a_8:hover ._link_11o9a_17 ._text_11o9a_31 {
                    --text-color: var(--color-joka-white);
                    
                    margin-top: var(--gill-sans-delta);
                }
._container_11o9a_1 ._image_11o9a_8:hover ._link_11o9a_17 ._icon_11o9a_37 {
                    --icon-color: var(--color-joka-white);
                }
@media screen and (min-width: 62em) {
    ._container_11o9a_1 ._image_11o9a_8:hover ._link_11o9a_17 {
                    gap: var(--spacing-4);
            }
                }
._price_fz8gq_1 {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding-top: var(--gill-sans-delta);
}
  ._card_1eiv7_1 ._head_1eiv7_2 {
    position: relative;
  }
._card_1eiv7_1 ._head_1eiv7_2 ._wrapper_1eiv7_5 {
      position: absolute;
      bottom: var(--spacing-4);
      width: 100%;
      padding: 0 var(--spacing-4);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
._card_1eiv7_1 ._body_1eiv7_16 {
    text-decoration: none;
    color: currentColor;
    padding: var(--spacing-4);
    background-color: rgb(var(--color-joka-white));

    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
  }
._card_1eiv7_1 ._body_1eiv7_16 ._details_1eiv7_26 {
      display: none;
      border-collapse: collapse;
      border: 2px solid rgb(var(--color-warm-grey-base));
    }
._card_1eiv7_1 ._body_1eiv7_16 ._details_1eiv7_26 ._row_1eiv7_31 {
        border-bottom: 2px solid rgb(var(--color-warm-grey-base));
      }
._card_1eiv7_1 ._body_1eiv7_16 ._details_1eiv7_26 ._row_1eiv7_31 ._cell_1eiv7_34 {
          display: flex;
          width: 100%;
          height: 3.125rem;
          align-items: center;
          justify-content: center;
        }
._card_1eiv7_1 ._body_1eiv7_16 ._details_1eiv7_26 ._row_1eiv7_31 ._cell_1eiv7_34 ._detail_1eiv7_26 {
            margin-top: var(--gill-sans-delta);
          }
._card_1eiv7_1 ._body_1eiv7_16 ._details_1eiv7_26 ._row_1eiv7_31 ._cell_1eiv7_34 ._bold_1eiv7_44 {
            font-weight: 600;
          }
@media screen and (min-width: 62em) {
    ._card_1eiv7_1 ._body_1eiv7_16 ._details_1eiv7_26 {
        display: table;
    }
      }
._newsDetailPage_86sg4_1 {
    margin-top: var(--spacing-12);
}
@media screen and (min-width: 62em) {
    ._newsDetailPage_86sg4_1 {
        margin-top: var(--spacing-20);
}
    }
._newsDetailPage_86sg4_1 ._newsImage_86sg4_8 {
        margin-bottom: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
    ._newsDetailPage_86sg4_1 ._newsImage_86sg4_8 {
            margin-top: var(--spacing-12);
            order: 2;
    }
        }
._newsDetailPage_86sg4_1 ._newsImage_86sg4_8 img {
            width: 100%;
            height: auto;
        }
@media screen and (min-width: 63em) {
    ._newsDetailPage_86sg4_1 ._newsImage_86sg4_8 img {
                max-width: 51.5rem;
        }
            }
._newsDetailPage_86sg4_1 ._subtitle_86sg4_26 {
        margin-bottom: var(--spacing-6);
    }
@media screen and (min-width: 62em) {
    ._newsDetailPage_86sg4_1 ._subtitle_86sg4_26 {
            order: 0;
    }
        }
@media screen and (min-width: 62em) {
    ._newsDetailPage_86sg4_1 ._title_86sg4_34 {
            order: 1;
    }
        }
._newsDetailPage_86sg4_1 ._related_86sg4_40 {
        margin-bottom: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
    ._newsDetailPage_86sg4_1 ._related_86sg4_40 {
            margin-bottom: var(--spacing-20);
    }
        }
._container_f6rdr_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
._container_f6rdr_1 ._checkboxWrapper_f6rdr_6 {
        display: grid;
        grid-template-columns: 1.5rem auto;
        gap: var(--spacing-4);
        position: relative;
    }
._container_f6rdr_1 ._checkboxWrapper_f6rdr_6 ._error_f6rdr_12 {
            --text-color: var(--color-red);
            padding-left: var(--spacing-10);
            margin: 0;
            grid-column: 1 / 3;
        }
._container_f6rdr_1 ._checkboxWrapper_f6rdr_6 ._error_f6rdr_12 > li::marker {
                font-size: 1.25rem;
            }
@media screen and (max-width: 62em) {
    ._container_f6rdr_1 ._checkboxWrapper_f6rdr_6 {
            gap: var(--spacing-6);
    }
        }
._container_f6rdr_1 ._checkboxWrapper_f6rdr_6 + ._checkboxWrapper_f6rdr_6 {
        margin-top: var(--spacing-8);
    }
._container_f6rdr_1 ._checkbox_f6rdr_6 {
        /** hide browser default checkbox */
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        margin: 0;

        border: 2px solid rgb(var(--color-warm-grey-base));
        cursor: pointer;
        height: 1.5rem;
        width: 1.5rem;
    }
._container_f6rdr_1 ._checkbox_f6rdr_6:hover {
            border: 2px solid rgb(var(--color-future-green));
        }
:is(._container_f6rdr_1 ._checkbox_f6rdr_6:hover) + ._label_f6rdr_47 {
                --text-color: var(--color-future-green);
            }
._container_f6rdr_1 ._checkbox_f6rdr_6:focus {
            outline: 1px solid rgb(var(--color-joka-black));
            outline-offset: 4px;
        }
._container_f6rdr_1 ._checkbox_f6rdr_6:disabled {
            background-color: rgb(var(--color-warm-grey-light));
            cursor: auto;
        }
._container_f6rdr_1 ._checkbox_f6rdr_6:disabled:hover {
                border: 2px solid rgb(var(--color-warm-grey-base));
            }
:is(._container_f6rdr_1 ._checkbox_f6rdr_6:disabled) + ._label_f6rdr_47 {
                color: rgb(var(--color-joka-black-40));
                cursor: auto;
            }
._container_f6rdr_1 ._checkbox_f6rdr_6:disabled:checked {
            background-color: rgb(var(--color-warm-grey-light));
            border: 2px solid rgb(var(--color-warm-grey-base));
        }
._container_f6rdr_1 ._checkbox_f6rdr_6:disabled:checked:hover {
                background-color: rgb(var(--color-warm-grey-light));
                border: 2px solid rgb(var(--color-warm-grey-base));
            }
._container_f6rdr_1 ._checkbox_f6rdr_6:checked {
        background-color: rgb(var(--color-joka-black));
        border-color: rgb(var(--color-joka-black));
    }
._container_f6rdr_1 ._checkbox_f6rdr_6:checked:hover {
            background-color: rgb(var(--color-future-green));
            border-color: rgb(var(--color-future-green));
        }
._container_f6rdr_1 ._checkbox_f6rdr_6:checked:hover:focus {
                outline: 1px solid rgb(var(--color-future-green));
                outline-offset: 4px;
            }
:is(._container_f6rdr_1 ._checkbox_f6rdr_6:checked) + ._label_f6rdr_47 ._checkboxIcon_f6rdr_97 {
                stroke: rgb(var(--color-joka-white));
                transform: scale(1);
            }
._container_f6rdr_1 ._label_f6rdr_47 {
        cursor: pointer;
        margin-top: var(--gill-sans-delta);
    }
._container_f6rdr_1 ._checkboxIcon_f6rdr_97 {
        font-size: 1.2rem;
        left: 0.125rem;
        top: 0.125rem;
        position: absolute;
        transform: scale(0);
    }
@media screen and (min-width: 62em) {
    ._container_f6rdr_1 ._checkboxIcon_f6rdr_97 {
            font-size: 1rem;
            left: 0;
            top: 0;
    }
        }
._newsletterRegistration_lpu5h_1 {
    height: 45rem;
}
@media screen and (min-width: 75em) {
    ._newsletterRegistration_lpu5h_1 {
       height: 50rem;
}
    }
._newsletterRegistration_lpu5h_1 ._bgImage_lpu5h_8 {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 15rem;
        padding-top: calc(var(--spacing-base-unit) * 24);
    }
@media screen and (min-width: 75em) {
    ._newsletterRegistration_lpu5h_1 ._bgImage_lpu5h_8 {
            height: 30rem;
            padding-top: calc(var(--spacing-base-unit) * 32);
    }
        }
._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 {
        position: relative;
        top: -7.5rem;
    }
@media screen and (min-width: 75em) {
    ._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 {
            top: -16rem;
            justify-content: end;
            margin-right: 7.5rem;
    }
        }
._newsletterRegistration_lpu5h_1 ._teaserGrid_lpu5h_31 {
        padding-left: calc(var(--spacing-base-unit) * 8);
        padding-right: calc(var(--spacing-base-unit) * 8);
    }
@media screen and (min-width: 75em) {
    ._newsletterRegistration_lpu5h_1 ._teaserGrid_lpu5h_31 {
            grid-column: 5 / 12;
            padding: 0;
    }
        }
._newsletterRegistration_lpu5h_1 ._teaser_lpu5h_31 {
        background-color: rgb(var(--color-joka-white));
        border-bottom: 2px solid rgb(var(--color-joka-black));
        padding: calc(var(--spacing-base-unit) * 8);
    }
@media screen and (min-width: 62em) {
    ._newsletterRegistration_lpu5h_1 ._teaser_lpu5h_31 {
            padding: calc(var(--spacing-base-unit) * 20);
    }
        }
._newsletterRegistration_lpu5h_1 ._textBox_lpu5h_51 {
        --grid-gap: var(--spacing-4);
    }
._newsletterRegistration_lpu5h_1 ._textBox_lpu5h_51 ._copyText_lpu5h_54 {
            margin: 0;
        }
._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 {
        background-color: var(--color-joka-white);
    }
@media screen and (min-width: 62em) {
    ._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 {
            align-items: end;
            display: flex;
            gap: var(--spacing-12);
    }
        }
._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 ._input_lpu5h_68 {
            margin-bottom: var(--spacing-8);
        }
@media screen and (min-width: 62em) {
    ._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 ._input_lpu5h_68 {
                flex: 1 0 auto;
                margin-bottom: 0;
        }
            }
._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 ._button_lpu5h_77 {
            width: 100%;
        }
@media screen and (min-width: 62em) {
    ._newsletterRegistration_lpu5h_1 ._form_lpu5h_21 ._button_lpu5h_77 {
                width: auto;
        }
            }

    ._imageWrapper_1w88b_1 ._image_1w88b_1 {
        width: 100%;
        height: auto;
    }

._textWrapper_1w88b_8 {
    color: rgb(var(--color-joka-black));
    text-decoration: none;
}

._subtitle_1w88b_13 {
    display: inline-block;
    margin: 0 0 var(--spacing-8);
}
._newsList_17u6w_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
}
._pagination_tvsfc_1 {
    display: flex;
    justify-content: center;
}
._pagination_tvsfc_1 ._list_tvsfc_5 {
        display: flex;
        list-style: none;
        align-items: center;
        gap: var(--spacing-12);
        padding: 0;
    }
._iframeWrapper_1s90l_1 {
}

._plannerIframe_1s90l_4 {
    border: none;
    height: min(calc(100vh - 65px), 800px);
    min-height: 800px;
    width: 100%;
}
._thumbs_5pf64_1 {
    width: 3rem;
    display: none;
}
._thumbs_5pf64_1 ._wrapper_5pf64_5 {
        height: 11.5rem;
        overflow: hidden;
    }
._thumbs_5pf64_1 ._wrapper_5pf64_5 ._slider_5pf64_9 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-8);
            height: 100%;
            overflow-y: scroll;
            scrollbar-width: none;
        }
._thumbs_5pf64_1 ._wrapper_5pf64_5 ._slider_5pf64_9 ._slide_5pf64_9 {
                flex: 0 0 auto;
                position: relative;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-color: silver;
            }
._thumbs_5pf64_1 ._wrapper_5pf64_5 ._slider_5pf64_9 ._slide_5pf64_9[data-active="true"] ._overlay_5pf64_26 {
                        position: absolute;
                        width: 100%;
                        height: 0.375rem;
                        bottom: 0;
                        background-color: rgb(var(--color-joka-white));
                        border-bottom: 2px solid rgb(var(--color-joka-black));
                    }
._thumbs_5pf64_1 ._wrapper_5pf64_5 ._slider_5pf64_9 ._slide_5pf64_9[data-active="false"] {
                    opacity: 0.5;
                }
@media screen and (min-width: 62em) {
    ._thumbs_5pf64_1 {
        display: block;
}
    }
._productImage_gcmyz_1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-8);
}

._productImage_gcmyz_1 > swiper-container {
        width: 100%;
    }

._productImage_gcmyz_1 > swiper-container::part(pagination) {
            position: relative;
            margin-top: 1.5rem;
        }

._productImage_gcmyz_1 > swiper-container::part(bullet),
        ._productImage_gcmyz_1 > swiper-container::part(bullet-active) {
            box-sizing: border-box;
            width: 0.75rem;
            height: 0.75rem;
        }

._productImage_gcmyz_1 > swiper-container::part(bullet-active) {
            background-color: transparent;
            border: 3px solid black;
        }

._productImage_gcmyz_1 > swiper-container swiper-slide ._img_gcmyz_29 {
                width: 100%;
                aspect-ratio: 1 / 1;
                object-position: center;
            }

._productImage_gcmyz_1 > swiper-container swiper-slide ._img_gcmyz_29._cover_gcmyz_34 {
                    object-fit: cover;
                }

._productImage_gcmyz_1 > swiper-container swiper-slide ._img_gcmyz_29._contain_gcmyz_38 {
                    object-fit: contain;
                }

@media screen and (min-width: 62em) {

    ._productImage_gcmyz_1 > swiper-container swiper-slide {
                max-height: 42.5rem;
        }
            }

._productImage_gcmyz_1 ._zoom_gcmyz_49 {
        position: absolute;
        right: 0;
        z-index: 999;
        bottom: var(--spacing-21);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

._productImage_gcmyz_1 ._zoom_gcmyz_49 > button {
            cursor: pointer;
        }

._productImage_gcmyz_1 ._zoom_gcmyz_49 > button:disabled {
                cursor: auto;
            }

@media screen and (min-width: 62em) {

    ._productImage_gcmyz_1 ._zoom_gcmyz_49 {
            bottom: 0;
    }
        }

@media screen and (min-width: 62em) {

    ._productImage_gcmyz_1 {
        flex-direction: row-reverse;
        justify-content: flex-end;
        width: 100%;
        align-items: initial;
}

        ._productImage_gcmyz_1 > swiper-container {
            max-width: calc(100% - 3rem - var(--spacing-12));
            margin: 0;
        }

            ._productImage_gcmyz_1 > swiper-container::part(pagination) {
                display: none;
            }

        ._productImage_gcmyz_1 a {
            position: absolute;
            display: block;
            transform: rotate(-90deg);
            left: -6rem;
            top: 8.5rem;
        }

        ._productImage_gcmyz_1 ._cta_gcmyz_94 {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding-bottom: 2.5rem;
        }
    }

    ._productVariations_1xap5_1 ._variantsWrapper_1xap5_2 {
        /* display: flex; */
        display: grid;
        grid-template-columns: repeat(6, calc(32px + var(--spacing-6)));
        gap: var(--spacing-4);
    }
@media screen and (min-width: 62em) {
        ._productVariations_1xap5_1 ._variantsWrapper_1xap5_2 {
            gap: var(--spacing-8);
            grid-template-columns: repeat(6, calc(48px + var(--spacing-8)));
    }
        }
._productVariations_1xap5_1 ._variantBox_1xap5_14 {
        align-items: center;
        background-color: rgb(var(--color-warm-grey-base));
        cursor: pointer;
        display: flex;
        height: 32px;
        justify-content: center;
        margin: var(--spacing-3);
        width: 32px;
        outline: 2px solid rgb(var(--color-warm-grey-base));
        outline-offset: var(--spacing-3);
    }
@media screen and (min-width: 62em) {
        ._productVariations_1xap5_1 ._variantBox_1xap5_14 {
            height: 48px;
            width: 48px;
            margin: var(--spacing-4);
            outline-offset: var(--spacing-4);
    }
        }
._productVariations_1xap5_1 ._variantBox_1xap5_14._activeVariant_1xap5_33 {
            outline: 2px solid rgb(var(--color-joka-black));
        }

    ._group_1uo39_1 ._options_1uo39_2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

._group_1uo39_1 ._error_1uo39_8 {
        --text-color: var(--color-red);
        margin: 0;
        margin-top: var(--spacing-4);
        padding: 0;
        padding-left: var(--spacing-10);
    }

._radioWrapper_1uo39_17 {
    display: grid;
    grid-template-columns: 1.5rem auto;
    gap: var(--spacing-4);
    margin-top: var(--spacing-4);
}

@media screen and (max-width: 62em) {

._radioWrapper_1uo39_17 {
        gap: var(--spacing-6);
}
    }

._radio_1uo39_17 {
    appearance: none;
    background-color: #fff;
    margin: 0;

    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid rgb(var(--color-warm-grey-base));
    border-radius: 50%;

    cursor: pointer;
    display: grid;
    place-content: center;
}

._radio_1uo39_17:hover {
        border: 2px solid rgb(var(--color-future-green));
    }

._radio_1uo39_17:hover + ._label_1uo39_45 {
            --text-color: var(--color-future-green);
        }

._radio_1uo39_17:focus {
        outline: 1px solid rgb(var(--color-joka-black));
        outline-offset: 4px;
    }

._radio_1uo39_17:checked {
        border: 6px solid rgb(var(--color-joka-black));
    }

._radio_1uo39_17:checked:hover {
            border: 6px solid rgb(var(--color-future-green));
        }

._radio_1uo39_17:checked:hover:focus {
                outline: 1px solid rgb(var(--color-future-green));
                outline-offset: 4px;
            }

._radio_1uo39_17:disabled {
        background-color: rgb(var(--color-warm-grey-light));
        cursor: auto;
    }

._radio_1uo39_17:disabled:hover {
            border: 2px solid rgb(var(--color-warm-grey-base));
        }

._radio_1uo39_17:disabled:checked {
            border: 6px solid rgb(var(--color-warm-grey-base));
        }

._radio_1uo39_17:disabled + ._label_1uo39_45 {
            color: rgb(var(--color-joka-black-40));
            cursor: auto;
        }

._label_1uo39_45 {
    cursor: pointer;
    margin-top: var(--gill-sans-delta);
}
._calc_1odq3_1 {
    display: flex;
    gap: var(--spacing-4);
    flex-wrap: wrap;
}
._calc_1odq3_1 ._controls_1odq3_6 {
        display: flex;
        gap: var(--spacing-4);
        width: 100%;
    }
._calc_1odq3_1 ._controls_1odq3_6 ._area_1odq3_11 {
            max-width: 6.25rem;
        }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 ._controls_1odq3_6 ._area_1odq3_11 {
                max-width: 8.56rem;
        }
            }
._calc_1odq3_1 ._controls_1odq3_6 ._eq_1odq3_19 {
            margin-top: 1.75rem;
        }
._calc_1odq3_1 ._controls_1odq3_6 ._amountControls_1odq3_23 {
            position: relative;
            display: flex;
            align-items: flex-end;
        }
._calc_1odq3_1 ._controls_1odq3_6 ._amountControls_1odq3_23 ._btn_1odq3_28 {
                width: 2.5rem;
                height: 2.5rem;
                padding-left: var(--spacing-4);
            }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 ._controls_1odq3_6 ._amountControls_1odq3_23 ._btn_1odq3_28 {
                    width: 3.5rem;
                    height: 3.5rem;
            }
                }
._calc_1odq3_1 ._controls_1odq3_6 ._amountControls_1odq3_23 ._amount_1odq3_23 input {
                    max-width: 3.5rem;
                }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 ._controls_1odq3_6 ._amountControls_1odq3_23 ._amount_1odq3_23 input {
                        max-width: 4.5rem;
                }
                    }
._calc_1odq3_1 ._controls_1odq3_6 ._contents_1odq3_50 {
            --text-color: var(--color-joka-black-60);
            --text-align: center;

            display: inline-block;
            width: 100%;
            margin-top: var(--spacing-2);
        }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 ._controls_1odq3_6 {
            width: auto;
            gap: var(--spacing-8);
    }
        }
._calc_1odq3_1 ._result_1odq3_65 {
        display: flex;
        align-items: center;
        gap: var(--spacing-4);
    }
._calc_1odq3_1 ._result_1odq3_65 ._eq_1odq3_19 {
            display: none;
        }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 ._result_1odq3_65 ._eq_1odq3_19 {
                display: block;
        }
            }
._calc_1odq3_1 ._result_1odq3_65 ._total_1odq3_78 {
            padding-top: var(--gill-sans-delta);
        }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 ._result_1odq3_65 {
            gap: var(--spacing-8);
    }
        }
@media screen and (min-width: 62em) {
    ._calc_1odq3_1 {
        gap: var(--spacing-8);
}
    }
@media screen and (min-width: 85.375em) {
    ._calc_1odq3_1 {
        flex-wrap: nowrap;
}
    }
._tabs_su97y_1 {
    border: 2px solid rgb(var(--color-warm-grey-base));
    width: 100%;
}
._tabs_su97y_1 ._tablist_su97y_5 {
        display: flex;
        justify-content: space-between;
    }
._tabs_su97y_1 ._tablist_su97y_5 button {
            width: 100%;
            border: none;
            appearance: none;
            background-color: transparent;
            padding: var(--spacing-8) 0;
        }
._tabs_su97y_1 ._tablist_su97y_5 button[aria-selected="true"] span {
                    padding-bottom: var(--spacing-2);
                    border-bottom: 1px solid currentColor;
                }
._tabs_su97y_1 ._tablist_su97y_5 button:hover {
                --text-color: var(--primary-hover-color);
                cursor: pointer;
            }
._tabs_su97y_1 ._tablist_su97y_5 button:focus {
                outline-color: currentColor;
            }
._tabs_su97y_1 ._tablist_su97y_5 button:nth-child(2) {
                border-left: 2px solid rgb(var(--color-warm-grey-base));
                border-right: 2px solid rgb(var(--color-warm-grey-base));
            }
._tabs_su97y_1 [role="tabpanel"] {
        padding: var(--spacing-8);
        border-top: 2px solid rgb(var(--color-warm-grey-base));
    }
._tabs_su97y_1 [role="tabpanel"]:focus {
            outline-color: currentColor;
        }
._tabs_su97y_1 ._docs_su97y_48 {
        display: flex;
        gap: 2rem;
        flex-wrap: wrap;
    }
._tabs_su97y_1 ._hidden_su97y_54 {
        display: none;
    }

    ._details_oncsz_1 ._desktop_oncsz_2 {
        display: none;
    }
._details_oncsz_1 ._mobile_oncsz_6 ._downloads_oncsz_7 {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
@media screen and (min-width: 62em) {
        ._details_oncsz_1 ._desktop_oncsz_2 {
            display: block;
        }

        ._details_oncsz_1 ._mobile_oncsz_6 {
            display: none;
        }
    }
._productInfoBox_dj65r_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    align-items: center;
}


@media screen and (min-width: 62em) {


._productInfoBox_dj65r_1 {
        justify-content: space-between;
}
    }


._productInfoBox_dj65r_1 ._price_dj65r_11 {
        --text-size: 1.25rem;
    }


@media screen and (min-width: 62em) {


._productInfoBox_dj65r_1 ._price_dj65r_11 {
            --text-size: 1.5rem;
    }
        }


._ctas_dj65r_21 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}


._ctas_dj65r_21 ._request_dj65r_26,
    ._ctas_dj65r_21 ._wishlisting_dj65r_27 {
        width: 100%;
   }


._ctas_dj65r_21 ._checked_dj65r_31 svg {
            fill: rgb(var(--color-joka-black));
        }


@media screen and (min-width: 62em) {


._ctas_dj65r_21 {
        display: grid;
        column-gap: 0;
        max-width: 29.875rem;
        align-self: flex-start;

        grid-template-areas:
            "request wishlisting"
            "notification notification";
}

        ._ctas_dj65r_21 ._request_dj65r_26,
        ._ctas_dj65r_21 ._wishlisting_dj65r_27 {
            width: fit-content;
        }

        ._ctas_dj65r_21 ._request_dj65r_26 {
            grid-area: request;
            padding: var(--spacing-6) var(--spacing-16);
        }

        ._ctas_dj65r_21 ._wishlisting_dj65r_27 {
            grid-area: wishlisting;
            justify-self: flex-end;
        }

        ._ctas_dj65r_21 ._notification_dj65r_62 {
            grid-area: notification;
        }
    }

._uspBar_dj65r_68 {
    background: rgb(var(--color-warm-grey-light));
}

._producDescriptionWrapper_dj65r_72 {
    margin: var(--spacing-12) auto;
}

@media screen and (min-width: 62em) {

._producDescriptionWrapper_dj65r_72 {
        margin: var(--spacing-40) auto;
}
    }
._simplelist_yptun_1 {
    background-color: rgb(var(--color-warm-grey-base));
}
._simplelist_yptun_1 ._contentWrapper_yptun_4 {
        padding: var(--spacing-12) var(--spacing-8) var(--spacing-12)
            var(--spacing-10);
    }
@media screen and (min-width: 62em) {
    ._simplelist_yptun_1 ._contentWrapper_yptun_4 {
            display: flex;
            padding: var(--spacing-20) var(--spacing-30);
    }
        }
@media screen and (min-width: 75em) {
    ._simplelist_yptun_1 ._contentWrapper_yptun_4 {
            padding: var(--spacing-20) calc(var(--spacing-base-unit) * 60);
    }
        }
._simplelist_yptun_1 ._header_yptun_18 {
        margin-bottom: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
    ._simplelist_yptun_1 ._header_yptun_18 {
            flex: 0 0 33%;
    }
        }
@media screen and (min-width: 62em) {
    ._simplelist_yptun_1 ._list_yptun_26 {
            column-count: 2;
            flex: 1 0 auto;
    }
        }
._simplelist_yptun_1 ._listItem_yptun_33 {
        margin-bottom: var(--spacing-6);
    }
@media screen and (min-width: 62em) {
    ._simplelist_yptun_1 ._listItem_yptun_33 {
            margin-bottom: var(--spacing-8);
    }
        }
._dialog_mi2m7_1 {
    width: 552px;
}

._content_mi2m7_5 ._head_mi2m7_7 {
        border-bottom: 2px solid rgb(var(--color-warm-grey-base));
        padding-bottom: 20px;
    }

@media screen and (min-width: 75em) {

._content_mi2m7_5 ._head_mi2m7_7 ._headSearch_mi2m7_11 {
                width: 50%;
        }
            }

._content_mi2m7_5 ._filterListHeader_mi2m7_18 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

._content_mi2m7_5 ._filterListHeader_mi2m7_18 ._selectAll_mi2m7_24 {
            text-decoration: underline;
            cursor: pointer;
        }

@media screen and (min-width: 75em) {

._content_mi2m7_5 ._filterList_mi2m7_18 {
            columns: 2;
    }
        }

._content_mi2m7_5 ._filterList_mi2m7_18 > div {
            margin-bottom: 15px;
        }

._content_mi2m7_5 ._ctas_mi2m7_40 {
        width: 100%;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }

    ._searchListAdvisor_nhpix_1 ._contentWrapper_nhpix_2 {
        margin-top: 80px;
    }
._searchListAdvisor_nhpix_1 ._searchContainer_nhpix_6 {
        margin-bottom: 80px;
        margin-top: 24px;
    }
._searchListAdvisor_nhpix_1 ._filterContainer_nhpix_11 {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 40px;
    }
._searchListAdvisor_nhpix_1 ._filterContainer_nhpix_11 ._listSwitch_nhpix_18 {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
._searchListAdvisor_nhpix_1 ._loadMoreWrapper_nhpix_27 {
        width: 100%;
        display: flex;
        justify-content: center;
    }
._searchListAdvisor_nhpix_1 ._searchGroup_nhpix_33 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }
._searchListAdvisor_nhpix_1 ._searchGroup_nhpix_33 ._button_nhpix_38 {
            width: 100%;
        }
@media screen and (min-width: 75em) {
        ._searchListAdvisor_nhpix_1 ._searchGroup_nhpix_33 {
            flex-direction: row;
            align-items: flex-end;
            justify-content: space-between;
        }

            ._searchListAdvisor_nhpix_1 ._searchGroup_nhpix_33 ._input_nhpix_49 {
                width: 50%;
            }

            ._searchListAdvisor_nhpix_1 ._searchGroup_nhpix_33 ._button_nhpix_38 {
                max-width: 50%;
            }
    }
._searchListAdvisor_nhpix_1 ._group_nhpix_59 {
        margin-top: var(--spacing-8);
    }
@media screen and (min-width: 62em) {
        ._searchListAdvisor_nhpix_1 ._mapList_nhpix_63 ._mapListContainer_nhpix_64 {
                height: 944px;
        }
            }
._searchListAdvisor_nhpix_1 ._mapList_nhpix_63 ._mapListContainer_nhpix_64 ._mapListResults_nhpix_69 {
                height: 100%;
                display: flex;
                flex-direction: column;
                gap: 16px;
                padding-right: 16px;
                order: 1;
            }
@media screen and (min-width: 62em) {
        ._searchListAdvisor_nhpix_1 ._mapList_nhpix_63 ._mapListContainer_nhpix_64 ._mapListResults_nhpix_69 {
                    order: 0;
                    overflow: scroll;
            }
                }
._searchListAdvisor_nhpix_1 ._mapList_nhpix_63 ._mapListContainer_nhpix_64 ._gmapCol_nhpix_83 {
                height: 400px;
                position: relative;
            }
@media screen and (min-width: 62em) {
        ._searchListAdvisor_nhpix_1 ._mapList_nhpix_63 ._mapListContainer_nhpix_64 ._gmapCol_nhpix_83 {
                    height: auto;
            }
                }
._searchListAdvisor_nhpix_1 ._resultList_nhpix_94 {
        margin-bottom: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
        ._searchListAdvisor_nhpix_1 ._resultList_nhpix_94 {
            margin-bottom: var(--spacing-40);
    }
        }
._intro_1ez6k_1 {
    --grid-gap: var(--spacing-8);
    margin-bottom: var(--spacing-8);
}
._intro_1ez6k_1 ._picture_1ez6k_5 {
        width: inherit;
        object-fit: contain;
    }
._intro_1ez6k_1 ._showroom_1ez6k_10 {
        width: inherit;
        object-fit: cover;
    }
._intro_1ez6k_1 ._text_1ez6k_15 {
        --grid-gap: var(--spacing-4);
    }
@media screen and (min-width: 62em) {
        ._intro_1ez6k_1 ._pictureWrapper_1ez6k_20 {
            order: 1;
        }

            ._intro_1ez6k_1 ._pictureWrapper_1ez6k_20 ._picture_1ez6k_5 {
                max-width: 400px;
            }

        ._intro_1ez6k_1 ._textWrapper_1ez6k_28 {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

            ._intro_1ez6k_1 ._textWrapper_1ez6k_28 ._description_1ez6k_33 {
                padding-right: 1.5rem;
            }

            ._intro_1ez6k_1 ._textWrapper_1ez6k_28 ._link_1ez6k_37 {
                width: fit-content;
            }
    }
._services_tduq0_1 {
    background-color: rgb(var(--color-warm-grey-base));
}
._services_tduq0_1 ._contentWrapper_tduq0_4 {
        padding: var(--spacing-12) var(--spacing-8) var(--spacing-12)
            var(--spacing-10);
    }
@media screen and (min-width: 62em) {
    ._services_tduq0_1 ._contentWrapper_tduq0_4 {
            display: flex;
            padding: var(--spacing-20) var(--spacing-30);
    }
        }
@media screen and (min-width: 75em) {
    ._services_tduq0_1 ._contentWrapper_tduq0_4 {
            padding: var(--spacing-20) calc(var(--spacing-base-unit) * 60);
    }
        }
._services_tduq0_1 ._header_tduq0_18 {
        margin-bottom: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
    ._services_tduq0_1 ._header_tduq0_18 {
            flex: 0 0 33%;
    }
        }
@media screen and (min-width: 62em) {
    ._services_tduq0_1 ._list_tduq0_26 {
            column-count: 2;
            flex: 1 0 auto;
    }
        }
._services_tduq0_1 ._listItem_tduq0_33 {
        margin-bottom: var(--spacing-6);
    }
@media screen and (min-width: 62em) {
    ._services_tduq0_1 ._listItem_tduq0_33 {
            margin-bottom: var(--spacing-8);
    }
        }
._imageTextWrapper_trxyg_1 {
    align-items: center;
    gap: var(--spacing-12);
}
@media screen and (min-width: 62em) {
    ._imageTextWrapper_trxyg_1 {
        gap: var(--spacing-24);
}
    }
._imageTextWrapper_trxyg_1 ._logoWrapper_trxyg_9 {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
._imageTextWrapper_trxyg_1 ._logo_trxyg_9 {
        width: 100%;
        height: auto;
    }
._imageTextWrapper_trxyg_1 ._cta_trxyg_20 {
        width: auto;
        display: inline-block;
    }

    ._address_17p0f_1 ._data_17p0f_2 {
        --grid-gap: .5rem;
    }
._address_17p0f_1 ._route_17p0f_6 {
        width: fit-content;
        padding-left: 0;
    }
._openingHours_39a1k_1 {
    max-width: 50%;
}
._openingHours_39a1k_1 ._list_39a1k_4 {
        list-style: none;
        padding-left: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
._openingHours_39a1k_1 ._list_39a1k_4 ._specialHours_39a1k_12 {
            text-wrap: wrap;
            hyphens: auto;
            line-height: 1.5;
        }
@media screen and (min-width: 62em) {
        ._openingHours_39a1k_1 ._bookingLink_39a1k_21 {
            width: fit-content;
        }
    }

    ._contactInfo_1did8_1 ._contact_1did8_1 {
        margin-bottom: 0;
    }
._contactInfo_1did8_1 ._contact_1did8_1 ._data_1did8_5 {
            list-style: none;
            padding-left: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
._contactInfo_1did8_1 ._contact_1did8_1 ._data_1did8_5 ._web_1did8_13 {
                text-decoration: underline;
            }
._contactInfo_1did8_1 ._contact_1did8_1 ._data_1did8_5 ._email_1did8_17 {
                padding-left: 0;
            }
._contactInfo_1did8_1 ._social_1did8_23 {
        filter: invert(1);
    }
._showroomAdvisorDetailPage_vl63o_1 {
    margin-bottom: var(--spacing-12);
}
@media (min-width: 62em) {
    ._showroomAdvisorDetailPage_vl63o_1 {
        margin-bottom: var(--spacing-20);
}
    }
._showroomAdvisorDetailPage_vl63o_1 ._gallery_vl63o_8 {
        margin-top: var(--spacing-40);
    }
._showroomAdvisorDetailPage_vl63o_1 ._images_vl63o_12 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }
._showroomAdvisorDetailPage_vl63o_1 ._images_vl63o_12 ._image_vl63o_12 {
            max-width: 100%;
        }
@media screen and (min-width: 62em) {
    ._showroomAdvisorDetailPage_vl63o_1 ._images_vl63o_12 {
            flex-direction: row;
    }
        }
._showroomAdvisorDetailPage_vl63o_1 ._cards_vl63o_26 {
        display: flex;
        flex-direction: column;

        border-bottom: 2px solid rgb(var(--color-warm-grey-base));
    }
._showroomAdvisorDetailPage_vl63o_1 ._cards_vl63o_26 ._card_vl63o_26 {
            border-top: 2px solid rgb(var(--color-warm-grey-base));
            padding-top: 1rem;
            margin-bottom: 0;
            padding-bottom: 1rem;
        }
._showroomAdvisorDetailPage_vl63o_1 ._gmapWrapper_vl63o_40 {
        height: 335px;
        margin-top: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
        ._showroomAdvisorDetailPage_vl63o_1 ._cards_vl63o_26 {
            flex-direction: row;
            flex-wrap: wrap;
        }

            ._showroomAdvisorDetailPage_vl63o_1 ._cards_vl63o_26 ._card_vl63o_26 {
                min-width: 50%;
                padding-top: var(--spacing-12);
                padding-bottom: var(--spacing-12);
            }

            ._showroomAdvisorDetailPage_vl63o_1 ._cards_vl63o_26 ._card_vl63o_26:nth-child(odd) {
                border-right: 2px solid rgb(var(--color-warm-grey-base));
            }

            ._showroomAdvisorDetailPage_vl63o_1 ._cards_vl63o_26 ._card_vl63o_26:nth-child(even) {
                padding-left: var(--spacing-20);
            }
    }
._productListPage_qgote_1 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: var(--spacing-24);
}

@media screen and (min-width: 62em) {

._productListPage_qgote_1 {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: var(--spacing-32);
}
    }

._facetGroup_qgote_15 {
    width: 100%;
}

@media screen and (min-width: 62em) {

._facetGroup_qgote_15 {
        width: auto;
        flex: 1 0 auto;
}
    }

._sorting_qgote_24 {
    width: 170px;
    margin-top: var(--spacing-8);
}

@media screen and (min-width: 62em) {

._sorting_qgote_24 {
        width: auto;
        flex: 0 0 200px;
        margin-top: 0;
}
    }
._pageTitle_1t3u6_1 {
    margin-bottom: var(--spacing-12);
}

._resultsCount_1t3u6_5 {
    --text-color: var(--color-joka-black-60);

    margin-left: var(--spacing-8);
}

@media screen and (min-width: 62em) {

._resultsCount_1t3u6_5 {
        margin-left: var(--spacing-12);
}
    }

._tabWrapper_1t3u6_15 {
    border-bottom: 2px solid rgb(var(--color-warm-grey-base));
    margin-bottom: var(--spacing-12);
}

@media screen and (min-width: 62em) {

._tabWrapper_1t3u6_15 {
        margin-bottom: var(--spacing-20);
}
    }

._tabWrapper_1t3u6_15 ._tabElement_1t3u6_23 {
        border-top: 2px solid rgb(var(--color-warm-grey-base));
        border-right: 2px solid rgb(var(--color-warm-grey-base));
        border-left: 2px solid rgb(var(--color-warm-grey-base));
        display: inline-block;
        padding: var(--spacing-4) var(--spacing-6);
        text-decoration: none;
        text-transform: capitalize;
    }

@media screen and (min-width: 62em) {

._tabWrapper_1t3u6_15 ._tabElement_1t3u6_23 {
            padding: var(--spacing-8);
    }
        }

:is(._tabWrapper_1t3u6_15 ._tabElement_1t3u6_23) + ._tabElement_1t3u6_23 {
            border-left: none;
        }

._tabWrapper_1t3u6_15 ._tabElement_1t3u6_23._activeTab_1t3u6_40 {
            background-color: rgb(var(--color-warm-grey-base));
        }

._resultItemPage_1t3u6_46 {
    border-bottom: 2px solid rgb(var(--color-warm-grey-base));
    display: inline-block;
    text-decoration: none;
}

._notification_1t3u6_52 {
    width: fit-content;
}

._selectWrapper_1t3u6_56 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-8);
}

._selectWrapper_1t3u6_56 ._selectPerPage_1t3u6_62 {
        min-width: 83px;
    }
._textarea_qvidy_1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: rgb(var(--color-joka-white));
    position: relative;
}

._textarea_qvidy_1 ._control_qvidy_8 {
        border: 0.125rem solid rgb(var(--color-warm-grey-base));
        padding: var(--spacing-8) var(--spacing-6);
    }

._textarea_qvidy_1 ._control_qvidy_8::placeholder {
            color: rgb(var(--color-joka-black-60));
            opacity: 1;
        }

._textarea_qvidy_1 ._control_qvidy_8:hover {
            border-color: rgb(var(--color-future-green));
        }

._textarea_qvidy_1 ._control_qvidy_8:focus {
            outline: none;
            border-color: rgb(var(--color-joka-black));
        }

._textarea_qvidy_1 ._control_qvidy_8:disabled {
            --text-color: var(--color-joka-black-60);

            background-color: rgb(var(--color-warm-grey-light));
        }

._textarea_qvidy_1 ._control_qvidy_8:disabled:hover {
                border-color: rgb(var(--color-warm-grey-base));
            }

._textarea_qvidy_1 ._errorIcon_qvidy_37 {
        position: absolute;
        top: var(--spacing-16);
        left: calc(100% - var(--spacing-16));
        stroke: rgb(var(--color-red));
    }

._textarea_qvidy_1 ._errorIcon_qvidy_37._desc_qvidy_43 {
            top: var(--spacing-28);
        }

@media screen and (min-width: 62em) {

._textarea_qvidy_1 ._errorIcon_qvidy_37 {
            left: calc(100% - var(--spacing-20));
    }
        }

._error_qvidy_37 {
    --text-color: var(--color-red);
    padding: 0;
    padding-left: var(--spacing-8);
    margin: 0;
    margin-top: var(--spacing-4);
}

._error_qvidy_37 > li::marker {
        font-size: 1.25rem;
    }
._textMedia_uqq7v_1 {
    padding: var(--spacing-10);
}
@media screen and (min-width: 62em) {
    ._textMedia_uqq7v_1 {
        padding: var(--spacing-20) 0;
}
    }
._textMedia_uqq7v_1._mood-full_uqq7v_8 {
        background-color: rgb(var(--color-warm-grey-base));
    }
._textMedia_uqq7v_1._mood-half_uqq7v_12 {
        background: linear-gradient(
            to bottom,
            rgb(var(--color-joka-white)) 0%,
            rgb(var(--color-joka-white)) 70%,
            rgb(var(--color-warm-grey-base)) 71%,
            rgb(var(--color-warm-grey-base)) 100%
        );
    }
@media screen and (min-width: 62em) {
    ._textMedia_uqq7v_1 ._videoTextGrid_uqq7v_22 {
            column-gap: var(--spacing-20);
    }
        }
._textMedia_uqq7v_1 ._videoTextGrid_uqq7v_22 ._video_uqq7v_22 {
            width: 100%;
            object-fit: contain;
            border: 0;
        }
._textMedia_uqq7v_1 ._end_uqq7v_34 {
        align-self: flex-end;
    }
._textMedia_uqq7v_1 ._textBlock_uqq7v_38 *:last-child {
            margin-bottom: 0;
        }
._textMedia_uqq7v_1 ._header_uqq7v_44 {
        color: rgb(var(--color-cinnamon));
    }
._textMedia_uqq7v_1 ._subheader_uqq7v_48 {
        display: block;
        margin: 0 0 var(--spacing-8) 0;
    }
._textMedia_uqq7v_1 ._bodyTextColored_uqq7v_53 {
        color: rgb(var(--color-cinnamon));
    }

        ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3,
        ._loginMask_1tyf5_1 ._left_1tyf5_2 ._login_1tyf5_1,
        ._loginMask_1tyf5_1 ._left_1tyf5_2 ._form_1tyf5_5,
        ._loginMask_1tyf5_1 ._left_1tyf5_2 ._register_1tyf5_6 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-12);
        }
._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._login_1tyf5_1 ._form_1tyf5_5 ._submitline_1tyf5_14 {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        gap: var(--spacing-8);
                    }
._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._login_1tyf5_1 ._form_1tyf5_5 ._submitline_1tyf5_14 ._submit_1tyf5_14,
                        ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._login_1tyf5_1 ._form_1tyf5_5 ._submitline_1tyf5_14 ._forgot_1tyf5_22 {
                            width: 100%;
                        }
@media screen and (min-width: 62em) {
                            ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._login_1tyf5_1 ._form_1tyf5_5 ._submitline_1tyf5_14 ._submit_1tyf5_14,
                            ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._login_1tyf5_1 ._form_1tyf5_5 ._submitline_1tyf5_14 ._forgot_1tyf5_22 {
                                width: fit-content;
                                flex-wrap: unset;
                            }
                        }
._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._register_1tyf5_6 {
                gap: var(--spacing-8);
            }
._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._register_1tyf5_6 ._cta_1tyf5_39 {
                    margin-top: var(--spacing-6);
                    width: 100%;
                }
@media screen and (min-width: 62em) {
            ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._register_1tyf5_6 {
                    gap: var(--spacing-4);
            }

                    ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 ._register_1tyf5_6 ._cta_1tyf5_39 {
                        width: fit-content;
                    }
                }
@media screen and (min-width: 62em) {
            ._loginMask_1tyf5_1 ._left_1tyf5_2 ._content_1tyf5_3 {
                gap: var(--spacing-32);

                height: 100%;
                width: 80%;
                justify-content: flex-end;
        }
            }
._loginMask_1tyf5_1 ._right_1tyf5_62 {
        display: none;
    }
@media screen and (min-width: 62em) {
            ._loginMask_1tyf5_1 ._right_1tyf5_62 {
            display: block;
    }

            ._loginMask_1tyf5_1 ._right_1tyf5_62 ._picture_1tyf5_68 {
                background-size: cover;
                background-repeat: no-repeat;
            }
        }._notification_1ttq9_1 {
    margin-bottom: var(--spacing-12);
}

@media screen and (min-width: 62em) {

._notification_1ttq9_1 {
        max-width: 50%;
}
    }

._form_1ttq9_9 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}

._form_1ttq9_9 ._mandatory_1ttq9_14,
    ._form_1ttq9_9 ._optional_1ttq9_15 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }

@media screen and (min-width: 62em) {

._form_1ttq9_9 ._mandatory_1ttq9_14,
    ._form_1ttq9_9 ._optional_1ttq9_15 {
            gap: var(--spacing-12);
    }
        }

._form_1ttq9_9 ._optional_1ttq9_15 ._optionalGrid_1ttq9_26 {
            --grid-gap: var(--spacing-8);
            margin-bottom: 0;
        }

._form_1ttq9_9 ._optional_1ttq9_15 ._privacyLink_1ttq9_31,
        ._form_1ttq9_9 ._optional_1ttq9_15 ._submit_1ttq9_32 {
            width: 100%;
        }

._form_1ttq9_9 ._optional_1ttq9_15 ._countries_1ttq9_36 ul {
                max-height: 12.5rem;
                overflow-y: scroll;
            }

@media screen and (min-width: 62em) {
            ._form_1ttq9_9 ._optional_1ttq9_15 ._privacyLink_1ttq9_31 {
                margin-left: var(--spacing-14);
            }
            ._form_1ttq9_9 ._optional_1ttq9_15 ._privacyLink_1ttq9_31,
            ._form_1ttq9_9 ._optional_1ttq9_15 ._submit_1ttq9_32 {
                width: fit-content;
            }
        }

@media screen and (min-width: 62em) {

._form_1ttq9_9 {
        gap: var(--spacing-24);
        width: 50%;
}
    }

        ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3,
        ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._recovery_1fxh4_1,
        ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._form_1fxh4_5 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-12);
        }
._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3 ._recovery_1fxh4_1 ._form_1fxh4_5 ._submitline_1fxh4_13 {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        gap: var(--spacing-8);
                    }
._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3 ._recovery_1fxh4_1 ._form_1fxh4_5 ._submitline_1fxh4_13 ._submit_1fxh4_13,
                        ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3 ._recovery_1fxh4_1 ._form_1fxh4_5 ._submitline_1fxh4_13 ._back_1fxh4_21 {
                            width: 100%;
                        }
@media screen and (min-width: 62em) {
                            ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3 ._recovery_1fxh4_1 ._form_1fxh4_5 ._submitline_1fxh4_13 ._submit_1fxh4_13,
                            ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3 ._recovery_1fxh4_1 ._form_1fxh4_5 ._submitline_1fxh4_13 ._back_1fxh4_21 {
                                width: fit-content;
                                flex-wrap: unset;
                            }
                        }
@media screen and (min-width: 62em) {
            ._recoveryMask_1fxh4_1 ._left_1fxh4_2 ._content_1fxh4_3 {
                gap: var(--spacing-32);

                height: 100%;
                width: 80%;
                justify-content: flex-end;
        }
            }
._recoveryMask_1fxh4_1 ._right_1fxh4_45 {
        display: none;
    }
@media screen and (min-width: 62em) {
            ._recoveryMask_1fxh4_1 ._right_1fxh4_45 {
            display: block;
    }

            ._recoveryMask_1fxh4_1 ._right_1fxh4_45 ._picture_1fxh4_51 {
                background-size: cover;
                background-repeat: no-repeat;
            }
        }

    ._card_8utz5_1 ._heading_8utz5_2 {
        padding-top: calc(1rem + var(--gill-sans-delta));
        padding-bottom: calc(1rem - var(--gill-sans-delta));
    }
._card_8utz5_1 ._data_8utz5_7 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);

        border: 2px solid rgb(var(--color-warm-grey-base));
        padding: var(--spacing-8);
        margin-bottom: var(--spacing-8);
    }
._card_8utz5_1 ._data_8utz5_7 ._label_8utz5_16 {
            --text-align: center;
            
            background-color: rgb(var(--color-warm-grey-base));
            border-radius: .75rem;
            padding-top: calc(.125rem + var(--gill-sans-delta));
            padding-bottom: calc(.125rem - var(--gill-sans-delta));
        }
._card_8utz5_1 ._data_8utz5_7 ._edit_8utz5_25 {
            padding: 0;
        }
@media screen and (min-width: 62em) {
        ._card_8utz5_1 ._data_8utz5_7 {
            max-width: 21.5rem;
    }
        }._card_1jw47_1 {
    padding: var(--spacing-12) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}
._card_1jw47_1 ._header_1jw47_7 {
        display: flex;
        justify-content: space-between;
    }
._card_1jw47_1 ._header_1jw47_7 ._heading_1jw47_11 {
            transform: translateY(var(--gill-sans-delta));
        }
._card_1jw47_1 ._data_1jw47_16 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
    ._card_1jw47_1 ._data_1jw47_16 {
            flex-direction: row;
            gap: calc(var(--spacing-40) * 2);
    }
        }
._card_13mui_1 {
    padding: var(--spacing-12) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    border-top: 2px solid rgb(var(--color-warm-grey-base));
}
._card_13mui_1 ._header_13mui_8 {
        display: flex;
        justify-content: space-between;
    }
._card_13mui_1 ._header_13mui_8 ._heading_13mui_12 {
            transform: translateY(var(--gill-sans-delta));
        }
._card_13mui_1 ._data_13mui_17 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-12);
    }
@media screen and (min-width: 62em) {
    ._card_13mui_1 ._data_13mui_17 {
            flex-direction: row;
            gap: calc(var(--spacing-40) * 2);
    }
        }
._card_1vicg_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    padding-top: var(--spacing-12);
    border-top: 2px solid rgb(var(--color-warm-grey-base));
}
._card_1vicg_1 ._cta_1vicg_8 {
        padding: 0;
    }._data_1u663_1 {}
    ._wishlist_1lt8g_1 ._removeAll_1lt8g_2 {
        display: flex;
        justify-content: flex-end;
    }
._wishlist_1lt8g_1 ._removeAll_1lt8g_2 ._cta_1lt8g_6 {
            cursor: pointer;
        }
._wishlist_1lt8g_1 ._ruler_1lt8g_11 {
        width: 100%;
        border: 1px solid rgb(var(--color-warm-grey-base));
    }
._wishlist_1lt8g_1 ._tile_1lt8g_16 {
        margin-top: 1.5rem;
    }
._myRequest_cc383_1 {
    padding: var(--spacing-12) 0;
}
@media screen and (min-width: 48em) {
    ._myRequest_cc383_1 {
        padding: var(--spacing-40) 0;
}
    }
._myRequest_cc383_1 ._myRequestItem_cc383_8 {
        --grid-gap: var(--spacing-8);
        border-bottom: 2px solid rgb(var(--color-warm-grey-base));
        margin-bottom: var(--spacing-8);
        padding-bottom: var(--spacing-4);
    }
@media screen and (min-width: 48em) {
    ._myRequest_cc383_1 ._myRequestItem_cc383_8 {
            --grid-gap: var(--spacing-24);
            padding-bottom: var(--spacing-8);
    }
        }
._myRequest_cc383_1 ._myRequestItem_cc383_8 ._text_cc383_19 {
            display: block;
            margin: var(--spacing-4) 0 0;
        }
@media screen and (min-width: 48em) {
    ._myRequest_cc383_1 ._myRequestItem_cc383_8 ._text_cc383_19 {
                margin: var(--spacing-8) 0 0;
        }
            }
._myRequest_cc383_1 ._advisorLogoWrapper_cc383_29 {
        align-self: center;
    }
._myRequest_cc383_1 ._advisorLogoWrapper_cc383_29 ._advisorLogo_cc383_29 {
            width: auto;
            height: auto;
        }
@media screen and (min-width: 48em) {
    ._myRequest_cc383_1 ._advisorLogoWrapper_cc383_29 ._advisorLogo_cc383_29 {
                width: 100%;
        }
            }
._myRequest_cc383_1 ._advisorLogo_cc383_29 {
        width: 100%;
        height: auto;
    }
._myRequest_cc383_1 ._productInfo_cc383_47 {
        display: flex;
        gap: var(--spacing-8);
        justify-content: flex-start;
        text-decoration: none;
    }
._myRequest_cc383_1 ._productInfo_cc383_47 ._productImage_cc383_53 {
            display: none;
        }
@media screen and (min-width: 48em) {
    ._myRequest_cc383_1 ._productInfo_cc383_47 ._productImage_cc383_53 {
                align-self: center;
                display: block;
                flex: 0 0 50px;
        }
            }

        @media screen and (min-width: 62em) {
        ._myConsultations_1daat_1 ._intro_1daat_2 {
            margin-top: var(--spacing-12);
    }
        }
._myConsultations_1daat_1 ._consultations_1daat_8 {
        padding: var(--spacing-12) 0;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }
._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 {
            border-bottom: 2px solid rgba(var(--color-warm-grey-base));
            padding-bottom: var(--spacing-4);
            display: flex;
            flex-direction: column;
            gap: var(--spacing-8);
        }
._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._imageWrapper_1daat_21 {
                max-width: 6rem;
            }
._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._imageWrapper_1daat_21 ._image_1daat_21 {
                    width: inherit;
                    object-fit: cover;
                }
@media screen and (min-width: 62em) {
        ._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._imageWrapper_1daat_21 {
                    max-width: 10rem;
                    max-height: 10rem;
            }
                }
._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._data_1daat_35 {
                display: flex;
                flex-direction: column;
                gap: var(--spacing-8);
            }
._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._data_1daat_35 ._link_1daat_40 {
                    padding-left: 0;
                }
@media screen and (min-width: 62em) {
        ._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._data_1daat_35 {
                    flex-grow: 0.4;
            }
                }
._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._timifyCTA_1daat_49 {
                width: 100%;
            }
@media screen and (min-width: 62em) {
        ._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 ._timifyCTA_1daat_49 {
                    width: fit-content;
            }
                }
@media screen and (min-width: 62em) {
        ._myConsultations_1daat_1 ._consultations_1daat_8 ._item_1daat_14 {
                flex-direction: row;
                justify-content: space-between;
                align-items: end;
        }
            }
._account_cm39z_1 {
    display: grid;
    grid-template-areas:
        "nav"
        "content"
        "action";
}

@media screen and (min-width: 62em) {

    ._account_cm39z_1 {
        padding-top: var(--spacing-20);
        padding-bottom: calc(var(--spacing-20) * 2);

        grid-template-areas:
            "nav content"
            "nav content";

        grid-template-columns: 1fr 3fr;
        gap: var(--spacing-8);
}
    }

._account_cm39z_1 ._nav_cm39z_20 {
        grid-area: nav;
    }

._account_cm39z_1 ._nav_cm39z_20 ._mobile_cm39z_23 {
            display: block;
        }

._account_cm39z_1 ._nav_cm39z_20 ._mobile_cm39z_23 > span {
                visibility: hidden;
            }

@media screen and (min-width: 62em) {

    ._account_cm39z_1 ._nav_cm39z_20 ._mobile_cm39z_23 {
                display: none;
        }
            }

._account_cm39z_1 ._nav_cm39z_20 ._desktop_cm39z_35 {
            display: none;
        }

@media screen and (min-width: 62em) {

    ._account_cm39z_1 ._nav_cm39z_20 ._desktop_cm39z_35 {
                display: block;

                width: 100%;
                padding: var(--spacing-12);
                display: flex;
                flex-direction: column;
                gap: var(--spacing-8);
                background-color: rgb(var(--color-warm-grey-base));
                list-style: none;
                margin: 0;
        }

                ._account_cm39z_1 ._nav_cm39z_20 ._desktop_cm39z_35 ._sectionCTA_cm39z_50 {
                    border: none;
                    appearance: none;
                }

                ._account_cm39z_1 ._nav_cm39z_20 ._desktop_cm39z_35 ._wishlistCTA_cm39z_55 {
                    display: flex;
                    justify-content: space-between;
                }

                    ._account_cm39z_1 ._nav_cm39z_20 ._desktop_cm39z_35 ._wishlistCTA_cm39z_55 ._badge_cm39z_59 {
                        --text-color: var(--color-joka-white);
                        --text-align: center;

                        background-color: rgb(var(--color-joka-black));
                        width: 1.5rem;
                        height: 1.5rem;
                        border-radius: .75rem;
                        padding-top: var(--gill-sans-delta);
                        padding-bottom: calc(var(--gill-sans-delta) * -1);
                    }
            }

._account_cm39z_1 ._content_cm39z_75 {
        grid-area: content;
    }

._account_cm39z_1 ._content_cm39z_75 ._heading_cm39z_78 {
            padding-top: calc(var(--spacing-12) + var(--gill-sans-delta));
            padding-bottom: calc(var(--spacing-12) - var(--gill-sans-delta));
        }

@media screen and (min-width: 62em) {

    ._account_cm39z_1 ._content_cm39z_75 ._heading_cm39z_78 {
                padding-top: calc(var(--spacing-4) + var(--gill-sans-delta));
                padding-bottom: calc(var(--spacing-4) - var(--gill-sans-delta));
        }
            }

._account_cm39z_1 ._action_cm39z_89 {
        grid-area: action;

        padding: var(--spacing-24) 0;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }

._account_cm39z_1 ._action_cm39z_89 ._contact_cm39z_97 {
            border: 2px solid rgb(var(--color-warm-grey-base));
            padding: var(--spacing-8);
            display: flex;
            flex-direction: column;
            gap: var(--spacing-8);
        }

._account_cm39z_1 ._action_cm39z_89 ._contact_cm39z_97 ._unsubscribe_cm39z_104 {
                padding: 0;
            }

._account_cm39z_1 ._action_cm39z_89 ._cta_cm39z_109 {
            width: 100%;
        }

@media screen and (min-width: 62em) {

    ._account_cm39z_1 ._action_cm39z_89 ._cta_cm39z_109 {
                width: fit-content;
        }
            }

@media screen and (min-width: 62em) {

    ._account_cm39z_1 ._action_cm39z_89 {
            grid-area: nav;

            margin-top: 11rem;
            gap: var(--spacing-16);
    }
        }

    ._usps_8kubp_1 ._header_8kubp_2 {
        --text-align: center;
    }
._usps_8kubp_1 ._uspsList_8kubp_6 {
        display: flex;
        flex-wrap: wrap;
        gap: var(--spacing-8);
        justify-content: center;
        list-style: none;
        padding: var(--spacing-16) var(--spacing-8);
        margin: 0;
    }
._usps_8kubp_1 ._item_8kubp_16 {
        align-items: center;
        display: flex;
        flex: 0 0 calc(50% - var(--spacing-4));
        flex-direction: column;
        gap: var(--spacing-4);
        padding: var(--spacing-12) 0;
        text-align: center;
    }
@media screen and (min-width: 62em) {
        ._usps_8kubp_1 ._item_8kubp_16 {
            max-width: 222px;
            flex: 0 0 25%;
    }
        }
._usps_8kubp_1 ._item_8kubp_16 ._itemIcon_8kubp_30 {
            width: auto;
            height: auto;
            max-height: 67px; /* according to Design */
            flex: 1 0 auto;
        }
._usps_8kubp_1 ._item_8kubp_16 ._itemText_8kubp_37 {
            --text-align: center;

            margin: 0;
        }


    ._container_115pi_1 ._tabs_115pi_3 {
        display: flex;
        gap: var(--spacing-12);
        justify-content: center;
        padding-top: var(--spacing-12);
        padding-bottom: var(--spacing-12);
    }
._container_115pi_1 ._tabs_115pi_3 button {
            appearance: none;
            background: none;
            border: none;
        }
._container_115pi_1 ._tabs_115pi_3 ._tab_115pi_3._active_115pi_17 {
                border-bottom: 2px solid rgb(var(--color-joka-black));
                pointer-events: none;
            }
._container_115pi_1 ._tabs_115pi_3 ._tab_115pi_3:hover {
                color: rgb(var(--primary-hover-color));
            }
@media screen and (min-width: 62em) {
        ._container_115pi_1 ._tabs_115pi_3 {
            gap: var(--spacing-40);
    }
        }
._container_115pi_1 ._content_115pi_31 {
        padding-top: var(--spacing-5);
    }
._component_1pnhb_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
._component_1pnhb_1 ._info_1pnhb_6 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
._component_1pnhb_1 ._info_1pnhb_6 ._bubble_1pnhb_11 {
            appearance: none;
            border: none;
            background: none;
        }
._component_1pnhb_1 ._info_1pnhb_6 ._bubble_1pnhb_11 ._icon_1pnhb_16:hover {
                stroke: rgb(var(--primary-hover-color));
            }
@media screen and (min-width: 62em) {
    ._component_1pnhb_1 ._info_1pnhb_6 {
            justify-content: initial;
    }
        }
._component_1pnhb_1 ._dialog_1pnhb_26 > div,
    ._component_1pnhb_1 ._dialog_1pnhb_26 > div > ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }
@media screen and (min-width: 62em) {
    ._component_1pnhb_1 {
        padding-top: var(--spacing-8);
}
    }
._component_10tb5_1 {
    padding: var(--spacing-8);
    background-color: rgb(var(--color-warm-grey-base));
    display: flex;
    align-items: center;
}
._component_10tb5_1._selected_10tb5_7 {
        background-color: rgb(var(--color-joka-white));
        border: 2px solid rgb(var(--color-joka-black));
    }
._component_10tb5_1 address {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-2);
    }
@media screen and (min-width: 62em) {
    ._component_10tb5_1 {
        justify-content: space-between;
}
    }
._component_knb81_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
    padding: var(--spacing-8);
    background-color: rgb(var(--color-warm-grey-base));
}
@media screen and (min-width: 62em) {
    ._component_knb81_1 {
        flex-direction: row;
}
    }
._component_1oxn2_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}

._component_1oxn2_1 ._dialog_1oxn2_6 {
        width: 100%;
    }

._component_1oxn2_1 ._dialog_1oxn2_6 ._content_1oxn2_9 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-8);
        }

._component_1oxn2_1 ._dialog_1oxn2_6 ._content_1oxn2_9 ._formGroup_1oxn2_14 {
                display: flex;
                flex-direction: column;
                width: 100%;
                gap: var(--spacing-8);
            }

@media screen and (min-width: 62em) {

    ._component_1oxn2_1 ._dialog_1oxn2_6 ._content_1oxn2_9 ._formGroup_1oxn2_14 {
                    flex-direction: row;
                    align-items: flex-end;
                    justify-content: space-between;
            }

                    ._component_1oxn2_1 ._dialog_1oxn2_6 ._content_1oxn2_9 ._formGroup_1oxn2_14 ._control_1oxn2_25 {
                        flex-grow: 1;
                    }
                }

._component_1oxn2_1 ._dialog_1oxn2_6 ._results_1oxn2_32 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-5);
        }

@media screen and (min-width: 62em) {

    ._component_1oxn2_1 {
        padding-top: var(--spacing-8);
}

        ._component_1oxn2_1 ._prompt_1oxn2_42 {
            padding-bottom: var(--spacing-8);
        }

        ._component_1oxn2_1 ._advisor_1oxn2_46 {
            max-width: 50%;
        }

        ._component_1oxn2_1 ._dialog_1oxn2_6 {
            max-width: 47em;
        }
    }

._component_1oxn2_1 ._error_1oxn2_55 {
        --text-color: var(--color-red);
        padding: 0;
        padding-left: var(--spacing-8);
        margin: 0;
        margin-top: var(--spacing-4);
    }

._component_1oxn2_1 ._error_1oxn2_55 > li::marker {
            font-size: 1.25rem;
        }
._component_m86h3_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}

@media screen and (min-width: 62em) {

    ._component_m86h3_1 {
        padding-top: var(--spacing-8);
        padding-bottom: var(--spacing-8);
}

        ._component_m86h3_1 ._control_m86h3_10 {
            max-width: 50%;
        }
    }
._project_ighgn_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-20);
    padding-bottom: var(--spacing-12);
}

@media screen and (min-width: 62em) {

    ._project_ighgn_1 {
        gap: var(--spacing-12);
        padding-top: var(--spacing-28);
        padding-bottom: var(--spacing-40);
}

        ._project_ighgn_1 ._legend_ighgn_12 {
            padding-top: var(--spacing-8);
        }
    }
._component_5znu2_1 {
    margin-bottom: 0;
}
@media screen and (min-width: 62em) {
        ._component_5znu2_1 ._gender_5znu2_5 {
            max-width: calc(50% - var(--spacing-8));
        }
    }
._component_1yjri_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
._component_1eubo_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
@media screen and (min-width: 62em) {
    ._component_1eubo_1 {
        gap: var(--spacing-12);
}
    }
._contact_7s0qq_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-20);
}
._contact_7s0qq_1 ._intro_7s0qq_6 {
        padding-bottom: var(--spacing-4);
    }
._b2c_pg071_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-5);
    padding-top: var(--spacing-20);
}
@media screen and (min-width: 62em) {
    ._b2c_pg071_1 {
        padding-top: var(--spacing-40);
        gap: var(--spacing-12);
}
    }

    @media screen and (min-width: 62em) {

        ._component_17w69_1 {
        margin-bottom: 0;
}

        ._component_17w69_1 ._gender_17w69_5 {
            max-width: calc(50% - var(--spacing-8));
        }
    }
._component_26n6b_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-20);
}
@media screen and (min-width: 62em) {
    ._component_26n6b_1 {
        gap: var(--spacing-12);
}
    }

    ._component_rilt0_1 ._label_rilt0_2 {
        --text-size: .75rem;
        font-weight: 400;
        display: block;
    }
._component_rilt0_1 ._message_rilt0_8 {
        margin-top: var(--spacing-4);
    }
._component_1yjri_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
._component_vvq0q_1 {}
._component_1eubo_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
@media screen and (min-width: 62em) {
    ._component_1eubo_1 {
        gap: var(--spacing-12);
}
    }
._component_kykf4_1 {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);

    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
}
._component_kykf4_1 ._legend_kykf4_9 {
        padding-top: var(--spacing-8);
    }
@media screen and (min-width: 62em) {
    ._component_kykf4_1 {
        gap: var(--spacing-12);
        padding-top: var(--spacing-40);
        padding-bottom: var(--spacing-40);
}
    }
._anchornav_1k08x_1 {
    border-top: 2px solid rgba(var(--color-warm-grey-base));
    border-bottom: 2px solid rgba(var(--color-warm-grey-base));

    padding: var(--spacing-8) 0;

    margin-bottom: var(--spacing-8);
}
@media screen and (min-width: 62em) {
    ._anchornav_1k08x_1 {
        padding: var(--spacing-12) 0;
        margin-bottom: var(--spacing-20);
}
    }
._anchornav_1k08x_1 ._list_1k08x_14 {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }
@media screen and (min-width: 62em) {
    ._anchornav_1k08x_1 ._list_1k08x_14 {
            flex-direction: row;
            flex-wrap: wrap;
            gap: var(--spacing-12);
    }
        }
._anchornav_1k08x_1 ._anchor_1k08x_1 {
        text-decoration: none;
        display: flex;
        gap: var(--spacing-2);
        width: fit-content;

        border-bottom: 1px solid rgba(var(--color-joka-black));
    }

    ._component_1nuav_1 ._content_1nuav_2 {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-8);
    }

._component_1nuav_1 ._content_1nuav_2 ._head_1nuav_7 ._headline_1nuav_8 {
               --text-align: center;
               margin: 0 auto;
               padding: 0 var(--spacing-8);
            }

._component_1nuav_1 ._content_1nuav_2 ._head_1nuav_7 ._headline_1nuav_8 ._flag_1nuav_13 {
                   position: relative;
                   top: 3px;
               }

._component_1nuav_1 ._content_1nuav_2 ._ctas_1nuav_20 {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-8);
        }

._component_1nuav_1 ._content_1nuav_2 ._ctas_1nuav_20 ._btn_1nuav_25 {
                width: 100%;
            }

@media screen and (min-width: 62em) {

        ._component_1nuav_1 ._content_1nuav_2 ._ctas_1nuav_20 {
                gap: var(--spacing-12);
                flex-wrap: wrap;
                align-items: center;
        }

                ._component_1nuav_1 ._content_1nuav_2 ._ctas_1nuav_20 ._btn_1nuav_25 {
                    width: fit-content;
                }
            }

@media screen and (min-width: 62em) {

        ._component_1nuav_1 ._content_1nuav_2 {
            gap: var(--spacing-12);
    }
        }

@media screen and (min-width: 62em) {

        ._component_1nuav_1 {
        max-width: 32rem;
}
    }
._component_1nk0l_1 {
    margin-bottom: var(--spacing-16);
}
._component_1nk0l_1 ._button_1nk0l_4 {
        width: fit-content;
    }