.dr-accordion-item {
    margin-bottom: 16px;
}
.dr-accordion-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
}

.dr-accordion-header .dr-accordion-icon {
    transform: rotate(180deg);
    transition: 0.2s ease-in;
}
.dr-accordion-header.collapsed .dr-accordion-icon {
    transform: rotate(0deg);
}

.dr-accordion-icon {
    width: 24px;
}

.dr-accordion-text {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #6b7a6c;
}
    



    // /* Custom List Item with Custom Tick Symbol */

// .list-item-with-custom-tick {
//     position: relative;
//     padding-left: 32px;
// }

// .list-item-with-custom-tick::before {
//     content: "";
//     position: absolute;
//     top: 5px;
//     left: 0;
//     width: 15px;
//     height: 8px;
//     border-bottom: 2px solid #144b3c;
//     border-left: 2px solid #144b3c;
//     border-radius: 1px;
//     transform: rotate(-45deg);
// }

// /* Style in white if used in product teaser */

// .ProductTeaser--list .list-item-with-custom-tick {
//     color: white;
// }

// .ProductTeaser--list .list-item-with-custom-tick::before {
//     border-color: white;
// }
.dr-list-item-with-tick {
    position: relative;
    padding-left: 32px;
}

.dr-list-item-with-tick::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 8px;
    border-bottom: 2px solid #144b3c;
    border-left: 2px solid #144b3c;
    border-radius: 1px;
    transform: rotate(-45deg);
}
.dr-color-white .dr-list-item-with-tick::before {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.dr-color-white .dr-list-item-with-tick {
    color: #ffffff;
}
    

    // .dr-bottom-link li {
//     display: block !important;
//     margin-left: 10px !important;
//     float: left !important;
// }
.dr-bottom-link {
    flex-wrap: wrap;
}
.dr-footer-links-wrapper {
    flex-wrap: wrap;
}
.dr-copyright-link-footer,
.dr-copyright-link-footer p {
    display: flex;
    color: #859886;
    font-family: 'FF Kievit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.dr-links-footer {
    color: #859886;
    font-family: 'FF Kievit', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.dr-links-footer:hover {
    color: #859886;
}
    

    .introtext a {
    border-bottom: 1px solid #144b3c;
    padding-bottom: 1px;
}
    

    
.dr-text-with-tooltip .dr-tooltip-visible{
  visibility: visible;
}    

    .quote-wrapper {
    clear: both;
    position: relative;
    background-color: white;
    border: 5px solid #f2f2f2;
    min-height: 20px;
    padding: 20px 40px;
    margin-top: 20px;
    box-shadow: inset 0 0 0 20px #fafafa;
}
.quote-text {
    color: #144b3c;
}

.quote-text p {
    margin-bottom: 0;
}
    

    .dr-table-wrapper {
    width: 100%;
    max-width: 550px;
}

// .col-align {
//     text-align: end;
//     padding-right: 0 !important;
// }
    

    /*     .productTeaser_wrapper {
        padding: 20px;
        background-color: @styles[secondary-500];
        border-radius: 8px;
        color: @styles[white];
        padding: 20px 20px 32px 20px;
    } */

// .dr-productTeaser {
//     border-radius: 8px;
//     padding: 40px 20px 32px 0px;
// }

// .dr-productTeaser_title {
//     font-size: 32px;
//     line-height: 1.1904761905;
//     overflow-wrap: break-word;
//     word-wrap: break-word;
//     -webkit-hyphens: auto;
//     -ms-hyphens: auto;
//     hyphens: auto;
//     margin-bottom: 0.75em;
// }

// @media (min-width: 1200px) {
//     .dr-productTeaser_title {
//         font-size: 42px;
//     }
// }

// @media (min-width: 700px) {
//     .dr-productTeaser_title {
//         font-size: calc(2vw + 18px);
//     }
// }

.dr-product-teaset-text {
    max-width: 300px;
}
    

        

    /* ===================================================
component: video-player
=================================================== */
// .video-player-element {
// 	margin: 30px 0 30px 0;
// }
// .video-wrapper {
//     position: relative;
// }

.dr-video-player {
    padding: 0;
    margin: 0;
    border: 0;
    object-fit: contain;
    outline: none;
    width: 100%;
    box-shadow: 0 0 16px 8px rgba(0, 33, 98, 0.15);
}

.dr-hidden-video-helper {
    display: none;
}

img.dr-hidden-video-helper[data-bsi-element-part] {
    display: block;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

// @media only screen and (min-width: 360px) and (max-width: 720px) {
//     box-shadow: 0 0 12px 6px rgba(0, 33, 98, 0.15);
// }

// @media only screen and (max-width: 360px) {
//     box-shadow: 0 0 8px 4px rgba(0, 33, 98, 0.15);
// }
    

    /* 
@media (min-width: 700px) {
    .dr-table-keyword {
        flex-wrap: wrap !important;
    }
} */


table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    tr {
    border-bottom: 1px solid #EDEDED;
    text-align: left;
    }

th, td {
    text-align: left;
    padding: 8px 8px 8px 0px;
}

/* Media query for mobile devices */
@media (max-width: 600px) {
    tr {
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid #EDEDED;
        text-align: left;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    th, td {
        display: inline-block;
        width: 50%; /* Adjust the width as needed */
        box-sizing: border-box;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    /* Remove the border-bottom from the last tr */
    tr:last-child {
        border-bottom: none;

    }
}    



    /*BRIGHT Filled Buttons*/ /*DARK Filled Buttons*/
.dr-btn-primary-bright-medium:not(:disabled):not(.disabled),
.dr-btn-highlight-bright-medium:not(:disabled):not(.disabled),
.dr-btn-text-prim-bright-medium:not(:disabled):not(.disabled),
.dr-btn-secondary-bright-medium:not(:disabled):not(.disabled),
.dr-btn-text-sec-bright-medium:not(:disabled):not(.disabled),
.dr-btn-primary-dark-medium:not(:disabled):not(.disabled),
.dr-btn-highlight-dark-medium:not(:disabled):not(.disabled),
.dr-btn-text-prim-dark-medium:not(:disabled):not(.disabled),
.dr-btn-secondary-dark-medium:not(:disabled):not(.disabled),
.dr-btn-text-sec-dark-medium:not(:disabled):not(.disabled) {
    cursor: pointer;
}

/* applied to <button> and .btn => MEDIUM Size*/
.dr-btn-primary-bright-medium,
.dr-btn-highlight-bright-medium,
.dr-btn-text-prim-bright-medium,
.dr-btn-secondary-bright-medium,
.dr-btn-text-sec-bright-medium,
.dr-btn-primary-dark-medium,
.dr-btn-highlight-dark-medium,
.dr-btn-text-prim-dark-medium,
.dr-btn-secondary-dark-medium,
.dr-btn-text-sec-dark-medium {
    display: inline-block;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 20px 24px;
    font-size: 18px;
    line-height: 1.2;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
}

@media only screen and (max-width: 700px) {
    /* applied to <button> and .btn => MEDIUM Size*/
    .dr-btn-primary-bright-medium,
    .dr-btn-highlight-bright-medium,
    .dr-btn-text-prim-bright-medium,
    .dr-btn-secondary-bright-medium,
    .dr-btn-text-sec-bright-medium,
    .dr-btn-primary-dark-medium,
    .dr-btn-highlight-dark-medium,
    .dr-btn-text-prim-dark-medium,
    .dr-btn-secondary-dark-medium,
    .dr-btn-text-sec-dark-medium {
        min-width: 100%;
    }
}
    

    /*BRIGHT Filled Buttons*/ /*DARK Filled Buttons*/
.dr-btn-primary-bright-small:not(:disabled):not(.disabled),
.dr-btn-highlight-bright-small:not(:disabled):not(.disabled),
.dr-btn-text-prim-bright-small:not(:disabled):not(.disabled),
.dr-btn-secondary-bright-small:not(:disabled):not(.disabled),
.dr-btn-text-sec-bright-small:not(:disabled):not(.disabled),
.dr-btn-primary-dark-small:not(:disabled):not(.disabled),
.dr-btn-highlight-dark-small:not(:disabled):not(.disabled),
.dr-btn-text-prim-dark-small:not(:disabled):not(.disabled),
.dr-btn-secondary-dark-small:not(:disabled):not(.disabled),
.dr-btn-text-sec-dark-small:not(:disabled):not(.disabled) {
    cursor: pointer;
}

/* applied to <button> and .btn => SMALL Size*/
.dr-btn-primary-bright-small,
.dr-btn-highlight-bright-small,
.dr-btn-text-prim-bright-small,
.dr-btn-secondary-bright-small,
.dr-btn-text-sec-bright-small,
.dr-btn-primary-dark-small,
.dr-btn-highlight-dark-small,
.dr-btn-text-prim-dark-small,
.dr-btn-secondary-dark-small,
.dr-btn-text-sec-dark-small {
    display: inline-block;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
}

@media only screen and (max-width: 700px) {
    .dr-btn-primary-bright-small,
    .dr-btn-highlight-bright-small,
    .dr-btn-text-prim-bright-small,
    .dr-btn-secondary-bright-small,
    .dr-btn-text-sec-bright-small,
    .dr-btn-primary-dark-small,
    .dr-btn-highlight-dark-small,
    .dr-btn-text-prim-dark-small,
    .dr-btn-secondary-dark-small,
    .dr-btn-text-sec-dark-small {
        min-width: 100%;
    }
}
    

    /*BRIGHT Filled Buttons*/ /*DARK Filled Buttons*/

.dr-btn-primary-bright-medium-outlined:not(:disabled):not(.disabled),
.dr-btn-primary-dark-medium-outlined:not(:disabled):not(.disabled),
.dr-btn-secondary-bright-medium-outlined:not(:disabled):not(.disabled),
.dr-btn-secondary-dark-medium-outlined:not(:disabled):not(.disabled) {
    cursor: pointer;
}

/* applied to <button> and .btn => MEDIUM Size*/
.dr-btn-primary-bright-medium-outlined,
.dr-btn-primary-dark-medium-outlined,
.dr-btn-secondary-bright-medium-outlined,
.dr-btn-secondary-dark-medium-outlined {
    display: inline-block;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 18px 22px;
    font-size: 18px;
    line-height: 1.2;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
}

@media only screen and (max-width: 700px) {
    .dr-btn-primary-bright-medium-outlined,
    .dr-btn-primary-dark-medium-outlined,
    .dr-btn-secondary-bright-medium-outlined,
    .dr-btn-secondary-dark-medium-outlined {
        min-width: 100%;
    }
}

/* borders must be defined separately; see elements/button/styles.less to understand why */
.dr-btn-primary-bright-medium-outlined {
    border: 2px solid #144b3c;
}

.dr-btn-primary-bright-medium-outlined:hover {
    border: 2px solid #5a8176;
}

.dr-btn-primary-dark-medium-outlined {
    border: 2px solid white;
}

.dr-btn-primary-dark-medium-outlined:hover {
    border: 2px solid #92a59e;
}

.dr-btn-secondary-bright-medium-outlined {
    border: 2px solid #4f1f68;
}

.dr-btn-secondary-bright-medium-outlined:hover {
    border: 2px solid #846095;
}

.dr-btn-secondary-dark-medium-outlined {
    border: 2px solid white;
}

.dr-btn-secondary-dark-medium-outlined:hover {
    border: 2px solid #b099bb;
}
    

    /*BRIGHT Filled Buttons*/ /*DARK Filled Buttons*/
.dr-btn-primary-bright-small-outlined:not(:disabled):not(.disabled),
.dr-btn-primary-dark-small-outlined:not(:disabled):not(.disabled),
.dr-btn-secondary-bright-small-outlined:not(:disabled):not(.disabled),
.dr-btn-secondary-dark-small-outlined:not(:disabled):not(.disabled) {
    cursor: pointer;
}

/* applied to <button> and .btn => SMALL Size*/
.dr-btn-primary-bright-small-outlined,
.dr-btn-primary-dark-small-outlined,
.dr-btn-secondary-bright-small-outlined,
.dr-btn-secondary-dark-small-outlined {
    display: inline-block;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 10px 22px;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
}

@media only screen and (max-width: 700px) {
    .dr-btn-primary-bright-small-outlined,
    .dr-btn-primary-dark-small-outlined,
    .dr-btn-secondary-bright-small-outlined,
    .dr-btn-secondary-dark-small-outlined {
        min-width: 100%;
    }
}

/* borders must be defined separately; see elements/button/styles.less to understand why */
.dr-btn-primary-bright-small-outlined {
    border: 2px solid #144b3c;
}

.dr-btn-primary-bright-small-outlined:hover {
    border: 2px solid #5a8176;
}

.dr-btn-primary-dark-small-outlined {
    border: 2px solid white;
}

.dr-btn-primary-dark-small-outlined:hover {
    border: 2px solid #92a59e;
}

.dr-btn-secondary-bright-small-outlined {
    border: 2px solid #4f1f68;
}

.dr-btn-secondary-bright-small-outlined:hover {
    border: 2px solid #846095;
}

.dr-btn-secondary-dark-small-outlined {
    border: 2px solid white;
}

.dr-btn-secondary-dark-small-outlined:hover {
    border: 2px solid #b099bb;
}
    

    .dr-button-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.outlined-icon-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px 12px 50px;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
    cursor: pointer;
}

.outlined-icon-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #144b3c;
    border-radius: 6px;
}

.dr-icon {
    width: 20px;
    height: 20px;
    margin-right: -40px;
}
    

    .dr-button-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.dr-btn-primary-icon-button {
    width: 100%;
    border-radius: 6px;
    position: relative;
    background-color: #144b3c;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-button {
    background-color: #144b3c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px 12px 50px;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 6px;
    color: #ffffff;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
    cursor: pointer;
}

.dr-btn-primary-icon-button::before {
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #144b3c;
    border-radius: 6px;
}

.dr-btn-primary-icon-button .dr-icon {
    width: 20px;
    height: 20px;
    margin-right: -20px;
    z-index: 2;
}
    

    /*BRIGHT Filled Buttons*/ /*DARK Filled Buttons*/
.dr-btn-medium-gradient:not(:disabled):not(.disabled),
.dr-btn-small-gradient:not(:disabled):not(.disabled) {
    cursor: pointer;
}

/* applied to <button> and .btn => MEDIUM Size*/

.dr-btn-medium-gradient {
    min-width: 147px;
    background-image: url('../img/vector-bg.svg');
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-flex; /* Use inline-flex to ensure that the container expands to contain the content */
    align-items: center; /* Center the content vertically */
    justify-content: center; /* Center the content horizontally */
    color: white;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 20px 24px;
    font-size: 18px;
    line-height: 1.2;
    border-radius: 6px;
    transition: 0.2s ease-in;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: hidden;
    margin: 0;
    text-decoration: none;
}

.dr-btn-medium-gradient:hover,
.dr-btn-small-gradient:hover {
    background-position: 0% 40%;
    color: #ffffff;
}

.dr-btn-small-gradient {
    min-width: 147px;
    background-image: url('../img/vector-bg.svg');
    background-position: 0% 45%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-flex; /* Use inline-flex to ensure that the container expands to contain the content */
    align-items: center; /* Center the content vertically */
    justify-content: center; /* Center the content horizontally */
    color: white;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 6px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
    text-decoration: none;
    transition: 0.2s ease-in;
}

@media only screen and (max-width: 700px) {
    .dr-btn-small-gradient,
    .dr-btn-medium-gradient {
        min-width: 100%;
    }
}
    



    .iban-number::-webkit-input-placeholder {
    color: #144b3c;
    opacity: 1;
}
.iban-number::-moz-placeholder {
    color: #144b3c;
    opacity: 1;
}
.iban-number:-ms-input-placeholder {
    color: #144b3c;
    opacity: 1;
}
.iban-number::placeholder {
    color: #144b3c;
    opacity: 1;
}    

    .bsi-ce-edit-mode .dr-dependent-name-surname.dr-d-none {
    display: flex;
}
.dr-dependent-name-surname.dr-d-none {
    display: none;
}
    

        

    .dr-d-table {
    border-collapse: collapse;
}

.dr-d-table-row {
    border-bottom: 1px solid #ededed;
}

.dr-d-table-cell {
    padding: 8px 8px 8px 0px;
}

/* Media query for mobile devices */
@media (max-width: 700px) {
    .dr-d-table-row {
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid #ededed;
        text-align: left;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .dr-d-table-cell {
        display: inline-block;
        width: 50%; /* Adjust the width as needed */
        box-sizing: border-box;
        padding-bottom: 0;
        padding-top: 0;
    }

    /* Remove the border-bottom from the last tr */
    .dr-d-table-row:last-child {
        border-bottom: none;
    }
}
    

    .dr-termin-content {
    border: 2px solid #dce4e2;
    border-radius: 6px;
}
    

        

    /* All provided in forms/input-text/styles.less; except from calendar styles */
.date-field-wrapper {
    position: relative;
}

.date-picker-buttons {
    display: flex;
    width: 100%;
    max-width: 384px;
}

.date-field-wrapper .input[data-datepicker] {
    padding-left: 0px;
}
    

    /* All provided in forms/input-text/styles.less; except from calendar styles */
.date-field-wrapper {
    position: relative;
}

.date-picker-buttons {
    display: flex;
    width: 100%;
    max-width: 384px;
}

.date-field-wrapper .input[data-datepicker] {
    padding-left: 0px;
}
    

    .dr-rating-stars {
    display: flex;
    flex-direction: row;
    position: relative;
    height: 40px;
    margin-left: -10px;
}
.container-stars-wrapper.required .dr-form-group-label:after {
    content: ' *';
    display: inline;
}
.dr-rating-stars input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.dr-single-star-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    height: 40px;
}
.dr-single-star-wrapper .dr-single-star-wrapper-label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    height: 40px;
    position: relative;
}

.dr-rating-stars
    .dr-single-star-wrapper:nth-child(1)
    .dr-single-star-wrapper-label {
    z-index: 5;
    width: 40px;
    background-image: url('../img/icons/dr-star-empty.svg');
}

.dr-rating-stars
    .dr-single-star-wrapper:nth-child(2)
    .dr-single-star-wrapper-label {
    z-index: 4;
    width: 80px;
    background-image: url('../img/icons/dr-star-empty.svg');
    background-repeat: repeat-x;
}

.dr-rating-stars
    .dr-single-star-wrapper:nth-child(3)
    .dr-single-star-wrapper-label {
    z-index: 3;
    width: 120px;
    background-image: url('../img/icons/dr-star-empty.svg');
    background-repeat: repeat-x;
}

.dr-rating-stars
    .dr-single-star-wrapper:nth-child(4)
    .dr-single-star-wrapper-label {
    z-index: 2;
    width: 160px;
    background-image: url('../img/icons/dr-star-empty.svg');
    background-repeat: repeat-x;
}

.dr-rating-stars
    .dr-single-star-wrapper:nth-child(5)
    .dr-single-star-wrapper-label {
    z-index: 1;
    width: 200px;
    background-image: url('../img/icons/dr-star-empty.svg');
    background-repeat: repeat-x;
}
// .dr-rating-stars .dr-single-star-wrapper:hover input ~ label {
//     background-image: url('../img/icons/dr-star-hover.svg'),
//         url('../img/icons/dr-star-hover.svg');
// }
.dr-rating-stars .dr-single-star-wrapper .dr-single-star-wrapper-label:hover {
    background-image: url('../img/icons/dr-star-hover.svg');
}
.dr-rating-stars:not(:hover) .dr-single-star-wrapper input:checked ~ label {
    background-image: url('../img/icons/dr-star-filled.svg');
}
// .container-stars-wrapper.required .main-label:after {
//   content: " *";
//   display: inline;
// }
// .rating {
//   display: inline-block;
//   position: relative;
//   height: 50px;
//   line-height: 50px;
//   font-size: 50px;
// }

// .direction{
//     display: flex;
//     flex-direction: column;
// }

// .rating .single-star-wrapper {
//   position: absolute;
//   top: 0;
//   left: 0;
//   height: 100%;
//   cursor: pointer;
// }

// .rating .single-star-wrapper:last-child {
//   position: static;
// }

// .rating .single-star-wrapper:nth-child(1) {
//   z-index: 5;
// }

// .rating .single-star-wrapper:nth-child(2) {
//   z-index: 4;
// }

// .rating .single-star-wrapper:nth-child(3) {
//   z-index: 3;
// }

// .rating .single-star-wrapper:nth-child(4) {
//   z-index: 2;
// }

// .rating .single-star-wrapper:nth-child(5) {
//   z-index: 1;
// }

// .rating input {
//   position: absolute;
//   top: 0;
//   left: 0;
//   opacity: 0;
// }

// .rating:not(:hover) .single-star-wrapper input:checked ~ .icon {
//   color: #144b3c;
// }

// .rating:hover .single-star-wrapper input ~ .icon {

//   color: transparent;
// }
// .rating:hover .single-star-wrapper:last-child input ~ .icon {
//   color: #9f9d9d;
// }

// .rating:hover .single-star-wrapper:hover input ~ .icon {
//   color: #144b3c;
// }

// .rating .single-star-wrapper label:after {
//   content: "" !important;
// }

// .rating-with-stars-container .icon {
//   display: inline-block;
//   color: transparent;
// }
// .rating-with-stars-container .single-star-wrapper:last-child input:not(:checked) ~ .icon {
//   color: #9f9d9d;
// }

// .rating:hover .single-star-wrapper:last-child:hover input:not(:checked) ~ .icon {
//   color: #144b3c;
// }
    

    // .custom-control-wrapper {
//     padding-left: 0;
// }
// .custom-control-wrapper
//     .custom-control-input.checkbox
//     ~ .custom-control-label-checkbox-required {
//     position: relative;
//     padding-left: 2.75rem;
// }
// .custom-control-wrapper .custom-control-label-checkbox-required::before {
//     position: absolute;
//     top: 0;
//     left: 0;
//     display: block;
//     width: 1.75rem;
//     height: 1.75rem;
//     content: "";
//     background-color: #ffffff;
//     border: #839384 solid 2px;
//     border-radius: 6px;
//     background-repeat: no-repeat;
//     background-size: 50%;
//     background-position: 50% 50%;
// }

// .custom-checkbox .custom-control-input:checked ~ .custom-control-label-checkbox-required::before {
//     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9'%3e%3cpath fill='none' stroke='%23ffffff' d='M1 5.66667L3.4 8L9 1' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
//     border-color: #144b3c;
//     background-color: #144b3c;
// }
.dr-form-checkbox-wrapper {
    position: relative;
}
.dr-form-checkbox:required ~ .dr-form-checkbox-label:after {
    content: ' *';
    display: inline;
}
.dr-form-checkbox-wrapper.dr-form-checkbox-wrapper--error
    .dr-form-checkbox:required
    ~ .dr-form-checkbox-label:after {
    color: #c70517;
}
.dr-form-checkbox-wrapper.dr-form-checkbox-wrapper--error
    .dr-form-checkbox:required
    ~ .dr-form-checkbox-label {
    color: #c70517;
}
.dr-form-checkbox-wrapper.dr-form-checkbox-wrapper--error
    .dr-form-checkbox:required
    ~ .dr-form-checkbox-label:before {
    border-color: #c70517;
}
.dr-form-checkbox-label {
    padding-left: 40px;
    line-height: 28px;
    color: #144b3c;
}
.dr-form-checkbox-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../img/icons/dr-check-icon.svg');
    border: #92a59e solid 2px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 45% 50%;
    transition: 0.2s ease-in-out;
}
.dr-form-checkbox:hover ~ .dr-form-checkbox-label:before {
    border-color: #144b3c;
}

.dr-form-checkbox:focus ~ .dr-form-checkbox-label:before {
    background-color: #144b3c;
    border-color: #144b3c;
}

.dr-form-checkbox:disabled ~ .dr-form-checkbox-label:before {
    border-color: #cccccc;
    background-color: #f5f5f5;
}

.dr-form-checkbox:checked ~ .dr-form-checkbox-label:before {
    border-color: #144b3c;
    background-color: #144b3c;
}

#checkbox-single-container .dr-checkbox-length {
    width: unset; /* Remove width so that info tooltip comes right after label*/
}

