:root {
    --beon-booking-color-1: #000000;
    --beon-booking-color-2: #006EB8;
    --beon-booking-color-3: #DBEFFA;
    --beon-booking-color-4: #df2545;
    --beon-booking-color-5:#F7E1E4;
    --beon-booking-color-6: #E9DDD0;
    --beon-booking-color-7: #ffc252;
    --beon-booking-color-8: #166434;
    --beon-booking-color-9: #009636;
    --beon-booking-color-10: #e0e0e0;
    --beon-booking-color-11: #dbe6ed;
    --beon-booking-color-12: #a8c2d1;
    --beon-booking-color-13: #f4f5f8;
    --beon-booking-color-14: #ffffff;

    --beon-booking-font-size-xxl: 30px;
    --beon-booking-font-size-xl: 22px;
    --beon-booking-font-size-l: 14px;
    --beon-booking-font-size-m: 16px;
    --beon-booking-font-size-s: 14px;
    --beon-booking-font-size-xs: 12px;

    --beon-booking-font-family-1: "Open sans";

    --beon-booking-line-height-1: 60px;
    --beon-booking-line-height-2: 45px;
    --beon-booking-line-height-3: 38px;
    --beon-booking-line-height-4: 28px;
    --beon-booking-line-height-5: 26px;
    --beon-booking-line-height-6: 24px;

    --beon-booking-font-weight-medium: 500;
    --beon-booking-font-weight-bold: 700;

    --beon-booking-error-text-color: var(--beon-booking-color-4);
    --beon-booking-error-background-color: var(--beon-booking-color-5);
    --beon-booking-error-border-color: var(--beon-booking-color-4);


    --beon-booking-success-text-color: var(--beon-booking-color-8);
    --beon-booking-success-background-color: var(--beon-booking-color-9);
    --beon-booking-success-border-color: var(--beon-booking-color-9);

    --beon-booking-check-icon-color: var(--beon-booking-color-14);
    --beon-booking-check-icon-background-color: var(--beon-booking-color-9);

    --beon-booking-border-radius-s: 5px;
    --beon-booking-border-radius-m: 10px;
    --beon-booking-border-radius-l: 10px;


    --beon-booking-border-color: var(--beon-booking-color-10);
    --beon-booking-line-color: var(--beon-booking-color-10);
    --beon-booking-text-color: var(--beon-booking-color-1);

    --beon-booking-focus-outline-color: var(--beon-booking-color-1);

    --beon-booking-background-color: transparent;
    --beon-booking-element-background-color: var(--beon-booking-color-14);

    --beon-headline-element-font-family: var(--beon-booking-font-family-1);
    --beon-headline-element-font-size: var(--beon-booking-font-size-xl);
    --beon-headline-element-font-weight: var(--beon-booking-font-weight-bold);
    --beon-headline-element-xxl-font-size: var(--beon-booking-font-size-xxl);
    --beon-headline-element-xxl-font-weight: var(--beon-headline-element-font-weight);

    /* stepline*/
    --beon-booking-stepline-aktiv-color: var(--beon-booking-color-9);
    --beon-booking-stepline-inaktiv-color: var(--beon-booking-color-3);
    --beon-booking-stepline-aktiv-text-color: var(--beon-booking-color-1);
    --beon-booking-stepline-inaktiv-text-color: var(--beon-booking-color-1);

     /* page-1 */
    --beon-booking-page-1-background-color: var(--beon-booking-color-14);
    --beon-booking-page-1-border-radius: var(--beon-booking-border-radius-m);
    --beon-booking-page-1-border-radius-l: var(--beon-booking-border-radius-l);

    --beon-booking-page-1-button-border-color: var(--beon-booking-border-color);
    --beon-booking-page-1-button-background-color: var(--beon-booking-color-14);
    --beon-booking-page-1-button-color: var(--beon-booking-text-color);
    --beon-booking-page-1-button-hover-background-color: var(--beon-booking-color-14);
    --beon-booking-page-1-button-hover-color: var(--beon-booking-text-color);

    --beon-booking-button-submit-color: var(--beon-booking-color-14);
    --beon-booking-button-submit-background-color: var(--beon-booking-color-2);
    --beon-booking-button-submit-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-button-submit-hover-color: var(--beon-booking-text-color);
    --beon-booking-button-submit-font-size: var(--beon-booking-font-size-l);
    --beon-booking-button-submit-font-weight: var(--beon-booking-font-weight-bold);

    --beon-booking-num-input-button-deactive-background-color: #DBEFFA;
    --beon-booking-num-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-background-color: var(--beon-booking-color-2);
    --beon-booking-num-input-button-color: var(--beon-booking-color-13);
    --beon-booking-num-input-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-hover-color: var(--beon-booking-color-13);
    --beon-booking-calender-selected-end-day-border-radius:50%;

    --beon-booking-input-field-background-color: var(--beon-booking-color-14);
    --beon-booking-input-field-border-color: var(--beon-booking-border-color);
    --beon-booking-input-field-color: var(--beon-booking-text-color);
    --beon-booking-input-field-font-size: var(--beon-booking-font-size-l);
    --beon-booking-input-field-font-weight: var(--font-weight-3);
    --beon-booking-input-field-font-family: var(--beon-booking-font-family-1);

    --beon-booking-label-input-field-color: var(--beon-booking-text-color);
    --beon-booking-label-input-field-font-size: var(--beon-booking-font-size-xs);
    --beon-booking-label-input-field-font-weight: var(--font-weight-3);

    --beon-booking-arrow-input-button-deactive-background-color: var(--beon-booking-color-6);
    --beon-booking-arrow-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-background-color: var(--beon-booking-color-2);
    --beon-booking-arrow-input-button-color: var(--beon-booking-color-13);
    --beon-booking-arrow-input-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-hover-color: var(--beon-booking-color-13);

    --beon-booking-icon-button-deactive-background-color: var(--beon-booking-color-13);
    --beon-booking-icon-button-deactive-color: var(--beon-booking-color-14);
    --beon-booking-icon-button-background-color: var(--beon-booking-color-13);
    --beon-booking-icon-button-color: var(--beon-booking-color-1);
    --beon-booking-icon-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-icon-button-hover-color: var(--beon-booking-color-13);

    --beon-booking-modal-header-text-color: var(--beon-booking-text-color);
    --beon-booking-modal-header-border-aktiv-color: var(--beon-booking-color-1);
    --beon-booking-modal-header-border-inactiv-color: var(--beon-booking-border-color);
    --beon-booking-modal-header-icon-color: var(--beon-booking-color-1);
    --beon-booking-modal-header-icon-background-color: var(--beon-booking-color-1);

    --beon-booking-modal-background-color: var(--beon-booking-color-14);
    --beon-booking-modal-border-radius: var(--beon-booking-border-radius);
    --beon-booking-modal-footer-button-color: var(--beon-booking-color-14);
    --beon-booking-modal-footer-button-background-color: var(--beon-booking-color-2);
    --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-modal-footer-button-hover-color: var(--beon-booking-text-color);
    --beon-booking-modal-line-color: var(--beon-booking-line-color);
    --beon-booking-modal-footer-button-font-family: var(--beon-booking-font-family-1);
    --beon-booking-modal-footer-button-font-weight:var(--beon-booking-font-weight-bold);
    --beon-booking-modal-footer-button-font-size: var(--beon-booking-font-size-m);
    --beon-booking-modal-footer-border-radius: var(--beon-booking-border-radius-m);
    --beon-booking-modal-header-element-border-radius: var(--beon-booking-border-radius-m);

        /* calendar */
    --beon-booking-calender-min-height:345px;
    --beon-booking-calender-color-bg-default: var(--beon-booking-white);
    --beon-booking-calender-color-bg-secondary: var(--beon-booking-grey-6);
    --beon-booking-calender-color-fg-default: var(--beon-booking-black);
    --beon-booking-calender-color-fg-primary: var(--beon-booking-blue-3);
    --beon-booking-calender-color-fg-secondary: var(--beon-booking-grey-3);
    --beon-booking-calender-color-fg-selected: var(--beon-booking-white);
    --beon-booking-calender-color-fg-muted: var(--beon-booking-grey-4);
    --beon-booking-calender-color-fg-accent: var(--beon-booking-red-3);
    --beon-booking-calender-color-btn-primary-bg: var(--beon-booking-white);
    --beon-booking-calender-color-btn-primary-fg: var(--beon-booking-blue-3);
    --beon-booking-calender-color-btn-primary-border:  var(--beon-booking-blue-3);
    --beon-booking-calender-color-btn-primary-hover-bg:  var(--beon-booking-blue-3);
    --beon-booking-calender-color-btn-primary-hover-fg: var(--beon-booking-white);
    --beon-booking-calender-color-btn-primary-hover-border:  var(--beon-booking-blue-3);
    --beon-booking-calender-color-btn-primary-disabled-bg:  var(--beon-booking-blue-4);
    --beon-booking-calender-color-btn-primary-disabled-fg: var(--beon-booking-white);
    --beon-booking-calender-color-btn-primary-disabled-border: var(--beon-booking-blue-4);
    --beon-booking-calender-color-btn-secondary-bg: var(--beon-booking-white);
    --beon-booking-calender-color-btn-secondary-fg: var(--beon-booking-grey-3);
    --beon-booking-calender-color-btn-secondary-border: var(--beon-booking-grey-3);
    --beon-booking-calender-color-btn-secondary-hover-bg: var(--beon-booking-grey-3);
    --beon-booking-calender-color-btn-secondary-hover-fg: var(--beon-booking-white);
    --beon-booking-calender-color-btn-secondary-hover-border: var(--beon-booking-grey-3);
    --beon-booking-calender-color-btn-secondary-disabled-bg: var(--beon-booking-grey-4);
    --beon-booking-calender-color-btn-secondary-disabled-fg: var(--beon-booking-white);
    --beon-booking-calender-color-btn-secondary-disabled-border: var(--beon-booking-grey-4);
    --beon-booking-calender-color-border-default: var(--beon-booking-grey-4);
    --beon-booking-calender-color-border-locked: var(--beon-booking-grey-6);
    --beon-booking-calender-white-color: var(--beon-booking-white);
    --beon-booking-calender-black-color: var(--beon-booking-black);
    --beon-booking-calender-lightgray-color: var(--beon-booking-grey-6);
    --beon-booking-calender-gray-color: var(--beon-booking-grey-4);
    --beon-booking-calender-red-color: var(--beon-booking-red-3);
    --beon-booking-calender-border-radius-calender: var(--beon-booking-border-radius-s);
    --beon-booking-calender-unavailable : "transparent";
    --beon-booking-calender-unavailable-text: var(--beon-booking-color-3);
    --beon-booking-calender-available: "transparent";
    --beon-booking-calender-available-text:  var(--beon-booking-color-1);
    --beon-booking-calender-locked-available: "transparent";
    --beon-booking-calender-locked-available-text: var(--beon-booking-color-1);
    --beon-booking-calender-past: "transparent";
    --beon-booking-calender-past-text:  var(--beon-booking-color-3);;
    --beon-booking-calender-locked: "transparent";
    --beon-booking-calender-locked-text:  var(--beon-booking-color-3);;
    --beon-booking-calender-selected: #DBEFFA;
    --beon-booking-calender-selected-text: var(--beon-booking-color-1);
    --beon-booking-calender-selected-day: #009636;
    --beon-booking-calender-selected-day-text: var(--beon-booking-color-14);
    --beon-booking-calender-tooltip: var(--beon-booking-color-2);
    --beon-booking-calender-tooltip-text: var(--beon-booking-color-14);
    --beon-booking-calender-border-radius: 50%;
    --beon-booking-calender-day-width: 40px;
    --beon-booking-calender-day-height: 40px;
    --beon-booking-calender-day-size: 35px;
    --beon-booking-calender-button-background-color: var(--beon-booking-color-2);
    --beon-booking-calender-button-color: var(--beon-booking-color-14);
    --beon-booking-calender-button-border-color: transparent;
    --beon-calender-button-border-radius: 60px;
    --beon-booking-calender-button-border-radius:60px;
    --beon-booking-calender-selected-start-day-border-radius:50%;

    --beon-booking-button-background-color: var(--beon-booking-color-2);
    --beon-booking-button-color: var(--beon-booking-color-14);
    --beon-booking-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-button-hover-color: var(--beon-booking-color-14);

    --beon-booking-back-button-background-color: var(--beon-booking-color-14);
    --beon-booking-back-button-color: var(--beon-booking-color-1);
    --beon-booking-back-button-hover-background-color: var(--beon-booking-color-14);
    --beon-booking-back-button-hover-color: var(--beon-booking-color-1);

    --beon-booking-banner-background-color: var(--beon-booking-color-6);
    --beon-booking-banner-text-color: var(--beon-booking-color-1);

    --beon-booking-rrv-select-color: var(--beon-booking-color-1);
    --beon-booking-select-color: var(--beon-booking-color-14);
    --beon-booking-select-background-color: var(--beon-booking-color-2);

    --beon-booking-unit-score-background-color: var(--beon-booking-color-8);
    --beon-booking-unit-score-color: var(--beon-booking-color-14);

    --beon-booking-spinner-color: var(--beon-booking-color-1);
    --beon-booking-spinner-background-color: var(--beon-booking-color-14);

    --beon-booking-tooltip-color: var(--beon-booking-color-14);
    --beon-booking-tooltip-background-color: var(--beon-booking-color-1);

    --beon-booking-sticky-box-desktop-top: 5rem;

    --beon-booking-cancelation-background-color: var(--beon-booking-color-14);
    --beon-booking-cancelation-text-color: var(--beon-booking-text-color);

    --beon-booking-header-logo-margin: none;
    --beon-booking-header-logo-small-margin: none;
    --beon-booking-header-logo-width: 205px;
    --beon-booking-header-logo-small-width: 60px;
    --beon-booking-header-logo-height: 60px;
    --beon-booking-header-logo-small-height: 60px;
    --beon-booking-header-height: 80px;

    --beon-booking-header-extend-logo-margin: none;
    --beon-booking-header-extend-logo-small-margin: none;
    --beon-booking-with-padding: 1.3rem;
    --beon-booking-max-width:inherit;


    --beon-booking-services-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-coupon-input-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-button-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-button-submit-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-bookingdetails-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-ergo-plan-title-font-family:var(--beon-booking-font-family-1);
    --beon-booking-ergo-plan-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-step-2-userdata-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-back-button-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-web-component-border-radius:var(--beon-booking-border-radius-m);
    --beon-booking-urv-border-radius:var(--beon-booking-border-radius-m);
}