/* Legacy CSS from Breakdance UI code selectors */
/* TODO: need to be refactored */

.breakdance .video {
    position: relative;
    border-radius: 1rem;
    overflow: hidden
}

.breakdance .video::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/webp-express/webp-images/doc-root/wp-content/uploads/2025/04/video-placeholder.jpg.webp);
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    transition: var(--transition)
}

.breakdance .video::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
    background-image: url("data:image/svg+xml,%3Csvg width='103' height='103' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51.3188 102.48C79.6614 102.48 102.638 79.5395 102.638 51.2402C102.638 22.941 79.6614 0 51.3188 0C22.9762 0 0 22.941 0 51.2402C0 79.5395 22.9762 102.48 51.3188 102.48ZM42.0283 67.3072L69.8997 51.2402L42.0283 35.1733V67.3072Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 6.25rem;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
    transition: var(--transition);
    will-change: transform
}

.breakdance .video:hover::after {
    transform: scale(1.05)
}

.breakdance .video.is--active::before,.breakdance .video.is--active::after {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 767px) {
    .breakdance .video::after {
        background-size:3.25rem
    }
}

.breakdance .faq {
    gap: 0.5rem!important
}

.breakdance .faq .bde-faq__item {
    transition: var(--transition)
}

.breakdance .faq .bde-faq__item.is-active {
    border-color: transparent!important
}

.breakdance .faq .bde-faq__question {
    outline: none!important;
    box-shadow: none!important;
    padding-right: 6rem;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    transition: var(--transition)
}

.breakdance .faq .bde-faq__question[aria-expanded="true"] {
    background: var(--bde-palette-color-1-68a27b5e-c9b6-4225-a808-1d96f545d67a)
}

.breakdance .faq .bde-faq__question::after {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    top: 50%;
    right: 1.5rem;
    position: absolute;
    transform: translateY(-50%);
    transition: var(--transition);
    will-change: transform;
    border: 1px solid var(--bde-palette-color-1-9f175db5-296d-4cc8-bbc5-7d1877bfd372);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9502 18.5564L12.9502 4.92041C12.9502 4.36813 12.5025 3.92041 11.9502 3.92041C11.3979 3.92041 10.9502 4.36813 10.9502 4.92041L10.9502 18.4559L7.75781 15.2636C7.36728 14.873 6.73412 14.873 6.34359 15.2636C5.95307 15.6541 5.95307 16.2872 6.34359 16.6778L10.5862 20.9204C11.3673 21.7015 12.6336 21.7015 13.4147 20.9204L17.6573 16.6778C18.0478 16.2872 18.0478 15.6541 17.6573 15.2636C17.2668 14.873 16.6336 14.873 16.2431 15.2636L12.9502 18.5564Z' fill='%23E46450'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5856 20.9204C11.3667 21.7014 12.633 21.7014 13.4141 20.9204L18.207 16.1275C18.5975 15.737 18.5975 15.1038 18.207 14.7133C17.8164 14.3228 17.1833 14.3228 16.7927 14.7133L12.9999 18.5061L12.9999 4.92043C12.9999 4.36814 12.5522 3.92043 11.9999 3.92043C11.4476 3.92043 10.9999 4.36815 10.9999 4.92043L10.9999 18.5062L7.20695 14.7133C6.81643 14.3228 6.18326 14.3228 5.79274 14.7133C5.40221 15.1038 5.40222 15.737 5.79274 16.1275L10.5856 20.9204Z' fill='%23E46450'/%3E%3C/svg%3E%0A");
    background-size: 1.5rem;
    background-position: center center;
    background-repeat: no-repeat
}