#checkbox-single-container {
    flex-wrap: nowrap;
}
    

    // .custom-control-wrapper {
//     padding-left: 0;
// }
// .custom-control-wrapper
//     .custom-control-input.checkbox
//     ~ .custom-control-label-checkbox-required {
//     position: relative;
//     padding-left: 2.75rem;
// }
// .custom-control-wrapper .custom-control-label-checkbox-required::before {
//     position: absolute;
//     top: 0;
//     left: 0;
//     display: block;
//     width: 1.75rem;
//     height: 1.75rem;
//     content: "";
//     background-color: #ffffff;
//     border: #839384 solid 2px;
//     border-radius: 6px;
//     background-repeat: no-repeat;
//     background-size: 50%;
//     background-position: 50% 50%;
// }

// .custom-checkbox .custom-control-input:checked ~ .custom-control-label-checkbox-required::before {
//     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9'%3e%3cpath fill='none' stroke='%23ffffff' d='M1 5.66667L3.4 8L9 1' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
//     border-color: #144b3c;
//     background-color: #144b3c;
// }

.dr-form-radiobutton, .radio-single-wrapper{
    flex-wrap: nowrap !important;
}

#radiobutton-single-container .dr-radio-length {
    width: unset; /* Remove width so that info tooltip comes right after label*/
}


