.bpa-frontend-main-container.bpa-frontend-vue3 .bp-v3-slot:empty {
display: none;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-frontend-vue3-loader .bpa-back-loader {
width: 72px;
height: 72px;
background-color: var(--bpa-pt-main-green, #12d488);
-webkit-mask: url(//www.rheinklang-media.de/wp-content/plugins/bookingpress-appointment-booking/images/bpa-loader.svg) center/72px auto no-repeat;
mask: url(//www.rheinklang-media.de/wp-content/plugins/bookingpress-appointment-booking/images/bpa-loader.svg) center/72px auto no-repeat;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-full-container-loader {
display: flex;
align-items: center;
justify-content: center;
min-height: 360px;
width: 100%;
}
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-full-container-loader .bpa-front-loader-container {
display: flex;
align-items: center;
justify-content: center;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-full-container-loader .bpa-front-loader.bpa-back-loader {
width: 64px;
height: 64px;
background-color: var(--bpa-pt-main-green, #12d488);
-webkit-mask: url(//www.rheinklang-media.de/wp-content/plugins/bookingpress-appointment-booking/images/bpa-loader.svg) center/64px auto no-repeat;
mask: url(//www.rheinklang-media.de/wp-content/plugins/bookingpress-appointment-booking/images/bpa-loader.svg) center/64px auto no-repeat;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__wrapper.bpa-front--dt__wrapper--positioned {
position: relative;
}
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-full-container-loader.bpa-full-container-loader--overlay {
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.92);
z-index: 10;
min-height: 0;
}  .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-bd-fields-row {
display: flex;
flex-direction: column;
gap: 18px;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-bd-field-col {
width: 100%;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0; line-height: normal;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item .bp-form-item__content {
margin-bottom: 4px;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item::before,
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item::after {
display: none; } .bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__label {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: 4px;
float: none !important;
text-align: left !important;
padding: 0 !important;
margin: 0;
line-height: 18px;
width: auto;
max-width: 100%;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-label {
font-size: 14px;
font-weight: 500;
color: var(--bp-v3-sub-title, #535D71);
line-height: 18px;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-required-asterisk {
color: var(--bpa-sc-danger, #EE2445);
font-weight: 600;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__content {
line-height: normal;
position: static;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__content::before,
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__content::after {
display: none;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-error,
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__error {
position: relative !important;
top: auto !important;
left: auto !important;
margin: 0;
padding: 0 0 0 20px;
line-height: 16px;
color: var(--bpa-sc-danger, #EE2445);
font-size: 12px;
min-height: 16px;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-error::before,
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__error::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background-color: var(--bpa-sc-danger, #EE2445);
-webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z'/%3E%3C/svg%3E");
-webkit-mask-size: 16px 16px;
mask-size: 16px 16px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-control {
width: 100%;
box-sizing: border-box; border: 1px solid var(--bp-v3-border, #CFD6E5);
border-radius: var(--bpa-radius-4px, 4px);
background-color: transparent;
color: var(--bp-v3-label, #202C45);
font-family: var(--bpa-primary-font, 'Poppins', sans-serif) !important;
font-size: 14px;
line-height: 20px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.bpa-frontend-main-container.bpa-frontend-vue3 textarea.bpa-front-form-control {
min-height: 96px;
resize: vertical;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-control.--bpa-country-dropdown,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-module--bd-form .bp-ui-tel-input .vue-tel-input {
border-color: var(--bp-v3-border, #CFD6E5) !important;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-module--bd-form .bp-input__wrapper .bp-input__prefix + .bp-input__inner {
padding-left: 24px !important;
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-control::placeholder {
color: var(--bpa-dt-black-100, #B8C1D3);
}
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-control:focus,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-control:focus-visible {
outline: none; } .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-error,
.bpa-frontend-main-container.bpa-frontend-vue3 .bp-form-item__error {
margin: 0;
color: var(--bpa-sc-danger, #EE2445);
font-size: 12px;
line-height: 16px;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-form-control--checkbox { margin-bottom: 0;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front-form-control--checkbox.el-checkbox
.el-checkbox__input.is-focus
.el-checkbox__inner {
box-shadow: 0 0 2px 1px var(--bpa-pt-main-green, rgba(18, 212, 136, 0.60));
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-tabs--foot .bpa-front-btn,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-dc--footer .bpa-front-btn {
cursor: pointer;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host .vc-day .vc-day-content.is-disabled,
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host .vc-day .vc-day-content.is-disabled:hover,
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host .vc-day .vc-day-content.is-disabled:focus,
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host .vc-day .vc-day-content.is-disabled:active {
cursor: not-allowed !important;
border: 1px solid transparent !important;
box-shadow: none !important;
outline: none !important;
pointer-events: none;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host
.vc-day .vc-day-content.__bp-v3-selected {
background-color: var(--bpa-pt-main-green, #12d488) !important;
color: var(--bp-v3-button-text, #ffffff) !important;
border-radius: 6px;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host
.vc-day.is-today .vc-day-content.__bp-v3-selected {
color: var(--bp-v3-button-text, #ffffff) !important;
}
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host
.vc-day.__bp-v3-has-capacity-label {
min-height: 44px;
}
.bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host
.vc-day > .bp-v3-day-capacity-label {
position: absolute;
left: 50%;
bottom: 1px;
transform: translateX(-50%);
max-width: 52px;
overflow: hidden;
color: var(--bpa-dt-black-200, #6b7280);
font-size: 10px;
font-weight: 500;
line-height: 12px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
}  .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front-module--pm-body .bpa-front-module--pm-body__item
.bpa-front-si-card--checkmark-icon {
background: var(--bpa-pt-background-color, #ffffff);
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__ts-body--item .bpa-front--dt__ts-overnight {
color: var(--bpa-pt-main-green, #12d488);
font-weight: 500;
}  .bpa-frontend-main-container.bpa-frontend-vue3 .bp-v3-sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-tab-menu--item:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-ci-pill:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-si-card:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front--dt__ts-body--item:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-module--pm-body__item:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front-btn:focus-visible {
outline: 2px solid var(--bpa-pt-main-green, #19b681);
outline-offset: 2px;
box-shadow: 0 0 0 2px rgba(25, 182, 129, 0.2);
} .bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front--dt__calendar-host .vc-arrow:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front--dt__calendar-host .vc-title:focus-visible,
.bpa-frontend-main-container.bpa-frontend-vue3 .bpa-front--dt__calendar-host .vc-day-content:focus-visible {
outline: 2px solid var(--bpa-pt-main-green, #19b681);
outline-offset: 1px;
} .bpa-frontend-main-container.bpa-frontend-vue3
.bpa-front--dt__calendar-host .vc-day .vc-day-content.is-disabled:focus-visible {
outline: 2px dashed #9aa3b5 !important;
outline-offset: 1px;
} .bpa-frontend-main-container.bpa-frontend-vue3 [data-bp-step-heading]:focus {
outline: none;
}