.breakdance .faq .bde-faq__question[aria-expanded="true"]::after {
    background-color: var(--bde-palette-color-1-9f175db5-296d-4cc8-bbc5-7d1877bfd372);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9502 18.5564L12.9502 4.92041C12.9502 4.36813 12.5025 3.92041 11.9502 3.92041C11.3979 3.92041 10.9502 4.36813 10.9502 4.92041L10.9502 18.4559L7.75781 15.2636C7.36728 14.873 6.73412 14.873 6.34359 15.2636C5.95307 15.6541 5.95307 16.2872 6.34359 16.6778L10.5862 20.9204C11.3673 21.7015 12.6336 21.7015 13.4147 20.9204L17.6573 16.6778C18.0478 16.2872 18.0478 15.6541 17.6573 15.2636C17.2668 14.873 16.6336 14.873 16.2431 15.2636L12.9502 18.5564Z' fill='%23E46450'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5856 20.9204C11.3667 21.7014 12.633 21.7014 13.4141 20.9204L18.207 16.1275C18.5975 15.737 18.5975 15.1038 18.207 14.7133C17.8164 14.3228 17.1833 14.3228 16.7927 14.7133L12.9999 18.5061L12.9999 4.92043C12.9999 4.36814 12.5522 3.92043 11.9999 3.92043C11.4476 3.92043 10.9999 4.36815 10.9999 4.92043L10.9999 18.5062L7.20695 14.7133C6.81643 14.3228 6.18326 14.3228 5.79274 14.7133C5.40221 15.1038 5.40222 15.737 5.79274 16.1275L10.5856 20.9204Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    transform: translateY(-50%) rotate(-180deg)
}

@media (max-width: 767px) {
    .breakdance .faq .bde-faq__question {
        padding-right:4rem;
        border-radius: 0.5rem
    }

    .breakdance .faq .bde-faq__question::after {
        right: 0.75rem
    }
}

.breakdance .btn-icon .button-atom {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center
}

.breakdance .btn-icon .button-atom::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background-color: #fff;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
    top: -1px;
    position: relative;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6542 20.0898C16.9725 20.0898 17.869 19.7131 18.6826 18.8317C18.7354 18.7714 18.7881 18.7036 18.8408 18.6434C19.2853 18.1461 19.5038 17.6263 19.5038 17.1442C19.5038 16.5792 19.2024 16.0669 18.5319 15.6074L16.287 14.0404C15.5788 13.5507 14.7577 13.5131 14.1249 14.1459L13.5674 14.7033C13.3715 14.8992 13.1832 14.9143 12.9572 14.7561C12.5504 14.4849 11.7819 13.8069 11.2546 13.2795C10.7197 12.7446 10.1773 12.142 9.88351 11.6824C9.72531 11.4489 9.74037 11.2681 9.93624 11.0722L10.4937 10.5147C11.1265 9.88192 11.0889 9.06077 10.5917 8.35262L8.99456 6.06998C8.55008 5.4221 8.01521 5.12076 7.4502 5.11323C6.96805 5.10569 6.45578 5.32416 5.95857 5.7611C5.8983 5.81384 5.83803 5.86657 5.77776 5.91931C4.88128 6.74046 4.49707 7.62188 4.49707 8.99297C4.49707 11.2153 5.7853 13.837 8.29395 16.3306C10.7875 18.8091 13.379 20.0898 15.6542 20.0898ZM15.6542 18.8317C13.7331 18.8618 11.345 17.4983 9.2507 15.419C7.14132 13.3398 5.74009 10.8613 5.77023 8.94023C5.7853 8.13415 6.07157 7.426 6.63658 6.92879C6.69685 6.88359 6.74205 6.84593 6.80232 6.80073C7.01325 6.61992 7.23926 6.52199 7.4502 6.52199C7.66867 6.52199 7.86454 6.61239 8.01521 6.83839L9.42397 8.9553C9.60477 9.21144 9.6123 9.50525 9.34863 9.76138L8.74595 10.3565C8.17341 10.914 8.22614 11.5694 8.58775 12.0817C8.99456 12.6467 9.75544 13.5131 10.3958 14.1459C11.0813 14.8239 12.0155 15.6601 12.5579 16.0518C13.0702 16.4134 13.7256 16.4662 14.2831 15.8936L14.8782 15.291C15.1268 15.0273 15.4206 15.0348 15.6843 15.2081L17.7635 16.5943C17.9971 16.7449 18.0799 16.9333 18.0799 17.1517C18.0799 17.3627 17.982 17.5887 17.8012 17.8071C17.756 17.8599 17.7183 17.9051 17.6731 17.9653C17.1759 18.5379 16.4678 18.8242 15.6542 18.8317Z' fill='white'/%3E%3C/svg%3E%0A")
}