.dr-form-radiobutton-wrapper {
    position: relative;
}
.error-label, .error-label span {
    color: #c70517 !important; /* Red color for the text */
}

.dr-form-radiobutton.error-box + .dr-form-radiobutton-label::before {
    border-color: #c70517 !important; /* Red color for the checkbox border */
}
.dr-form-radiobutton-wrapper.dr-form-radiobutton-wrapper--error
    .dr-form-radiobutton:required
    ~ .dr-form-radiobutton-label:after {
    color: #c70517;
}
.dr-form-radiobutton-wrapper.dr-form-radiobutton-wrapper--error
    .dr-form-radiobutton:required
    ~ .dr-form-radiobutton-label {
    color: #c70517;
}
.dr-form-radiobutton-wrapper.dr-form-radiobutton-wrapper--error
    .dr-form-radiobutton:required
    ~ .dr-form-radiobutton-label:before {
    border-color: #c70517;
    background-color: #c70517;
}
.dr-form-radiobutton-label {
    padding-left: 40px;
    line-height: 28px;
    color: #144b3c;
}
.dr-form-radiobutton-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 28px;
    height: 28px;
    border: #92a59e solid 2px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 45% 50%;
    transition: 0.2s ease-in-out;
}
.dr-form-radiobutton:hover ~ .dr-form-radiobutton-label:before {
    border-color: #144b3c;
}

.dr-form-radiobutton:focus ~ .dr-form-radiobutton-label:before {
    background-color: #144b3c;
    border-color: #144b3c;
}

.dr-form-radiobutton:disabled ~ .dr-form-radiobutton-label:before {
    border-color: #cccccc;
    background-color: #f5f5f5;
}

.dr-form-radiobutton:checked ~ .dr-form-radiobutton-label:before {
    border-width: 8px;
    border-color: #144b3c;
}
    

    // .radio-wrapper-row .radio-wrapper{
//     display: flex;
//     flex-direction: row;
// }

// .radio-wrapper-column .radio-wrapper{
//     display: flex;
//     flex-direction: column;
// }

// .direction{
//     display: flex;
//     flex-direction: column;
// }
    

    .branchenWrapper {
    display: flex;
    flex-direction: row;
}

.dynamicWrapper {
    padding-bottom: 30px;
    display: none;
}

.labelCompanySpan {
    display: none;
}

.form-block.l-Flex {
    padding: 0;
    margin: 0;
}
.form-field {
    padding: 0px 5px 15px 0px;
}
.form-field label {
    font-family: 'FF Kievit', sans-serif;
    color: rgb(107, 122, 108);
}
.form-control {
    width: 100%;
    border-radius: 5px;
    border: 1px solid#ccc;
    margin-top: 7px;
}
.form-control:focus,
.form-control:hover {
    width: 100%;
    border-radius: 5px;
    border: 1px solid#ccc;
    margin-top: 7px;
}

.autocomplete {
    position: relative;
}

.identifier-div {
    /*     visibility: hidden; */
    opacity: 0;
    max-height: none;
    overflow: none;
}

.companyName {
    width: 100%;
}

.form-group-company-error,
.form-group-location-error,
.form-group-other-company-error {
    display: none;
    font-size: 12px;
    color: rgb(216, 5, 25);
    margin-top: -5px;
}
.form-group-company-error.has-error,
.form-group-location-error.has-error,
.form-group-other-company-error.has-error {
    display: block;
}
.form-group-other-company-error.has-error {
    width: 100%;
    margin-bottom: 20px;
    margin-top: -20px;
}
.identifier-div-branchen {
    width: 0;
    padding: 0;
}
.branchenWrapper .form-field {
    padding-right: 0;
}
    

    .dr-form-buttons {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.dr-form-buttons .dr-btn-primary-reset {
    display: none;
}
.dr-form-buttons .dr-btn-primary-reset:disabled {
    background-color: #CCCCCC;
}
.dr-form-buttons .dr-btn-primary-submit:disabled {
    background-color: #CCCCCC;
}
.dr-form-buttons .dr-button-disabled {
    pointer-events: none;
    cursor: default;
    background-color: #CCCCCC;
}
// .dr-form-buttons-column-left {
//     margin-top: 16px;
// }
@media (min-width: 700px) {
    .dr-form-buttons {
        flex-direction: row;
    }
    .dr-form-buttons-column-right {
        margin-top: 0;
    }
}
.dr-form-button-wrapper,
.dr-form-buttons-column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.dr-form-button-wrapper-reset,
.dr-form-button-wrapper-submit {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.dr-form-buttons-column-left,
.dr-form-buttons-column-right {
    justify-content: center;
}
.dr-form-buttons-column .dr-form-button-wrapper .dr-btn-primary-submit,
.dr-form-buttons-column .dr-form-button-wrapper .dr-btn-primary-reset {
    width: 100%;
    margin-top: 16px;
}

.dr-form-buttons-column a {
    width: 100%;
}
@media (min-width: 700px) {
    .dr-form-buttons-column {
        width: 50%;
    }
    .dr-form-button-wrapper {
        width: auto;
    }
    .dr-form-buttons-column a {
        width: auto;
    }
    .dr-form-button-wrapper-reset {
        width: auto;
        justify-content: flex-start;
    }
    .dr-form-button-wrapper-submit {
        width: auto;
        justify-content: flex-end;
    }
    .dr-form-buttons-column-left {
        justify-content: flex-start;
    }

    .dr-form-buttons-column-right {
        justify-content: flex-end;
    }
    .dr-form-buttons-column .dr-form-button-wrapper .dr-btn-primary-submit,
    .dr-form-buttons-column .dr-form-button-wrapper .dr-btn-primary-reset {
        width: auto;
        margin-top: 0;
    }
}
.dr-btn-primary-submit[type='submit'],
.dr-btn-primary-submit {
    display: inline-block;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 20px 24px;
    font-size: 18px;
    line-height: 21.6px;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
    color: #ffffff;
    background-color: #144b3c;
    border-color: #144b3c;
}

.dr-btn-primary-reset[type='submit'],
.dr-btn-primary-reset {
    display: inline-block;
    margin-bottom: 20px;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    text-align: center;
    user-select: none;
    padding: 20px 24px;
    text-decoration: underline;
    font-size: 18px;
    line-height: 21.6px;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: none;
    overflow: visible;
    margin: 0;
    color: #144b3c;
    border: none;
    background-color: #ffffff;
}
.dr-btn-primary-reset:disabled {
    display: none !important;
}
@media (min-width: 700px) {
    .dr-btn-primary-reset:disabled,
    .dr-btn-primary-reset {
        margin-bottom: 0;
    }
}
    

    // .form-group-phone-error {
//     display: none;
//     font-size: 12px;
//     color: rgb(216, 5, 25);
//     margin-top: -5px;
// }
// .form-group-phone-error.has-error {
//     display: block;
// }

.error-message {
    display: block;
    font-size: 12px;
    color: rgb(216, 5, 25);
    margin-top: -5px;
}

.error-message.isVisible {
    display: none;
}

#phone-wrapper {
    position: relative;
}
.hint-message {
    position: absolute;
    top: 47px;
    right: 10px;
}
.hint-message-question {
    width: 20px;
    height: 20px;
    background-color: rgba(107, 122, 108, 0.1);
    text-align: center;
    border-radius: 50px;
    line-height: 20px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s;
}

.hint-message-question:hover ~ .hint-message-inner {
    opacity: 1;
}

.hint-message-inner {
    position: absolute;
    top: 29px;
    left: -100px;
    margin-left: 6px;
    background-color: #eff2f1;
    border-radius: 8px;
    padding: 4px;
    opacity: 0;
    font-size: 12px;
    width: 200px;
    max-width: 200px;
    transition: 0.3s;
    z-index: 1;
}

.hint-message-inner:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eff2f1;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -4px;
}
.__lpform_form-phone-num_icon {
    display: none;
}

.form-control.form-phone-num-input {
    background-image: none !important;
}
    

    // .form-group-phone-error {
//     display: none;
//     font-size: 12px;
//     color: rgb(216, 5, 25);
//     margin-top: -5px;
// }
// .form-group-phone-error.has-error {
//     display: block;
// }

.error-message {
    display: block;
    font-size: 12px;
    color: rgb(216, 5, 25);
    margin-top: -5px;
}

.error-message.isVisible {
    display: none;
}

#phone-wrapper-code {
    position: relative;
}
.hint-message {
    position: absolute;
    top: 47px;
    right: 10px;
}
.hint-message-question {
    width: 20px;
    height: 20px;
    background-color: rgba(107, 122, 108, 0.1);
    text-align: center;
    border-radius: 50px;
    line-height: 20px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s;
}

.hint-message-question:hover ~ .hint-message-inner {
    opacity: 1;
}

.hint-message-inner {
    position: absolute;
    top: 29px;
    left: -100px;
    margin-left: 6px;
    background-color: #eff2f1;
    border-radius: 8px;
    padding: 4px;
    opacity: 0;
    font-size: 12px;
    width: 200px;
    max-width: 200px;
    transition: 0.3s;
    z-index: 1;
}

.hint-message-inner:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #eff2f1;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -4px;
}
.__lpform_form-phone-num_icon {
    display: none;
}

.form-control.form-phone-num-input {
    background-image: none !important;
}
    

    .form-block.l-Flex {
    padding: 0;
    margin: 0;
}
.form-field {
    padding:0px 5px 15px 0px;
}
.form-field label {
    font-family: 'FF Kievit', sans-serif; 
    color: rgb(107, 122, 108);
}
.form-control {
    width:100%; 
    border-radius:5px; 
    border:1px solid#ccc; 
    margin-top:7px;
}
.form-control:focus, .form-control:hover {
    width:100%; 
    border-radius:5px; 
    border:1px solid#ccc; 
    margin-top:7px;
}
    

    .form-block.l-Flex {
    padding: 0;
    margin: 0;
}
.form-field {
    padding:0px 5px 15px 0px;
}
.form-field label {
    font-family: 'FF Kievit', sans-serif; 
    color: rgb(107, 122, 108);
}
.form-control {
    width:100%; 
    border-radius:5px; 
    border:1px solid#ccc; 
    margin-top:7px;
}
.form-control:focus, .form-control:hover {
    width:100%; 
    border-radius:5px; 
    border:1px solid#ccc; 
    margin-top:7px;
}    

        

    .form-block.l-Flex {
    padding: 0;
    margin: 0;
}
.form-field {
    padding:0px 5px 15px 0px;
}
.form-field label {
    font-family: 'FF Kievit', sans-serif; 
    color: rgb(107, 122, 108);
}
.form-control {
    width:100%; 
    border-radius:5px; 
    border:1px solid#ccc; 
    margin-top:7px;
}
.form-control:focus, .form-control:hover {
    width:100%; 
    border-radius:5px; 
    border:1px solid#ccc; 
    margin-top:7px;
}
    

    
input[type='radio'] {
    float: left;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    position: absolute;
    visibility: hidden;
    z-index: 0;
}
.dr-form-radio-wrapper {
    position: relative;
}
// .dr-form-radio:required ~ .dr-form-radio-label:after {
//     content: ' *';
//     display: inline;
// }
.dr-form-radio-wrapper--error
    .dr-form-radio:required
    ~ .dr-form-radio-label:after,
.dr-form-radio-wrapper--error .dr-form-group-label {
    color: #c70517;
}
.dr-form-radio-wrapper--error .dr-form-radio:required ~ .dr-form-radio-label {
    color: #c70517;
}
.dr-form-radio-wrapper--error
    .dr-form-radio:required
    ~ .dr-form-radio-label:before {
    border-color: #c70517;
}
.dr-form-radio-label {
    padding-left: 40px;
    line-height: 28px;
    color: #144b3c;
}
.dr-form-radio-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 28px;
    height: 28px;
    border: #92a59e solid 2px;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
}
.dr-form-radio:hover ~ .dr-form-radio-label:before {
    border-color: #144b3c;
}

.dr-form-radio:focus ~ .dr-form-radio-label:before {
    border-color: #144b3c;
}

.dr-form-radio:disabled ~ .dr-form-radio-label:before {
    border-color: #cccccc;
    background-color: #f5f5f5;
}

.dr-form-radio:checked ~ .dr-form-radio-label:before {
    border-width: 8px;
    border-color: #144b3c;
}
.dr-tooltip-wrapper-radio {
    align-items: flex-start;
}


//stylings for radio tooltip

// .dr-tooltip-wrapper-radio{
//     width: 100% !important;
// }

// .dr-tooltip-wrapper-radio img,
// .dr-tooltip-wrapper-radio img {
//     width: 25px !important;
//     height: 25px !important;

// }