.breakdance .btn-icon.black .button-atom::before {
    background-color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b)
}

.breakdance .nospace {
    margin-top: 0rem;
    margin-bottom: 0rem
}

.breakdance .space__inner {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media (max-width: 767px) {
    .breakdance .space__inner {
        padding-top:2.5rem;
        padding-bottom: 2.5rem
    }
}

.breakdance .opacity-hover {
    cursor: pointer;
    transition: var(--transition)
}

.breakdance .opacity-hover:hover {
    opacity: 0.6
}

.breakdance .footer__link {
    color: var(--bde-palette-color-1-df863e02-2d1e-493a-ba7c-fc5ad7dd4823);
    font-size: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-size);
    font-weight: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-weight);
    line-height: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-line-height)
}

.breakdance .footer__link {
    color: var(--bde-palette-color-1-df863e02-2d1e-493a-ba7c-fc5ad7dd4823)!important;
    border-bottom: .5px solid transparent;
    transition: var(--transition)
}

.breakdance .footer__link:hover {
    color: var(--bde-palette-color-1-ba4311a4-7f9d-425c-a176-3ba0cfd36c39)!important
}

.breakdance .overflow {
    overflow: hidden
}

.breakdance .btn-white .button-atom {
    background: #fff;
    color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b);
    border-color: #fff
}

.breakdance .btn-white .button-atom:hover {
    color: #fff;
    background: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b);
    border-color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b)
}

.breakdance .entry-content a {
    border-bottom: .5px solid;
    color: inherit;
    transition: var(--transition);
    word-break: break-word;
    overflow-wrap: break-word
}

.breakdance .entry-content a:hover {
    color: var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3)
}

.breakdance .multistep-form .survey {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.breakdance .multistep-form .survey__body {
    overflow: auto;
    max-height: 31vh;
    padding-right: 8px;
    margin-right: -8px
}

.breakdance .multistep-form .survey__body::-webkit-scrollbar {
    width: 4px
}

.breakdance .multistep-form .survey__body::-webkit-scrollbar-track {
    background: transparent
}

.breakdance .multistep-form .survey__body::-webkit-scrollbar-thumb {
    background-color: var(--bde-palette-color-1-d2e8aeb7-2563-420c-bf3e-3932d00e3054)
}

.breakdance .multistep-form .survey__stepper {
    display: flex;
    flex-flow: row nowrap;
    gap: 0.625rem
}

.breakdance .multistep-form .survey__stepper>* {
    width: 100%
}

.breakdance .multistep-form .survey__stepper--divider {
    height: 3px;
    background: var(--bde-palette-color-1-39d21c29-c73e-4c1e-8880-f3016822925b);
    border-radius: 0.75rem;
    margin-top: 1.25rem;
    transition: var(--transition)
}

.breakdance .multistep-form .survey__stepper--item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.66;
    text-align: center;
    white-space: nowrap
}

.breakdance .multistep-form .survey__stepper--item .survey__stepper--number {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--bde-palette-color-1-df863e02-2d1e-493a-ba7c-fc5ad7dd4823);
    border: 1px solid var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3);
    transition: var(--transition);
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-top: 0.3rem
}

.breakdance .multistep-form .survey__stepper--item.is--passed .survey__stepper--number {
    background: var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3);
    color: #fff
}

.breakdance .multistep-form .survey__stepper--item.is--active .survey__stepper--number {
    background: var(--bde-palette-color-1-39d21c29-c73e-4c1e-8880-f3016822925b);
    color: var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3)
}

.breakdance .multistep-form .survey__controls {
    margin-top: 0rem;
    padding-top: 3rem;
    border-top: 1px solid var(--bde-palette-color-1-d2e8aeb7-2563-420c-bf3e-3932d00e3054);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem
}

.breakdance .multistep-form .survey__btn,.breakdance .multistep-form .survey__selection--btn {
    border: 1px solid var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3)!important;
    background: var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3);
    border-radius: 0.5rem;
    color: var(--bde-palette-color-1-90be4f65-887e-4eb3-a5ca-25b2b785963f);
    font-size: var(--preset-id-4f66fcb2-4315-44cd-97ef-d9589351c8f2-font-size);
    font-weight: var(--preset-id-4f66fcb2-4315-44cd-97ef-d9589351c8f2-font-weight);
    line-height: var(--preset-id-4f66fcb2-4315-44cd-97ef-d9589351c8f2-line-height);
    padding-top: 0.75rem;
    padding-right: 1.5rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    transition: var(--transition);
    cursor: pointer;
    appearance: none;
    box-shadow: none
}

.breakdance .multistep-form .survey__btn:hover,.breakdance .multistep-form .survey__selection--btn:hover {
    background: Var(--bde-palette-color-1-e720acbb-9ceb-446b-8c35-701ed19eb0e3);
    border-color: var(--bde-palette-color-1-e720acbb-9ceb-446b-8c35-701ed19eb0e3)!important
}

.breakdance .multistep-form .survey__btn--back,.breakdance .multistep-form .survey__selection--btn--nein {
    background: transparent;
    color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b)
}

.breakdance .multistep-form .survey__btn--back:hover,.breakdance .multistep-form .survey__selection--btn--nein:hover {
    background: var(--bde-palette-color-1-39d21c29-c73e-4c1e-8880-f3016822925b)
}

.breakdance .multistep-form .survey__selection--item {
    padding-left: 4rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-size: 2.5rem;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23EBF5FF'/%3E%3Cpath d='M23.6794 22.587C27.1694 22.587 29.9994 19.769 29.9994 16.293C29.9994 12.818 27.1694 10 23.6794 10C20.1894 10 17.3624 12.818 17.3624 16.293C17.3624 17.903 18.0964 19.074 18.0964 19.074L10.4544 26.684C10.1114 27.026 9.63145 27.914 10.4544 28.734L11.3364 29.612C11.6794 29.905 12.5414 30.315 13.2464 29.612L14.2764 28.588C15.3044 29.612 16.4804 29.027 16.9214 28.441C17.6554 27.417 16.7744 26.392 16.7744 26.392L17.0684 26.099C18.4784 27.505 19.7134 26.685 20.1544 26.099C20.8894 25.075 20.1544 24.05 20.1544 24.05C19.8604 23.465 19.2724 23.465 20.0074 22.733L20.8894 21.855C21.5944 22.44 23.0444 22.587 23.6814 22.587H23.6794Z' stroke='%232275D0' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M25.8846 16.2937C25.8832 16.877 25.6503 17.4359 25.237 17.8475C24.8237 18.2591 24.2639 18.4897 23.6806 18.4887C23.0973 18.4897 22.5374 18.2591 22.1241 17.8475C21.7108 17.4359 21.4779 16.877 21.4766 16.2937C21.4771 16.0048 21.5345 15.7188 21.6456 15.4521C21.7566 15.1853 21.9191 14.9431 22.1238 14.7392C22.3284 14.5353 22.5712 14.3737 22.8384 14.2636C23.1055 14.1535 23.3917 14.0971 23.6806 14.0977C23.9695 14.0971 24.2557 14.1535 24.5228 14.2636C24.7899 14.3737 25.0327 14.5353 25.2374 14.7392C25.442 14.9431 25.6045 15.1853 25.7156 15.4521C25.8266 15.7188 25.884 16.0048 25.8846 16.2937Z' stroke='%232275D0' stroke-width='1.5'/%3E%3C/svg%3E%0A")
}