// .dr-tooltip-visible {
//     visibility: visible;
//   }
.tooltip-text-radio a{
  color: white;
  text-decoration: underline;
}
.dr-tooltip-wrapper-radio .dr-label-radio {
    width: unset; /* Remove width so that info tooltip comes right after label*/
  }

.dr-tooltip-visible .dr-tooltip-radio, .dr-tooltip-visible-container .dr-tooltip-radiocontainer {
    visibility: visible;
  }

.dr-tooltip-radio, .dr-tooltip-radiocontainer{
    visibility: hidden;
  }


.dr-tooltip-radio, .dr-tooltip-radiocontainer {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  .dr-tooltip-radio .dr-tooltip-icon, .dr-tooltip-radiocontainer .dr-tooltip-icon{
    width: 24px;
    height: 25px;
  }
  .dr-tooltip-radio .tooltip-text-radio, .dr-tooltip-radiocontainer .tooltip-text-radio{
    visibility: hidden;
    width: 400px;
    max-width: 400px; 
    overflow-y: auto;
    max-height: 200px;
    background-color: #144b3c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: calc(100% + 11px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s;
  }

 .dr-arrowtip{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -12px;
    width: 30px;
    height: 12px;
    // border-width: 11px;
    // border-style: solid;
    // border-color: #144b3c transparent transparent transparent;
    z-index: 2; /* Ensure arrow is above other content */
    opacity: 0; /* Initially hide the arrow */
    transition: all 0.2s;
}

.dr-tooltip-radio:hover .dr-arrowtip,.dr-tooltip-radiocontainer:hover .dr-arrowtip {
    opacity: 1; /* Show arrow when tooltip is hovered */
    transition: all 0.2s;
}

  .dr-tooltip-radio:hover .tooltip-text-radio,
  .dr-tooltip-radio .tooltip-text-radio.keep-open,
  .dr-tooltip-radiocontainer:hover .tooltip-text-radio,
  .dr-tooltip-radiocontainer .tooltip-text-radio.keep-open {
    visibility: visible;
    text-align: left;
    opacity: 1;
    transition: opacity 0.2s;
  }

  //direction of radio buttons
  .dr-radio-row .radiobutton-container .dr-whitelabel-wrapper{
    flex-direction: row;
  }

    .dr-radio-column .radiobutton-container .dr-whitelabel-wrapper{
    flex-direction: column;
  }

.dr-tooltip-radio:hover .tooltip-text-radio,
.dr-tooltip-radio .tooltip-text-radio.keep-open,
.dr-tooltip-radiocontainer:hover .tooltip-text-radio,
.dr-tooltip-radiocontainer .tooltip-text-radio.keep-open {
    visibility: visible;
    text-align: left;
    opacity: 1;
    transition: opacity 0.2s, top 0.2s; /* Include top in the transition */
}
/* 
  @media only screen and (max-height: 600px) {
    .dr-tooltip-radio .tooltip-text-radio {
        top: calc(100% + 11px);
        transform: translateX(-50%);
    }
} */

  @media only screen and (max-width: 700px) {
    .dr-tooltip-radio .dr-tooltip-icon,.dr-tooltip-radiocontainer .dr-tooltip-icon {
      margin-top: -2px;
    }
    .dr-tooltip-radio .tooltip-text-radio, .dr-tooltip-radiocontainer .tooltip-text-radio {    
        width: 190px; /* Adjust width for smaller screens */
        transform: translate(-70%);
        right: 0;
        margin-right: -3px;
    }
    .dr-tooltip-radio .tooltip-text-radio::after, .dr-tooltip-radiocontainer .tooltip-text-radio::after {
        right: 0;
        left: auto;
        margin-top: -9px;
    }
    .dr-tooltip-wrapper-radio {
        align-items: flex-start;
    }
//rule so that whitelabel radio always column on mobile
    .dr-whitelabel-wrapper{
      flex-direction: column;
    }
    // .dr-tooltip-radio {
    //     position: static;
    // }
    // .dr-tooltip-wrapper-radio {
    //     position: relative;
    // }
  }
    

    .card-field {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.card-number {
    display: flex;
    min-width: 200px;
}

.form-card {
    margin-bottom: 0px;
}
.form-group.required .form-card:after {
    content: ' *';
    display: inline;
}
    

    .card-field {
   display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.card-number {
    display: flex;
    min-width: 200px;
}

.form-card {
    margin-bottom: 0px;
}    

    .dr-nps-form-numeric-output .dr-nps-form-radio-group {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
}
@media (min-width: 700px) {
    .dr-nps-form-numeric-output .dr-nps-form-radio-group {
        justify-content: flex-start;
    }
}
.dr-nps-form-numeric-output
    .dr-nps-form-radio-item
    input[type='radio']:checked
    + label,
.dr-nps-form-numeric-output
    .dr-nps-form-radio-item
    input[type='radio']:focus
    + label,
.dr-nps-form-numeric-output
    .dr-nps-form-radio-item
    input[type='radio']:hover
    + label,
.dr-nps-form-numeric-output
    .dr-nps-form-radio-item
    input[type='radio']
    + label:hover {
    background-color: #666666;
    color: #ffffff;
}

.dr-nps-form-numeric-output .dr-nps-form-radio-item {
    flex-grow: 1;
    margin-bottom: 4px;
    width: 16%;
}
@media (min-width: 700px) {
    .dr-nps-form-numeric-output .dr-nps-form-radio-item {
        flex-flow: nowrap;
        margin-bottom: 0;
        width: auto;
    }
}
form input[type='checkbox']:checked,
form input[type='checkbox']:not(checked),
.dr-nps-form-radio-group input[type='radio']:checked,
.dr-nps-form-radio-group input[type='radio']:not(checked) {
    float: left;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    position: absolute;
    visibility: hidden;
    z-index: 0;
}

.dr-nps-form-numeric-output .dr-nps-form-radio-item {
    padding: 0 4px;
}

.dr-nps-form-numeric-output .dr-nps-form-radio-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 46px;
    margin: 0;
    box-sizing: border-box;
    color: #144b3c;
    background-color: #eff2f1;
    border-radius: 8px;
    min-width: 40px;
}
.dr-nps-form-numeric-output
    .dr-nps-form-radio-item
    input[type='radio']:hover
    + label {
    color: #144b3c;
    background-color: #dce4e2;
}

.dr-nps-form-numeric-output
    .dr-nps-form-radio-item
    input[type='radio']:checked
    + label {
    color: #ffffff;
    background-color: #144b3c;
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
    cursor: pointer;
}

.dr-nps-form-numeric-output .dr-nps-form-radio-range-description {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    font-size: 15px;
    padding-top: 5px;
}

.dr-nps-form-numeric-output
    .dr-nps-form-radio-range-description
    .very-possible {
    text-align: right;
}

.dr-nps-form-numeric-output .dr-nps-form-radio-range-description label {
    flex-grow: 1;
    margin-bottom: 0;
    font-family: 'DR Kievit', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #144b3c;
}

@media (min-width: 1440px) {
    .dr-nps-form-numeric-output .dr-nps-form-radio-group {
        flex-flow: nowrap;
    }
}
    

    .columns-online-formular {
    width: 100%;
}
.online-formular-input-data {
    visibility: hidden;
}
.online-formular-title.formular-required:after {
    content: '*';
}
.bsi-ce-edit-mode .online-formular-input-data {
    visibility: visible;
}
.online-formular-radiobuttons-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.online-formular-radiobuttons-wrapper .required-field-date,
.online-formular-select-wrapper .required-field-time {
    display: none;
    font-size: 12px;
    color: rgb(216, 5, 25);
    margin-top: -5px;
}
.online-formular-radiobuttons-wrapper
    .required-field-date.required-field-has-error,
.online-formular-select-wrapper .required-field-time.required-field-has-error {
    display: block;
}
.online-formular-radiobuttons-wrapper .online-formular-single-radiobutton {
    position: relative;
    width: 25%;
    padding-right: 7px;
}
.online-formular-radiobuttons-wrapper label {
    width: 100%;
    color: #144b3c;
    background-color: #c4cac5;
    border-radius: 5px;
    font-family: 'FF Kievit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    padding: 20px 0;
    text-align: left;
    text-decoration: none;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.online-formular-radiobuttons-wrapper input {
    position: absolute;
    opacity: 0;
}

.online-formular-radiobuttons-wrapper input:checked ~ label {
    background-color: #144b3c;
    color: #c4cac5;
}
.online-formular-radiobuttons-wrapper
    .online-formular-single-radiobutton
    input:required
    ~ label:after {
    content: '' !important;
    color: transparent;
    display: none;
}
.online-formular-radiobuttons-wrapper label p {
    margin-bottom: 0;
}

.online-formular-select-wrapper {
    margin-bottom: 20px;
}
.online-formular-select-wrapper select {
    display: none;
    margin-bottom: 8px;
}

.online-formular-select-wrapper select.visible {
    display: block;
}
.online-formular-select-wrapper select.required-field-has-error {
    border-color: rgb(216, 5, 25);
}

.online-formular-chosen-date-time {
    margin-block: 20px;
}
    

    .dr-choicechips-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.form-choicechips-container-columns-one .dr-choicechip-single {
    width: 100%;
}
.form-choicechips-container-columns-two .dr-choicechip-single {
    width: 100%;
}
@media only screen and (min-width: 700px) {
    .form-choicechips-container-columns-two .dr-choicechip-single {
        width: 50%;
    }
}
.form-choicechips-container-columns-three .dr-choicechip-single {
    width: 100%;
}
@media only screen and (min-width: 700px) {
    .form-choicechips-container-columns-three .dr-choicechip-single {
        width: 33.33%;
    }
}
.form-choicechips-container-columns-four .dr-choicechip-single {
    width: 50%;
}
@media only screen and (min-width: 700px) {
    .form-choicechips-container-columns-four .dr-choicechip-single {
        width: 25%;
    }
}
.form-choicechips-container-columns-five .dr-choicechip-single {
    width: 100%;
}
@media only screen and (min-width: 700px) {
    .form-choicechips-container-columns-five .dr-choicechip-single {
        width: 50%;
    }
}
@media only screen and (min-width: 1440px) {
    .form-choicechips-container-columns-five .dr-choicechip-single {
        width: 20%;
    }
}
.form-choicechips-container-columns-six .dr-choicechip-single {
    width: 100%;
}
@media only screen and (min-width: 700px) {
    .form-choicechips-container-columns-six .dr-choicechip-single {
        width: 50%;
    }
}
@media only screen and (min-width: 1440px) {
    .form-choicechips-container-columns-six .dr-choicechip-single {
        width: 16.66%;
    }
}
.form-choicechips-container-columns-seven .dr-choicechip-single {
    width: 100%;
}
@media only screen and (min-width: 700px) {
    .form-choicechips-container-columns-seven .dr-choicechip-single {
        width: 50%;
    }
}
@media only screen and (min-width: 1440px) {
    .form-choicechips-container-columns-seven .dr-choicechip-single {
        width: 14.28%;
    }
}
.dr-choicechip-single {
    margin-bottom: 8px;
    padding-right: 8px;
}
.dr-choicechip-label {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 20px 24px;
    background-color: #eff2f1;
    color: #144b3c;
    margin-bottom: 0;
    border-radius: 8px;
    transition: 0.2s ease-in-out;
}
.dr-choicechip-label-new {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 11px 1px;
    line-height: 14px;
    background-color: #eff2f1;
    border: 2px solid #eff2f1;
    color: #144b3c;
    margin-bottom: 0;
    border-radius: 8px;
    transition: 0.2s ease-in-out;
}
.dr-form-choicechips.otv-day-active:hover ~ .dr-choicechip-label-new {
    background-color: rgba(239, 242, 241, 1);
    border: 2px solid rgba(196, 210, 206, 1);
}
.dr-form-choicechips.otv-day-disabled ~ .dr-choicechip-label-new {
    background-color: rgba(239, 242, 241, 1);
    border: 2px solid rgba(239, 242, 241, 1);
    color: rgba(153, 153, 153, 1);
}
.dr-form-choicechips.otv-day-disabled:hover~.dr-choicechip-label-new {
    background-color: rgba(239, 242, 241, 1);
    color: rgba(153, 153, 153, 1);
}

.dr-form-choicechips:focus ~ .dr-choicechip-label {
    background-color: #dce4e2;
    border: 2px solid rgba(196, 210, 206, 1);
}

.dr-form-choicechips:checked ~ .dr-choicechip-label {
    background-color: #144b3c;
    color: #ffffff;
}
.dr-form-choicechips.otv-day-active:checked~.dr-choicechip-label-new {
    background-color: #144b3c;
    color: #ffffff;
    border: 2px solid #144b3c;
}
.dr-form-choicechips:disabled ~ .dr-choicechip-label {
    background-color: #f5f5f5;
}
    

    .dr-checkbox-otv-label {
    color: #144b3c;
    font-size: 18px;
    font-weight: 500;
}
.otv-month-year-wrapper {
    padding: 5px 0 25px;
    display: flex;
    justify-content: space-between;
}
.otv-month-year-inner-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.calender-arrows-wrapper {
    display: flex;
    justify-content: space-between;
}
.calender-arrows-wrapper.dr-d-none {
    display: none;
}
.calender-month-arrow {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.calender-month-arrow.disabled-arrow-button {
    cursor: auto;
}
.calender-month-arrow.disabled-arrow-button img {
    filter: invert(80%) sepia(0%) saturate(10%) hue-rotate(1deg) brightness(100%) contrast(112%);
}
.calender-prev-month img,
.calender-next-month img {
    width: 18px;
    height: auto;
}
.otv-month {
    margin-right: 24px;
    color: #144b3c;
    font-size: 18px;
    font-weight: 400;
}
.otv-year {
    color: #144b3c;
    font-size: 18px;
    font-weight: 400;
}
.otv-choicechips-weekdays-new {
padding: 16px 0 8px;
}
.otv-choicechips-timeslots-new .dr-choicechip-label {
    justify-content: center;
    padding: 10px 14px;
}
.dr-checkbox-container-error .dr-checkbox-otv-label {
    color: #c70517;
}
.form-otv-timeslots-wrapper.dr-d-none {
    display: none;
}
.otv-form-choicechips-container-columns-seven .dr-choicechip-single {
    width: 14.28%;
}
.otv-form-choicechips-container-columns-three .dr-choicechip-single {
    width: 33.33%;
}

.tab {
    width: 50%;
    cursor: pointer;
    text-align: center;
    color: #144b3c;
        font-size: 18px;
        font-weight: 400;
    padding: 12px 16px 12px 16px;
    border-bottom: 2px solid rgba(239, 242, 241, 1);
}
.otv-timeslot-amount {
    color: rgba(133, 152, 134, 1);
    font-size: 14px;
}
.timeslots-wrapper {
    width: 100%;
    overflow: hidden;
}

.otv-choicechips-timeslots-new {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
// #one:checked~.timeslots-wrapper #otv-choicechips-timeslots-morning-new,
// #two:checked~.timeslots-wrapper #otv-choicechips-timeslots-afternoon-new{
//     display: flex
// }
.timeslots-tab-active-morning #otv-choicechips-timeslots-morning-new {
    display: flex
}
.timeslots-tab-active-afternoon #otv-choicechips-timeslots-afternoon-new {
    display: flex
}
.otv-timeslots-tabs {
    display: flex;
    margin-bottom: 24px;
}
.timeslots-tab-active {
    border-bottom: 2px solid rgba(20, 75, 60, 1);
}
.otv-block-left {
    padding-right: 30px;
}

.otv-block-right {
    padding-left: 30px;
}

@media (max-width: 700px) {
    .dr-choice-chips-narrow-on-laptop.form-choicechips-container-columns-five
        .dr-choicechip-single {
        width: 33.33%;
    }
    .dr-choice-chips-narrow-on-laptop.form-choicechips-container-columns-five
        .dr-choicechip-single
        .dr-choicechip-label {
        padding: 18px 12px;
    }
}

@media (max-width: 1440px) {
    .dr-choice-chips-narrow-on-laptop.form-choicechips-container-columns-five
        .dr-choicechip-single {
        width: 33.33%;
    }
    .otv-block-left {
        padding-right: 0px;
    }
    .otv-block-right {
        padding-left: 0px;
    }
}

.otv-choicechips-weekdays-new .dr-choicechip-single {
    color: rgba(153, 153, 153, 1);
    text-align: center;
    justify-content: space-around;
}    

    .dr-form-email-label-required {
    display: inline-block;
    &:after {
        content: " *";
    }
}    



    .gtm-editor {
    display: none;
}
.bsi-ce-edit-mode .gtm-editor {
    border: 2px solid #c70517 !important;
    padding: 10px;
    position: relative;
    display: block;
}
.bsi-ce-edit-mode .gtm-editor:before {
    content: 'This is a GTM component. This block will not be visible on the page';
    color: #c70517;
    font-size: 18px;
    font-weight: bold;
}
    

    .gtm-editor-conversion {
    display: none;
}
.bsi-ce-edit-mode .gtm-editor-conversion {
    border: 2px solid #c70517 !important;
    padding: 10px;
    position: relative;
    display: block;
}
.bsi-ce-edit-mode .gtm-editor-conversion:before {
    content: 'These are Datalayer values for GTM component. This block will not be visible on the page. Please put it above the GTM component';
    color: #c70517;
    font-size: 18px;
    font-weight: bold;
}
    

    //CSS for autocomplete dropdown => Moneyhouse API
.formzone .form-content div .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    border: 2px solid red;
}
// #companyName {
//   padding: 10px;
//   font-size: 16px;
// }
// #companyName[type=text] {
//   width: 100%;
// }
// #companyName[type=submit] {
//   color: #fff;
// }
.dr-form-button-wrapper-submit {
    position: relative;
}
.dr-form-button-wrapper-submit .dr-loader {
    display: none;
        position: absolute;
    left: -40px;
    top: 15px;
    width: 30px;
    height: 30px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.dr-form-button-wrapper-submit.dr-button-loading .dr-loader {
    display: block;
}

@media (max-width: 700px) {
    .dr-form-button-wrapper-submit.dr-button-loading .dr-loader {
        display: none;
    }
}

.dr-form-button-wrapper-submit .dr-loader img {
    width: 30px;
    height: 30px;
}
.autocomplete-items {
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}
//-----------------------------------------------------------------------------

/* Imported Styles for custom Select Dropdowns */

.Select {
    color: rgba(var(--c-green-light-rgb), 1);
}
.formzone {
    width: 40%;
    margin: auto;
    margin-top: 20px;
}
.formzone.container {
    padding: 0;
}

@media (max-width: 768px) {
    .formzone {
        width: 80%;
    }
}
@media (max-width: 420px) {
    .formzone {
        width: 100%;
    }
}
.custom-select.custom-select-for-bsi {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.2rem + 4px);
    padding: 0.6rem 1.8rem 0.6rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #144b3c;
    vertical-align: middle;
    background: #ffffff
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3e%3cpath d='M9 5L5 1L1 5' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 13L5 17L1 13' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
        right 0.8rem center/8px 10px no-repeat;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select.custom-select-for-bsi:not(:focus):hover {
    border-color: rgba(20, 75, 60, 0.5);
}

/* Required Form Fields Star */

.container input:not([type='checkbox']):required ~ label::after,
.container select:required ~ label::after,
.container textarea:required ~ label::after,
.file-box input:required ~ #title-label::after {
    content: '*' !important;
    color: #9f9d9d;
    padding-left: 5px;
}

.container
    .rating.rating-with-stars-container
    input:not([type='checkbox']):required
    ~ label::after {
    content: '' !important;
}
.reverse-for-required {
    display: flex;
    flex-direction: column-reverse;
}

.reverse-for-required > label {
    margin-bottom: 3px;
}

/* Make all form elements equally high */

.form-group input,
.form-group textarea {
    height: calc(2.7rem + 4px);
}
/* Imported Styles for custom Select Dropdowns */

.Select {
    color: rgba(var(--c-green-light-rgb), 1);
}
.formzone {
    width: 40%;
    margin: auto;
    margin-top: 20px;
}
.formzone.container {
    padding: 0;
}

@media (max-width: 768px) {
    .formzone {
        width: 80%;
    }
}
@media (max-width: 420px) {
    .formzone {
        width: 100%;
    }
}
.custom-select.custom-select-for-bsi {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.2rem + 4px);
    padding: 0.6rem 1.8rem 0.6rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #144b3c;
    vertical-align: middle;
    background: #ffffff
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3e%3cpath d='M9 5L5 1L1 5' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 13L5 17L1 13' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
        right 0.8rem center/8px 10px no-repeat;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select.custom-select-for-bsi:not(:focus):hover {
    border-color: rgba(20, 75, 60, 0.5);
}

//container checkbox label *

.form-group-phone-error

/* Required Form Fields Star */

.container input:not([type="checkbox"]):required ~ label::after,
.container select:required ~ label::after,
.container textarea:required ~ label::after,
.file-box input:required ~ #title-label::after {
    content: '*' !important;
    color: #9f9d9d;
    padding-left: 5px;
}

.container
    .rating.rating-with-stars-container
    input:not([type='checkbox']):required
    ~ label::after {
    content: '' !important;
}
.reverse-for-required {
    display: flex;
    flex-direction: column-reverse;
}

.reverse-for-required > label {
    margin-bottom: 3px;
}

/* Make all form elements equally high */

.form-group input,
.form-group textarea {
    height: calc(2.7rem + 4px);
}

.form-validation-item {
    color: #d80519;
    font-size: 12px;
    padding: 15px;
}



//honeypot
// .honeypot {
//     opacity: 0;
//     position: absolute;
//     visibility: hidden;
//     clip: rect(0 0 0 0);
//     top: 0;
//     left: 0;
//     height: 0;
//     width: 0;
//     z-index: -1;
// }

// .honeypot-checkbox {
//     visibility: hidden;
//     clip: rect(0 0 0 0);
//     opacity: 0;
//     position: absolute;
//     top: 0;
//     left: 0;
//     height: 0;
//     width: 0;
//     z-index: -1;
// }
    

    // #dr-bottomzone{
//     margin:auto;
//     padding:35px 15px
// }

// .dr-select-wrapper{
// background-color: transparent;
// }

// #dr-select{
// background-image: url("/resources/img/arrow-down.svg");
// border:0px;
// outline:0px;
// font-size: 18px;
// background-color: transparent;
// color: white;
// -moz-appearance:none; /* Firefox */
// -webkit-appearance:none; /* Safari and Chrome */
// appearance:none;
// background-repeat: no-repeat;
//   background-position-x: 100%;
//   background-position-y: 5px;
// }

// option{
//     background-color: #144B3C;
//     border: none;
// }

// select option:hover,
// select option:checked
// {
//     background-color: #92A59E;
// }
    

    //CSS for autocomplete dropdown => Moneyhouse API
.formzone .form-content div .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    border: 2px solid red;
}
// #companyName {
//   padding: 10px;
//   font-size: 16px;
// }
// #companyName[type=text] {
//   width: 100%;
// }
// #companyName[type=submit] {
//   color: #fff;
// }
.autocomplete-items {
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
    border: 1px solid #d4d4d4;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}
//-----------------------------------------------------------------------------

/* Imported Styles for custom Select Dropdowns */

.Select {
    color: rgba(var(--c-green-light-rgb), 1);
}
.formzone {
    width: 40%;
    margin: auto;
    margin-top: 20px;
}
.formzone.container {
    padding: 0;
}

@media (max-width: 768px) {
    .formzone {
        width: 80%;
    }
}
@media (max-width: 420px) {
    .formzone {
        width: 100%;
    }
}
.custom-select.custom-select-for-bsi {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.2rem + 4px);
    padding: 0.6rem 1.8rem 0.6rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #144b3c;
    vertical-align: middle;
    background: #ffffff
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3e%3cpath d='M9 5L5 1L1 5' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 13L5 17L1 13' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
        right 0.8rem center/8px 10px no-repeat;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select.custom-select-for-bsi:not(:focus):hover {
    border-color: rgba(20, 75, 60, 0.5);
}

/* Required Form Fields Star */

.container input:not([type='checkbox']):required ~ label::after,
.container select:required ~ label::after,
.container textarea:required ~ label::after,
.file-box input:required ~ #title-label::after {
    content: '*' !important;
    color: #9f9d9d;
    padding-left: 5px;
}

.container
    .rating.rating-with-stars-container
    input:not([type='checkbox']):required
    ~ label::after {
    content: '' !important;
}
.reverse-for-required {
    display: flex;
    flex-direction: column-reverse;
}

.reverse-for-required > label {
    margin-bottom: 3px;
}

/* Make all form elements equally high */

.form-group input,
.form-group textarea {
    height: calc(2.7rem + 4px);
}
/* Imported Styles for custom Select Dropdowns */

.Select {
    color: rgba(var(--c-green-light-rgb), 1);
}
.formzone {
    width: 40%;
    margin: auto;
    margin-top: 20px;
}
.formzone.container {
    padding: 0;
}

@media (max-width: 768px) {
    .formzone {
        width: 80%;
    }
}
@media (max-width: 420px) {
    .formzone {
        width: 100%;
    }
}
.custom-select.custom-select-for-bsi {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 1.2rem + 4px);
    padding: 0.6rem 1.8rem 0.6rem 0.8rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #144b3c;
    vertical-align: middle;
    background: #ffffff
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3e%3cpath d='M9 5L5 1L1 5' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 13L5 17L1 13' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
        right 0.8rem center/8px 10px no-repeat;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select.custom-select-for-bsi:not(:focus):hover {
    border-color: rgba(20, 75, 60, 0.5);
}