.breakdance .multistep-form .survey__selection--item.is--three {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23EBF5FF'/%3E%3Cpath d='M17 20H23M20 17V23M15.5 11.5C12.4625 11.5 10 13.9625 10 17C10 22.5 16.5 27.5 20 28.663C23.5 27.5 30 22.5 30 17C30 13.9625 27.5375 11.5 24.5 11.5C22.64 11.5 20.995 12.4235 20 13.837C19.4928 13.1146 18.8191 12.525 18.0358 12.1182C17.2525 11.7114 16.3826 11.4994 15.5 11.5Z' stroke='%232275D0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.breakdance .multistep-form .survey__selection--item.is--four {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23EBF5FF'/%3E%3Cpath d='M19.6667 10C20.1087 10 20.5326 10.1756 20.8452 10.4882C21.1577 10.8007 21.3333 11.2246 21.3333 11.6667V21.6667C21.3333 22.1087 21.1577 22.5326 20.8452 22.8452C20.5326 23.1577 20.1087 23.3333 19.6667 23.3333C19.2246 23.3333 18.8007 23.1577 18.4882 22.8452C18.1756 22.5326 18 22.1087 18 21.6667V11.6667C18 11.2246 18.1756 10.8007 18.4882 10.4882C18.8007 10.1756 19.2246 10 19.6667 10ZM19.6667 26.6667C19.2246 26.6667 18.8007 26.8423 18.4882 27.1548C18.1756 27.4674 18 27.8913 18 28.3333C18 28.7754 18.1756 29.1993 18.4882 29.5118C18.8007 29.8244 19.2246 30 19.6667 30C20.1087 30 20.5326 29.8244 20.8452 29.5118C21.1577 29.1993 21.3333 28.7754 21.3333 28.3333C21.3333 27.8913 21.1577 27.4674 20.8452 27.1548C20.5326 26.8423 20.1087 26.6667 19.6667 26.6667Z' fill='%232275D0'/%3E%3C/svg%3E%0A")
}

.breakdance .multistep-form .survey__selection--item:not(.is--four)>* {
    max-width: 50rem
}

.breakdance .multistep-form .survey__selection--title {
    font-weight: 500;
    color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b)
}

.breakdance .multistep-form .survey__selection--text {
    margin-bottom: 1rem
}

.breakdance .multistep-form .survey__selection--btns {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem
}

.breakdance .multistep-form .survey__selection--btn {
    position: relative;
    min-width: 6.125rem
}

.breakdance .multistep-form .survey__selection--btn.label::after {
    content: "Empfohlen!";
    position: absolute;
    right: -1rem;
    top: -1rem;
    font-size: 0.75rem;
    line-height: 1.66;
    padding: 0.25rem 0.75rem;
    z-index: 2;
    background: var(--bde-palette-color-1-8242e65b-bd36-43fc-b409-0b1007b9f61f);
    border-radius: 1.875rem;
    font-weight: 300
}

.breakdance .multistep-form .survey__step--paket-summary {
    margin-bottom: 2rem
}

.breakdance .multistep-form .survey__form .breakdance-form-field {
    grid-column-start: span 6
}

.breakdance .multistep-form .survey__form.is--full .breakdance-form-field,.breakdance .multistep-form .survey__form .breakdance-form-field.full-w {
    grid-column-start: span 12
}

.breakdance .multistep-form .survey__form .breakdance-form-field.full-w {
    margin-top: 1.5rem
}

.breakdance .multistep-form .survey__form .breakdance-form-field.full-w .breakdance-form-checkbox:not(:last-child) {
    margin-bottom: 1rem!important
}