//container checkbox label *

.form-group-phone-error

/* Required Form Fields Star */

.container input:not([type="checkbox"]):required ~ label::after,
.container select:required ~ label::after,
.container textarea:required ~ label::after,
.file-box input:required ~ #title-label::after {
    content: '*' !important;
    color: #9f9d9d;
    padding-left: 5px;
}

.container
    .rating.rating-with-stars-container
    input:not([type='checkbox']):required
    ~ label::after {
    content: '' !important;
}
.reverse-for-required {
    display: flex;
    flex-direction: column-reverse;
}

.reverse-for-required > label {
    margin-bottom: 3px;
}

/* Make all form elements equally high */

.form-group input,
.form-group textarea {
    height: calc(2.7rem + 4px);
}

.form-validation-item {
    color: #d80519;
    font-size: 12px;
    padding: 15px;
}
    

    // .dr-radiobutton-container-wrapper .checkbox-label:after {
// content: "*";
// color: rgba(var(--c-green-light-rgb), 1);
// padding-left: 5px;
// }
.dr-checkbox-container-label {
    color: #666666;
}
.dr-checkbox-container-label:after {
    content: '*';
    color: #666666;
    padding-left: 5px;
}
.dr-checkbox-container-error .dr-checkbox-container-label {
    color: #c70517;
}

.dr-radiobutton-set-container .dr-form-radiobutton #checkbox-single-container{
    flex-wrap: nowrap !important;
}

/* highlight required radiobutton sets with required star */
 .required-radiobutton-field::after {
     content: '*';
    color: rgba(var(--c-green-light-rgb), 1);
    padding-left: 5px;
}
// /* disable default radiobutton display */

// input[type='checkbox'] {
//     display: none;
// }

// /* disable each checkbox to have asterisk on label */

// .radiobutton-set-container
//     input:required
//     ~ .custom-control-label-checkbox-required:after {
//     content: '' !important;
//     display: none;
// }

// /* correctly align content */

// .custom-radiobutton-container {
//     display: flex;
//     flex-direction: row-reverse;
//     justify-content: flex-end;
//     align-items: center;
// }

// /* accomodate spacing for custom radiobutton in label */

// .custom-radiobutton-container label {
//     padding-left: 30px;
//     /* In BSI, the label cannot wrap around the input element,
// as it is traditionally done when using custom radiobutton for optimal
// UX + styling. Hence, we have to position the radiobutton label
// above the .custom-radiobutton-frame; otherwise the radiobutton would
// not be directly clickable */
//     /* to assure that checkbox is always clickable (place label above) */
//     z-index: 2;
//     margin-left: -15px;
// }

// .custom-radiobutton-container label:hover {
//     cursor: pointer;
// }

/* create custom radiobutton frame */

// .custom-radiobutton-container .custom-radiobutton-frame {
//     background-color: white;
//     width: 15px;
//     height: 15px;
//     border: 1px solid black;
//     display: flex;
//     justify-content: center;
//     /* assure that radiobutton is clickable (place below label) */
//     z-index: 1;
// }

// .custom-radiobutton-container label:hover ~ .custom-radiobutton-frame {
//     background-color: #eee;
// }

// /* create custom radiobutton checked symbol */

// .custom-radiobutton-frame::after {
//     content: '';
//     width: 5px;
//     height: 10px;
//     transform: rotate(45deg);
//     border-bottom: 2px solid black;
//     border-right: 2px solid black;
//     display: none;
//     /* to assure that radiobutton is clickable (place below label) also when checked */
//     z-index: 1;
// }

// .custom-radiobutton-container input:checked ~ .custom-radiobutton-frame::after {
//     display: block;
// }

// .radiobutton-container-wrapper {
//     margin: 10px 0;
// }

// .radiobutton-container-wrapper > div > label {
//     margin-bottom: 10px;
// }

// .ra

// /* Imported Styles for custom Select Dropdowns */

// .Select {
//     color: rgba(var(--c-green-light-rgb), 1);
// }

// .checkbox-wrapper {
//     display: flex;
//     flex-direction: column;
// }

// .formzone {
//     width: 40%;
//     margin: auto;
//     margin-top: 20px;
// }
// .formzone.container {
//     padding: 0;
// }

// @media (max-width: 768px) {
//     .formzone {
//         width: 80%;
//     }
// }
// @media (max-width: 420px) {
//     .formzone {
//         width: 100%;
//     }
// }
// .custom-select.custom-select-for-bsi {
//     cursor: pointer;
//     transition: background-color 0.15s ease-in-out,
//         border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
//     display: inline-block;
//     width: 100%;
//     height: calc(1.5em + 1.2rem + 4px);
//     padding: 0.6rem 1.8rem 0.6rem 0.8rem;
//     font-size: 1rem;
//     font-weight: 400;
//     line-height: 1.5;
//     color: #144b3c;
//     vertical-align: middle;
//     background: #ffffff
//         url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3e%3cpath d='M9 5L5 1L1 5' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 13L5 17L1 13' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
//         right 0.8rem center/8px 10px no-repeat;
//     border: 1px solid rgb(204, 204, 204);
//     border-radius: 6px;
//     -webkit-appearance: none;
//     -moz-appearance: none;
//     appearance: none;
// }

// .custom-select.custom-select-for-bsi:not(:focus):hover {
//     border-color: rgba(20, 75, 60, 0.5);
// }

/* Required Form Fields Star */

// .container input:not([type='checkbox']):required ~ label::after,
// .container select:required ~ label::after,
// .container textarea:required ~ label::after,
// .file-box
//     input:required
//     ~ #title-label::after
//     .dynamicWrapper
//     #dynamicCompanyLabel::after {
//     content: '*' !important;
//     color: #9f9d9d;
//     padding-left: 5px;
// }

// .container
//     .rating.rating-with-stars-container
//     input:not([type='checkbox']):required
//     ~ label::after,
// .nps-form
//     .form-field-container.nps-form-radio-group-container
//     input:not([type='checkbox']):required
//     ~ label::after {
//     content: '' !important;
// }
// .reverse-for-required {
//     display: flex;
//     flex-direction: column-reverse;
// }

// .reverse-for-required > label {
//     margin-bottom: 3px;
// }

/* Make all form elements equally high */

// .form-group input,
// .form-group textarea {
//     height: calc(2.7rem + 4px);
// }

// .checkbox-error-message {
//     display: none;
//     font-size: 12px;
//     color: rgb(216, 5, 25);
//     margin-top: -5px;
// }

// .checkbox-error-message.hasError {
//     display: block;
// }
    

    // .dr-radiobutton-container-wrapper .checkbox-label:after {
// content: "*";
// color: rgba(var(--c-green-light-rgb), 1);
// padding-left: 5px;
// }
.dr-label-tooltip-wrapper{
    flex-wrap: nowrap !important;
}

.dr-label-tooltip-wrapper > label{
    width: unset !important;
}

.dr-label-tooltip-wrapper .dr-radiobutton-container-label span{
    margin-left: 5px;
}
.radio-margin{
    margin-bottom: -20px;
}
.error-asterisk {
    color: #c70517 !important; /* Red color for the asterisk */
}
.dr-radiobutton-container-label {
    color: #666666;
}

.dr-radiobutton-container-error .dr-radiobutton-container-label {
    color: #c70517;
}

.dr-radiobutton-set-container .dr-form-radiobutton #radiobutton-single-container{
    flex-wrap: nowrap !important;
}



// /* disable default radiobutton display */

// input[type='checkbox'] {
//     display: none;
// }

// /* disable each checkbox to have asterisk on label */

// .radiobutton-set-container
//     input:required
//     ~ .custom-control-label-checkbox-required:after {
//     content: '' !important;
//     display: none;
// }

// /* correctly align content */

// .custom-radiobutton-container {
//     display: flex;
//     flex-direction: row-reverse;
//     justify-content: flex-end;
//     align-items: center;
// }

// /* accomodate spacing for custom radiobutton in label */

// .custom-radiobutton-container label {
//     padding-left: 30px;
//     /* In BSI, the label cannot wrap around the input element,
// as it is traditionally done when using custom radiobutton for optimal
// UX + styling. Hence, we have to position the radiobutton label
// above the .custom-radiobutton-frame; otherwise the radiobutton would
// not be directly clickable */
//     /* to assure that checkbox is always clickable (place label above) */
//     z-index: 2;
//     margin-left: -15px;
// }

// .custom-radiobutton-container label:hover {
//     cursor: pointer;
// }

/* create custom radiobutton frame */

// .custom-radiobutton-container .custom-radiobutton-frame {
//     background-color: white;
//     width: 15px;
//     height: 15px;
//     border: 1px solid black;
//     display: flex;
//     justify-content: center;
//     /* assure that radiobutton is clickable (place below label) */
//     z-index: 1;
// }

// .custom-radiobutton-container label:hover ~ .custom-radiobutton-frame {
//     background-color: #eee;
// }

// /* create custom radiobutton checked symbol */

// .custom-radiobutton-frame::after {
//     content: '';
//     width: 5px;
//     height: 10px;
//     transform: rotate(45deg);
//     border-bottom: 2px solid black;
//     border-right: 2px solid black;
//     display: none;
//     /* to assure that radiobutton is clickable (place below label) also when checked */
//     z-index: 1;
// }

// .custom-radiobutton-container input:checked ~ .custom-radiobutton-frame::after {
//     display: block;
// }

// .radiobutton-container-wrapper {
//     margin: 10px 0;
// }

// .radiobutton-container-wrapper > div > label {
//     margin-bottom: 10px;
// }

// .ra

// /* Imported Styles for custom Select Dropdowns */

// .Select {
//     color: rgba(var(--c-green-light-rgb), 1);
// }

// .checkbox-wrapper {
//     display: flex;
//     flex-direction: column;
// }

// .formzone {
//     width: 40%;
//     margin: auto;
//     margin-top: 20px;
// }
// .formzone.container {
//     padding: 0;
// }

// @media (max-width: 768px) {
//     .formzone {
//         width: 80%;
//     }
// }
// @media (max-width: 420px) {
//     .formzone {
//         width: 100%;
//     }
// }
// .custom-select.custom-select-for-bsi {
//     cursor: pointer;
//     transition: background-color 0.15s ease-in-out,
//         border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
//     display: inline-block;
//     width: 100%;
//     height: calc(1.5em + 1.2rem + 4px);
//     padding: 0.6rem 1.8rem 0.6rem 0.8rem;
//     font-size: 1rem;
//     font-weight: 400;
//     line-height: 1.5;
//     color: #144b3c;
//     vertical-align: middle;
//     background: #ffffff
//         url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18'%3e%3cpath d='M9 5L5 1L1 5' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 13L5 17L1 13' fill='none' stroke='%23144B3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
//         right 0.8rem center/8px 10px no-repeat;
//     border: 1px solid rgb(204, 204, 204);
//     border-radius: 6px;
//     -webkit-appearance: none;
//     -moz-appearance: none;
//     appearance: none;
// }

// .custom-select.custom-select-for-bsi:not(:focus):hover {
//     border-color: rgba(20, 75, 60, 0.5);
// }

/* Required Form Fields Star */

// .container input:not([type='checkbox']):required ~ label::after,
// .container select:required ~ label::after,
// .container textarea:required ~ label::after,
// .file-box
//     input:required
//     ~ #title-label::after
//     .dynamicWrapper
//     #dynamicCompanyLabel::after {
//     content: '*' !important;
//     color: #9f9d9d;
//     padding-left: 5px;
// }

// .container
//     .rating.rating-with-stars-container
//     input:not([type='checkbox']):required
//     ~ label::after,
// .nps-form
//     .form-field-container.nps-form-radio-group-container
//     input:not([type='checkbox']):required
//     ~ label::after {
//     content: '' !important;
// }
// .reverse-for-required {
//     display: flex;
//     flex-direction: column-reverse;
// }

// .reverse-for-required > label {
//     margin-bottom: 3px;
// }

/* Make all form elements equally high */

// .form-group input,
// .form-group textarea {
//     height: calc(2.7rem + 4px);
// }

// .checkbox-error-message {
//     display: none;
//     font-size: 12px;
//     color: rgb(216, 5, 25);
//     margin-top: -5px;
// }

// .checkbox-error-message.hasError {
//     display: block;
// }
    

    .hide { display: none; }
.bsi-ce-edit-mode .show-if-edit { display: block; }    

    .dr-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
}

.dr-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    

    // @media only screen and (max-width: 700px) {
//     .dr-sm-ml-48 {
//         margin-left: 5px !important;
//     }
//     .dr-py-32{
//         padding-top: 16px !important;
//         padding-bottom: 16px !important;
//     }
// }