.breakdance .multistep-form legend {
    font-size: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-font-size);
    font-weight: 500;
    line-height: var(--preset-id-9e36eb35-bcdf-4e74-af1b-d8cf2529aa9b-line-height);
    color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b);
    margin-bottom: 1rem
}

.breakdance .multistep-form .breakdance-form-field__heading {
    margin: 1.5rem 0 1rem
}

.breakdance .multistep-form fieldset:nth-child(2) .breakdance-form-field__heading {
    margin-top: 0
}

.breakdance .multistep-form input[type=checkbox] + label,.breakdance .multistep-form input[type=radio] + label {
    color: var(--bde-palette-color-1-df863e02-2d1e-493a-ba7c-fc5ad7dd4823)
}

.breakdance .multistep-form input[type=checkbox] + label b,.breakdance .multistep-form input[type=radio] + label b {
    font-weight: 300;
    color: #151515
}

.breakdance .multistep-form .breakdance-form-checkbox {
    display: flex;
    flex-direction: column;
    gap: 0rem;
    align-items: flex-start;
    justify-content: flex-start
}

.breakdance .multistep-form .breakdance-form-checkbox input + label div {
    max-width: 100%!important
}

.breakdance .multistep-form .breakdance-form-checkbox .form-error-message {
    padding-left: 2rem
}

.breakdance .multistep-form .survey__field .choices {
    position: relative;
    z-index: 2
}

@media (max-width: 1119px) {
    .breakdance .multistep-form .survey__stepper {
        gap:0rem
    }
}

@media (max-width: 1023px) {
    .breakdance .multistep-form .survey__stepper {
        gap:0.25rem
    }

    .breakdance .multistep-form .survey__stepper--divider {
        display: none
    }

    .breakdance .multistep-form .survey__stepper--item {
        height: 4px;
        background: var(--bde-palette-color-1-39d21c29-c73e-4c1e-8880-f3016822925b);
        border-radius: 0.75rem;
        overflow: hidden
    }

    .breakdance .multistep-form .survey__stepper--item * {
        opacity: 0
    }

    .breakdance .multistep-form .survey__stepper--item.is--passed,.breakdance .multistep-form .survey__stepper--item.is--active {
        background: var(--bde-palette-color-1-7a94ce94-fd96-4ba7-bb87-5ea9182a80f3);
        color: #fff
    }
}

@media (max-width: 767px) {
    .breakdance .multistep-form .survey {
        gap:0rem
    }

    .breakdance .multistep-form .survey__body {
        max-height: 60vh;
        padding-right: 0px;
        margin-right: 0px
    }

    .breakdance .multistep-form .survey__stepper {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 3.125rem;
        max-width: 14rem
    }

    .breakdance .multistep-form .survey__controls {
        margin-top: 0;
        border-top: none;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0rem;
        padding: 0.5rem 1rem 2rem
    }

    .breakdance .multistep-form .survey__btn,.breakdance .multistep-form .survey__selection--btn,.breakdance .multistep-form .survey__final-btn {
        min-width: 100%
    }

    .breakdance .multistep-form .survey__btn--back {
        background-color: var(--bde-palette-color-1-5e4db19d-fd7f-41a7-823a-d9c7226afe1b)!important;
        mask-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.34863 13.6543C8.34863 13.9619 8.46289 14.2256 8.70898 14.4541L15.5469 21.1514C15.7402 21.3447 15.9863 21.4502 16.2764 21.4502C16.8564 21.4502 17.3223 20.9932 17.3223 20.4043C17.3223 20.1143 17.1992 19.8594 17.0059 19.6572L10.8447 13.6543L17.0059 7.65137C17.1992 7.44922 17.3223 7.18555 17.3223 6.9043C17.3223 6.31543 16.8564 5.8584 16.2764 5.8584C15.9863 5.8584 15.7402 5.96387 15.5469 6.15723L8.70898 12.8457C8.46289 13.083 8.34863 13.3467 8.34863 13.6543Z' fill='%231C1C1E'/%3E%3C/svg%3E%0A");
        position: absolute;
        left: .85rem;
        top: 2.25rem;
        width: 28px;
        max-width: 28px;
        min-width: 28px;
        height: 28px;
        overflow: hidden;
        padding: 0rem;
        border-radius: 0rem;
        border: none
    }

    .breakdance .multistep-form .survey__selection--item {
        padding: 4rem 0rem 2.75rem;
        display: flex;
        flex-direction: column;
        background-position: 0 0
    }

    .breakdance .multistep-form .survey__selection--text {
        margin-bottom: 1.5rem
    }

    .breakdance .multistep-form .survey__selection--btns {
        flex-flow: column wrap;
        gap: 0.5rem
    }

    .breakdance .multistep-form .survey__selection--btn {
        min-width: 100%
    }

    .breakdance .multistep-form .survey__selection--btn.label::after {
        right: 0.75rem
    }

    .breakdance .multistep-form .survey__step--paket-summary {
        margin-bottom: 2rem
    }

    .breakdance .multistep-form .survey__form .breakdance-form-field {
        grid-column-start: span 12
    }

    .breakdance .multistep-form .survey__form .breakdance-form-field.full-w {
        margin-top: 0rem
    }

    .breakdance .multistep-form .survey__step {
        padding: 1.5rem 1rem
    }
}