// //old styles
// .HomeSlider .dr-SiteLogo--reduced {
//     display: none;
// }

// @media (min-width: 701px) {
//     .dr-SiteLogo--reduced {
//         display: none;
//     }
// }

// .main--home .dr-SiteLogo--reduced {
//     display: none;
// }

// .HomeSlider .dr-SiteLogo--full {
//     display: block;
// }

// @media (max-width: 700px) {
//     .dr-SiteLogo--full {
//         display: none;
//     }
//     .main--home .dr-SiteLogo--full {
//         display: block;
//     }
// }

// .HomeSlider .dr-SiteLogo--link {
//     margin-bottom: 75px;
// }
// .HomeSlider .dr-SiteLogo--link svg {
//     height: 102px;
//     width: 216px;
// }

// .HomeSlider.is-top .dr-SiteLogo--link {
//     color: rgba(var(--c-white-rgb), 1);
// }
// .HomeSlider.is-top .dr-SiteLogo--link:hover {
//     color: rgba(var(--c-white-rgb), 0.6);
// }

// .EbankingHeader--logo .dr-SiteLogo--link {
//     color: rgba(var(--c-violet-medium-rgb), 1);
// }
// .EbankingHeader--logo .dr-SiteLogo--link:hover {
//     color: rgba(var(--c-violet-dark-rgb), 1);
// }

// .dr-SiteLogo--link {
//     display: inline-block;
//     color: inherit;
// }
// .dr-SiteLogo--link svg path {
//     fill: #144b3c;
// }
.dr-logo--link svg path {
    fill: #144b3c;
}
.dr-logo--link {
    display: inline-block;
}
.dr-logo--full {
    display: none;
}
// .dr-logo--link svg path {
//     fill: currentColor;
// }
.dr-logo--reduced {
    display: block;
}
@media (min-width: 700px) {
    .dr-logo--full {
        display: inline-block;
    }
}
@media (min-width: 700px) {
    .dr-logo--reduced {
        display: none;
    }
}
    

    .notification-hide {
    display: none;
}
.notification-wrapper {
    padding: 22px 16px 8px 56px;
    border-radius: 6px;
    position: relative;
}

.notification-type-border.notification-state-neutral .notification-wrapper {
    border: 1px solid #144b3c;
}

.notification-type-background.notification-state-neutral .notification-wrapper {
    background-color: #eff2f1;
}

.notification-type-border.notification-state-success .notification-wrapper {
    border: 1px solid #14873c;
}

.notification-type-background.notification-state-success .notification-wrapper {
    background-color: #eff7f1;
}

.notification-type-border.notification-state-warning .notification-wrapper {
    border: 1px solid #ee750c;
}

.notification-type-background.notification-state-warning .notification-wrapper {
    background-color: #fff7f0;
}

.notification-type-border.notification-state-error .notification-wrapper {
    border: 1px solid #c70517;
}

.notification-type-background.notification-state-error .notification-wrapper {
    background-color: #fceeef;
}
.notification-close {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 25px;
    right: 28px;
}
.notification-close-button-display .notification-close {
    display: block;
    cursor: pointer;
}
.notification-close-button-hide .notification-close {
    display: none;
}
.notification-wrapper:before {
    position: absolute;
    left: 18px;
    top: 18px;
}
.notification-state-neutral .notification-wrapper:before {
    content: url('../img/icons/notification-neutral.svg');
}

.notification-state-success .notification-wrapper:before {
    content: url('../img/icons/notification-success.svg');
}

.notification-state-warning .notification-wrapper:before {
    content: url('../img/icons/notification-warning.svg');
}

.notification-state-error .notification-wrapper:before {
    content: url('../img/icons/notification-error.svg');
}
.notification-link-button-display .notification-link {
    display: inline-block;
}
.notification-link-button-hide .notification-link {
    display: none;
}
.notification-link {
    margin-top: 8px;
    margin-bottom: 14px;
    font-size: 18px;
    color: #666666;
    text-decoration: underline;
}
    

        

    .dr-d-table {
    border-collapse: collapse;
}

.dr-d-table-row {
    border-bottom: 1px solid #ededed;
}

.dr-d-table-cell {
    padding: 8px 8px 8px 0px;
}

/* Media query for mobile devices */
@media (max-width: 700px) {
    .dr-d-table-row {
        display: block;
        box-sizing: border-box;
        border-bottom: 1px solid #ededed;
        text-align: left;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .dr-d-table-cell {
        display: inline-block;
        width: 50%; /* Adjust the width as needed */
        box-sizing: border-box;
        padding-bottom: 0;
        padding-top: 0;
    }

    /* Remove the border-bottom from the last tr */
    .dr-d-table-row:last-child {
        border-bottom: none;
    }
}
    

    .dr-card-block-inner {
    height: 100%;
    padding: 96px 48px 48px 48px;
    border-radius: 8px;
}
.dr-card-block-inner-darkgreen {
    background-color: #0d3228;
}
.dr-card-block-inner-green {
    background-color: #144b3c;
}
.dr-card-block-inner-darkviolet {
    background-color: #2b1038;
}
.dr-card-block-inner-violet {
    background-color: #4f1c68;
}
.dr-product-teaser-three-wrapper {
    display: block;
}

@media only screen and (min-width: 700px) {
    .dr-product-teaser-three-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 1fr;
        grid-column-gap: 72px;
    }
}
.dr-product-teaser-header {
    display: block;
}
@media only screen and (min-width: 700px) {
    .dr-product-teaser-header {
        position: absolute;
        top: 0;
    }
}
.dr-product-teaser-three-separate-block {
    margin-bottom: 32px;
}
@media only screen and (min-width: 700px) {
    .dr-product-teaser-three-separate-block {
        margin-bottom: 72px;
    }
}
.dr-product-teaser-three-wrapper:before {
    content: '';
    display: block;
}
.dr-product-teaser-three-separate-block:nth-child(even) {
    grid-column: 1;
}
.dr-product-teaser-three-separate-block:nth-child(odd) {
    grid-column: 2;
}
.dr-product-teaser-three-separate-block:nth-child(1) {
    grid-row: 1 / span 2;
}
.dr-product-teaser-three-separate-block:nth-child(2) {
    grid-row: 2 / span 2;
}
.dr-product-teaser-three-separate-block:nth-child(3) {
    grid-row: 3 / span 2;
}
.dr-product-teaser-three-body {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}
.dr-product-teaser-price p {
    margin: 0;
    font-size: 60px;
    line-height: 1.2;
    color: #92a59e;
}
.dr-product-teaser-price span {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #92a59e;
}

.dr-card-block-inner-violet .dr-product-teaser-price p,
.dr-card-block-inner-darkviolet .dr-product-teaser-price p,
.dr-card-block-inner-violet .dr-product-teaser-price span,
.dr-card-block-inner-darkviolet .dr-product-teaser-price span {
    color: #b099bb;
}

.dr-product-teaser-footer {
    display: flex;
    position: static;
    align-items: flex-end;
    padding-bottom: 72px;
}
.dr-product-teaser-footer-cta {
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    text-decoration: none;
    font-size: 16px;
    color: #144b3c;
}

.dr-card-block-inner-violet .dr-product-teaser-footer-cta,
.dr-card-block-inner-darkviolet .dr-product-teaser-footer-cta {
    color: #4f1c68;
}
.dr-card-block-cta-secondary {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    transition: 0.2s ease-in-out;
}
.dr-card-block-cta-secondary:hover {
    color: #92a59e;
}
.dr-card-block-inner-violet .dr-card-block-cta-secondary:hover,
.dr-card-block-inner-darkviolet .dr-card-block-cta-secondary:hover {
    color: #b099bb;
}
    

        

    .dr-product-teaser-three-separate-block-colored {
    position: relative;
    overflow: hidden;
    background: #c50073;
    background: linear-gradient(170deg, #d9007e 0%, #ff8c28 86%);
    border: none;
    z-index: 0;
    height: 640px;
    display: block;
    padding: 12px;
    border-radius: 4px;
}
.dr-product-teaser-three-separate-block-colored::before,
.dr-product-teaser-three-separate-block-colored::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: -webkit-clip-path 350ms ease-in-out;
    transition: clip-path 350ms ease-in-out;
    transition: clip-path 350ms ease-in-out, -webkit-clip-path 350ms ease-in-out;
    z-index: -1;
}
.dr-product-teaser-three-separate-block-colored::before {
    background-image: linear-gradient(165deg, #4f1f68 55%, #d9007e 100%);
    // -webkit-clip-path: polygon(73% 78%, 100% 87%, 100% 100%, 60% 100%);
    // clip-path: polygon(73% 78%, 100% 87%, 100% 100%, 60% 100%);

    -webkit-clip-path: polygon(43% 58%, 100% 66%, 100% 100%, 0% 100%, 0% 80%);
    clip-path: polygon(43% 58%, 100% 66%, 100% 100%, 0% 100%, 0% 80%);
}
.dr-product-teaser-three-separate-block-colored::after {
    background-image: linear-gradient(270deg, #d9007e 0%, #ff8c28 80%);
    // -webkit-clip-path: polygon(73% 78%, 100% 87%, 100% 0, 24% 0);
    // clip-path: polygon(73% 78%, 100% 87%, 100% 0, 24% 0);
    -webkit-clip-path: polygon(43% 58%, 100% 66%, 100% 0, 47% 0);
    clip-path: polygon(43% 58%, 100% 66%, 100% 0, 47% 0);
}
.dr-product-teaser-three-separate-block-colored:hover::before {
    -webkit-clip-path: polygon(43% 48%, 100% 56%, 100% 100%, 0% 100%, 0% 70%);
    clip-path: polygon(43% 48%, 100% 56%, 100% 100%, 0% 100%, 0% 70%);
}
.dr-product-teaser-three-separate-block-colored:hover::after {
    -webkit-clip-path: polygon(43% 48%, 100% 56%, 100% 0, 47% 0);
    clip-path: polygon(43% 48%, 100% 56%, 100% 0, 47% 0);
}

.dr-product-teaser-colored-inner {
    display: flex;
    height: 100%;
    padding: 24px;
    transition: color 200ms ease-in-out;
    background-color: rgba(var(--c-white-rgb), 1);
    color: rgba(var(--c-green-medium-rgb), 1);
    border-radius: 2px;
}
.dr-product-teaser-colored-inner::after {
    display: block;
    clear: both;
    content: '';
}
.dr-product-teaser-colored-inner::before {
    content: '';
    padding-bottom: 133.33333%;
    float: left;
}
.dr-product-teaser-colored-inner:hover {
    color: rgba(var(--c-green-dark-rgb), 1);
}
.dr-product-teaser-colored-inner:hover
    .dr-product-teaser-colored-inner-hover-title {
    transform: translateY(0);
}

.dr-product-teaser-colored-inner-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dr-product-teaser-colored-inner-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 12px;
}
.dr-product-teaser-colored-inner-author,
.dr-product-teaser-colored-inner-date {
    color: #144b3c;
    font-weight: 400;
    font-size: 14px;
}
.dr-product-teaser-colored-inner-title {
    font-size: 24px;
    color: #144b3c;
    font-weight: 500;
    margin-bottom: 32px;
    line-height: 1.2;
}
.dr-product-teaser-colored-inner-lead {
    font-size: 18px;
    line-height: 1.3;
    color: #6b7a6c;
}
@media (min-width: 700px) {
    .dr-product-teaser-colored-inner-title {
        font-size: 36px;
    }
}
@media (min-width: 1200px) {
    .dr-product-teaser-colored-inner-title {
        font-size: 42px;
    }
}

.dr-product-teaser-colored-inner-hover-title {
    display: flex;
    align-items: center;
    transform: translateY(100%);
    transition: transform 200ms ease-in-out;
}
.dr-product-teaser-colored-inner-hover-title .Icon {
    margin-right: 12px;
}
.dr-product-teaser-colored-inner-link {
    overflow: hidden;
}
.dr-product-teaser-colored-inner-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 2em;
}
.dr-product-teaser-colored-inner-header p {
    margin-bottom: 0;
}

.dr-floating-teaser-group-footer {
    display: flex;
    position: static;
    align-items: flex-end;
    padding-bottom: var(--grid-gap);
}
.dr-floating-teaser-link {
    flex-direction: column-reverse;
    align-items: flex-start;
    display: inline-flex;
    color: #144b3c;
    font-weight: 500;
    text-decoration: none;
    border: unset;
    padding: 0;
    text-align: left;
}
.dr-product-teaser-colored-inner-link {
    position: relative;
}
.dr-product-teaser-colored-inner-hover-title {
    padding-left: 30px;
}
.dr-product-teaser-colored-inner-link:before {
    content: url(../img/link-arrow-right.svg);
    position: absolute;
    top: 2px;
    transform: translateY(100%);
    left: 0;
    transition: transform 200ms ease-in-out;
}
.dr-product-teaser-colored-inner:hover
    .dr-product-teaser-colored-inner-link:before {
    transform: translateY(0);
}
    

    .progress-step-element {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #eff2f1;
    border-radius: 50%;
    flex-basis: calc(100% / 11);
}

.form-progress-step {
    min-width: 136px;
}

@media only screen and (max-width: 700px) {
    .form-progress-step-text,
    .form-progress-step-image {
        width: 0%;
    }
    .form-progress-stepper {
        justify-content: space-evenly;
    }
    .form-progress-step {
        justify-content: flex-start;
        margin-bottom: 16px;
        min-width: 95px;
        margin-right: 0px;
    }
}
    

        

        

    .dr-termin-content {
    border: 2px solid #dce4e2;
    border-radius: 6px;
}
    

    .dr-button-row-mixed-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}
.dr-button-wrapper-row-mixed {
    flex-wrap: wrap;
}

.dr-button-row-left-mixed-wrapper {
    padding-right: 0;
    margin-bottom: 24px;
}
.dr-button-row-right-mixed-wrapper {
    padding-left: 0;
}
@media only screen and (min-width: 700px) {
    .dr-button-row-left-mixed-wrapper {
        padding-right: 16px;
        margin-bottom: 0;
    }
    .dr-button-row-right-mixed-wrapper {
        padding-left: 16px;
    }
    .dr-button-row-mixed-wrapper {
        width: 50%;
    }
}
.dr-button-row-mixed {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}
.outlined-icon-button-row-mixed {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: start;
    padding: 20px 24px 20px 60px;
    font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 500;
    user-select: none;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 6px;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
        border-color 200ms ease-in-out;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    margin: 0;
    cursor: pointer;
}

.outlined-icon-button-row-mixed-left {
    background-color: #144b3c;
    border: 2px solid #144b3c;
    border-radius: 6px;
    color: #ffffff;
}
.outlined-icon-button-row-mixed-left:hover {
    color: #ffffff;
    background-color: #5a8176;
    border-color: #5a8176;
}
.outlined-icon-button-row-mixed-right {
    border: 2px solid #144b3c;
    border-radius: 6px;
}
.outlined-icon-button-row-mixed-right:hover {
    border: 2px solid #5a8176;
    color: #5a8176;
}

.dr-icon-row {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 11;
    left: 24px;
}
    

    // .dr-button-wrapper-row {
//     height: 100%;
//     flex-wrap: wrap;
// }

// .dr-button-left-row {
//     display: flex;
//     width: 300px;
//     align-items: center;
//     justify-content: flex-start;
//     padding-left: 20px;
//     margin-bottom: 16px;
// }

// .dr-button-right-row {
//     display: flex;
//     width: 280px;
//     align-items: center;
//     justify-content: flex-start;
//     padding-left: 20px;
//     margin-bottom: 16px;
// }

// .outlined-icon-button-row-left {
//     flex-basis: 100%;
//     position: relative;
//     display: inline-flex;
//     align-items: center;
//     justify-content: center;
//     text-align: start;
//     padding: 31px 24px 31px 60px;
//     font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
//     font-weight: 500;
//     user-select: none;
//     font-size: 16px;
//     line-height: 1.4;
//     border-radius: 6px;
//     transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
//         border-color 200ms ease-in-out;
//     -webkit-appearance: button;
//     text-transform: none;
//     overflow: visible;
//     margin: 0;
//     cursor: pointer;
// }

// .outlined-icon-button-row {
//     flex-basis: 108%;
//     position: relative;
//     display: inline-flex;
//     align-items: center;
//     justify-content: center;
//     text-align: start;
//     padding: 20px 24px 20px 10px;
//     font-family: 'FF Kievit', 'Helvetica Neue', 'Helvetica', sans-serif;
//     font-weight: 500;
//     user-select: none;
//     font-size: 16px;
//     line-height: 1.4;
//     border-radius: 6px;
//     transition: color 200ms ease-in-out, background-color 200ms ease-in-out,
//         border-color 200ms ease-in-out;
//     -webkit-appearance: button;
//     text-transform: none;
//     overflow: visible;
//     margin: 0;
//     cursor: pointer;
// }
    



        

        

    
    

        



    .compass-wrapper {
    width: 972px;
    max-width: 972px;
    min-width: 972px;
}

// .compass-wrapper {
//     width: 100%;
//     max-width: 1920px;
//     min-width: 972px;
//     padding: 0 16px;
//     @media only screen and (mim-width: 700px) {
//         padding: 0 24px;
//     }
//     @media only screen and (mim-width: 1440px) {
//         padding: 0 36px;
//     }
// }
.dr-compass-wrapper-right-column {
    .dr-button-outlined {
        margin: 0 0 16px 0;
        width: 100%;
        justify-content: center;
        border: 2px solid #144b3c;
        border-radius: 6px;
        .outlined-icon-button {
            padding: 12px 6px 12px 70px;
        }
        .outlined-icon-button:before {
            border: none;
        }
        .dr-icon {
            margin-right: -60px;
        }
    }
}
                .compass-lead {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 24px;
    font-weight: 500;
}    .compass-highlight-box-wrapper {
    position: relative;
    padding: 16px 24px 16px 16px;
    border-radius: 6px;
    background-color: #EFF2F1;
}
.compass-highlight-box-wrapper-image {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 24px;
    top: 16px;
}
.compass-highlight-box-wrapper-title {
     font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
    font-weight: 700;
    color: #000000;
}
.compass-highlight-box-wrapper-text,
.compass-highlight-box-wrapper-text p {
     font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
    color: #666666;
}        .bsi-ce-edit-mode .collapse:not(.show) {
display: block;
}
    .bsi-ce-edit-mode .collapse:not(.show) {
display: block;
}
        .dr-compass-button-wrapper {
    width: 33%;
    padding-right: 16px;
}
.dr-compass-button {
    display: flex;   
    align-items: center;
    max-width: 282px;
    height: 100%;
    padding: 40px 32px;
    background-color: #EFF2F1;
    border-radius: 8px;
    font-size: 18px;
    color: #144B3C;
    transition: .2s ease-in;
}
.dr-compass-button:hover {
    background-color: #DCE4E2;
}    .compass-three-column-one {
    padding-right: 8px;
}
.compass-three-column-two {
    padding-left: 4px;
    padding-right: 4px;
}
.compass-three-column-three {
    padding-left: 8px;
}    .compass-two-column-one {
    padding-right: 6px;
}
.compass-two-column-two {
    padding-left: 6px;
}        .compass-toolpage-container-wrapper {
    width: 100%;
    max-width: 1920px;
    min-width: 972px;
    padding: 0 16px;
    @media only screen and (min-width: 700px) {
        padding: 0 24px;
    }
    @media only screen and (min-width: 1440px) {
        padding: 0 36px;
    }
    margin: 0 auto;
}
.compass-toolpage-wrapper {
    background-color: #eff2f1;
    padding: 24px;
    border-radius: 6px;
}
.compass-toolpage-wrapper.dr-container {
    max-width: 1782px;
}
.dr-compass-column-wrapper {
    align-items: flex-end;
    justify-content: space-between;
}
.dr-compass-col-left {
    width: 74%;
    padding-right: 20%;
    padding-left: 0;
    padding-top: 12px;
    padding-bottom: 32px;
    @media only screen and (min-width: 1540px) {
        padding-left: 5%;
        width: 64%;
    }
}
.dr-compass-col-right {
    width: 26%;
    padding: 0;
    padding-bottom: 65px;
    padding-right: 5%;
}
.dr-compass-toolpage-result-button a:hover {
    color: #eff2f1;
}
.compass-question-answers-wrapper {
    padding: 25px 0;
    display: flex;
}
.compass-question-wrapper {
    position: relative;
    margin-top: 23px;
}
.compass-question-wrapper:after {
    content: url('../img/icons/dr-compass-toolpage-arrow.svg');
    width: 231px;
    height: 130px;
    position: absolute;
    top: 20px;
}

.compass-question-wrapper-left:after {
    left: 64%;
}
.compass-question-wrapper-left.compass-question-wrapper-left-last:after {
    content: '';
}
.compass-question-wrapper-left.compass-question-wrapper-left-last.display-arrow:after {
    content: url('../img/icons/dr-compass-toolpage-arrow-last.svg');
}
.compass-question-wrapper-right:after {
    content: url('../img/icons/dr-compass-toolpage-arrow-left.svg');
    right: 66%;
}
.compass-question-wrapper-left {
    padding-right: 36%;
}
.compass-question-wrapper-right {
    padding-left: 36%;
}
.compass-question-answers-single {
    width: 50%;
    padding-right: 12px;
}
.dr-compass-toolpage-result-title {
    color: #144b3c;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}
.dr-compass-toolpage-result-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 64px;
    color: #6b7a6c;
}
.dr-compass-toolpage-result-wrapper .dr-button-outlined {
    margin: 0;
    padding: 0;
    align-items: flex-start;
    width: 100%;
}
.dr-compass-toolpage-result-button .dr-button-outlined {
    align-items: center;
}
.dr-compass-toolpage-result-button .dr-button-outlined .dr-icon {
    margin-right: -50px;
    z-index: 2;
}
.dr-compass-toolpage-result-button .dr-button-outlined .outlined-icon-button {
    padding-left: 28px;
    width: 100%;
    margin: 0;
}
.compass-question-answers-single-label {
}
.compass-question-answers-wrapper .dr-choicechip-label {
    background-color: #dce4e2;
}
.compass-question-text {
    font-size: 18px;
    font-weight: 400;
    color: #144b3c;
}
.dr-compass-toolpage-result-button
    .dr-button-outlined
    .outlined-icon-button:hover {
    background-color: #dce4e2;
    color: #144b3c;
}
.dr-compass-toolpage-result-wrapper {
    background-color: #ffffff;
    padding: 23px 30px 40px 23px;
    border-radius: 6px;
}
.dr-compass-toolpage-result-wrapper {
    display: none;
}
.bsi-ce-edit-mode .dr-compass-toolpage-result-wrapper {
    display: block;
}
.dr-compass-toolpage-result-wrapper-hypothekenschutz.compass-result-display {
    display: block;
}
.dr-compass-toolpage-result-wrapper-risikoberatung.compass-result-display {
    display: block;
}
.dr-compass-toolpage-result-wrapper-congrats.compass-result-display {
    display: block;
}
@media only screen and (min-width: 1540px) {
    .compass-wrapper.dr-container {
        width: 1320px;
        max-width: 1320px;
    }
    .dr-compass-button-wrapper {
        max-width: 298px;
    }
    .compass-highlight-box-wrapper-text {
        padding-right: 10%;
    }
    .compass-lead {
        font-size: 32px;
    }
    .compass-wrapper .dr-h5 {
        font-size: 24px;
    }
    .dr-accordion-item .dr-h4 {
        font-size: 32px;
    }
    .dr-accordion-text {
        font-size: 24px;
    }
    .compass-highlight-box-wrapper-title,
    .compass-highlight-box-wrapper-text,
    .compass-highlight-box-wrapper-text p {
        font-size: 22px;
    }
    .dr-compass-button {
        font-size: 24px;
    }
    .compass-toolpage-container-wrapper .dr-h5 {
        font-size: 32px;
    }
    .dr-accordion-header .dr.h4 {
        font-size: 32px;
    }
    .compass-question-text,
    .dr-choicechip-label {
        font-size: 24px;
    }
    .dr-compass-col-right .icon-button,
    .dr-compass-toolpage-result-text {
        font-size: 24px;
        line-height: 36px;
    }
    .dr-compass-toolpage-result-title {
        font-size: 32px;
    }
    .compass-text {
        font-size: 24px;
        line-height: 36px;
    }
}
        .dr-compass-button-workaround {
    display: flex;
    align-items: center;
    max-width: 282px;
    height: 100%;
    padding: 40px 32px;
    background-color: #eff2f1;
    border-radius: 8px;
    font-size: 18px;
    color: #144b3c;
    transition: 0.2s ease-in;
    cursor: pointer;
}
.dr-compass-button-workaround:hover {
    background-color: #dce4e2;
}
.dr-compass-button-workaround.active-button {
    background-color: #144b3c;
    color: #eff2f1;
}


    /* default design uses color inheriation, so */

.Footer--social {
  color: rgb(133, 152, 134);
}

.SocialMediaLinks--list,
.SocialMediaLinks--item,
.SocialMediaLinks--link.External--link,
.SocialMediaLinks--item symbol {
  color: rgb(133, 152, 134);
}

.Footer--social .SocialMediaLinks--link:hover symbol {
  color: rgba(255,255,255,1);
}