.breakdance .tooltip__text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 1rem;
    top: calc(100% + 1rem);
    z-index: 10;
    max-width: calc(100% - 2rem);
    min-width: 20rem;
    background: var(--bde-palette-color-1-39d21c29-c73e-4c1e-8880-f3016822925b);
    border-radius: 1rem;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.breakdance .tooltip__text.small {
    min-width: 18.5rem
}

.breakdance .tooltip__text.visible {
    opacity: 1;
    visibility: visible
}

.breakdance .tooltip__text::before {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    background: var(--bde-palette-color-1-39d21c29-c73e-4c1e-8880-f3016822925b);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    top: -0.5rem
}

@media (max-width: 1023px) {
    .breakdance .tooltip__text {
        left:calc(50% + 1rem)
    }
}

.breakdance .tooltip-trigger {
    cursor: pointer
}

.breakdance .button-atom:disabled, .breakdance .button-atom:hover:disabled {
    filter: none !important;
}

/* ----------------------- Grid system for form fields ----------------------- */
.breakdance .multistep-form .survey__form {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

/* Column width classes */
.breakdance .multistep-form .survey__form .breakdance-form-field.col-1 {
    grid-column: span 1; /* very narrow field */
}

.breakdance .multistep-form .survey__form .breakdance-form-field.col-2 {
    grid-column: span 2; /* narrow fields */
}

.breakdance .multistep-form .survey__form .breakdance-form-field.col-3 {
    grid-column: span 3; /* medium fields */
}

.breakdance .multistep-form .survey__form .breakdance-form-field.col-4 {
    grid-column: span 4; /* medium-wide fields */
}

.breakdance .multistep-form .survey__form .breakdance-form-field.col-5 {
    grid-column: span 5; /* wider fields */
}

.breakdance .multistep-form .survey__form .breakdance-form-field.col-6 {
    grid-column: span 6; /* 2 fields per row */
}

.breakdance .multistep-form .survey__form .breakdance-form-field.col-12 {
    grid-column: span 12; /* 1 field full width */
}

/* Mobile responsive - all fields full width on mobile */
@media (max-width: 767px) {
    .breakdance .multistep-form .survey__form .breakdance-form-field.col-1,
    .breakdance .multistep-form .survey__form .breakdance-form-field.col-2,
    .breakdance .multistep-form .survey__form .breakdance-form-field.col-3,
    .breakdance .multistep-form .survey__form .breakdance-form-field.col-4,
    .breakdance .multistep-form .survey__form .breakdance-form-field.col-5,
    .breakdance .multistep-form .survey__form .breakdance-form-field.col-6 {
        grid-column: span 12 !important;
    }
}