/* new Locize booking component */
:root {

    --beon-booking-color-1: #185ba3;
    --beon-booking-color-2: #ACD5E8;
    --beon-booking-color-3: #6c6e63;
    --beon-booking-color-4: #df2545;
    --beon-booking-color-5:#e8e3d8;
    --beon-booking-color-6: #e8e3d8;
    --beon-booking-color-7: #ffc252;
    --beon-booking-color-8: #166434;
    --beon-booking-color-9: #45ac55;
    --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;
/*
--------------------------------------------------------------
                    STYLE GUIDE
--------------------------------------------------------------
*/
  /* General colors */
  --beon-booking-red-1: #4a0b15;
  --beon-booking-red-2: #9a142a;
  --beon-booking-red-3: #df2545;
  --beon-booking-red-4: #f7e1e4;

  --beon-booking-yellow-1: #4a3a00;
  --beon-booking-yellow-2: #9a7a00;
  --beon-booking-yellow-3: #e6b10a;
  --beon-booking-yellow-4: #ffe7ba;

  --beon-booking-green-1: #02341f;
  --beon-booking-green-2: #166434;
  --beon-booking-green-3: #45ac55;
  --beon-booking-green-4: #e2ede4;

  --beon-booking-blue-1: #000000;
  --beon-booking-blue-2: #185ba3;
  --beon-booking-blue-3: #6b82ff;
  --beon-booking-blue-4: #a2b0ff;

  --beon-booking-grey-1: #2d4f66;
  --beon-booking-grey-2: #556e83;
  --beon-booking-grey-3: #676767;
  --beon-booking-grey-4: #a5b2bd;
  --beon-booking-grey-5: #ccd3da;
  --beon-booking-grey-6: #f4f5f8;

  --beon-booking-white: #ffffff;
  --beon-booking-black: #000000;

  /* general color schema */
  --beon-booking-primary-color: var(--beon-booking-blue-2);

  /* font-sizes */
  --beon-booking-font-size-xxl: 23px;
  --beon-booking-font-size-xl: 22px;
  --beon-booking-font-size-l: 18px;
  --beon-booking-font-size-m: 16px;
  --beon-booking-font-size-s: 14px;
  --beon-booking-font-size-xs: 12px;

  /* font-families */
  --beon-booking-font-family-1: 'Open Sans';
  --beon-booking-font-family-2: 'Open Sans';

  /* transitions */
  --beon-booking-transition: all 0.15s ease-in-out;

  /* border radius */
  --beon-booking-border-radius-s: 0px;
  --beon-booking-border-radius-m: 0px;
  --beon-booking-border-radius-l: 0px;
  --beon-booking-border-radius-full: 50%;

  /* line-heights */
  --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;

  /* font-weights */
  --beon-booking-font-weight-light: 300;
  --beon-booking-font-weight-normal: 400;
  --beon-booking-font-weight-medium: 500;
  --beon-booking-font-weight-semi: 600;
  --beon-booking-font-weight-bold: 700;

  /*
--------------------------------------------------------------
                        STYLE
--------------------------------------------------------------
*/

  /* general layout */
  --beon-booking-with-padding: 0rem;
  --beon-booking-max-width: 1200px;
  --beon-booking-sticky-box-desktop-top: 0;
  --beon-booking-web-component-border-radius: var(--beon-booking-border-radius-l);

  --beon-booking-button-letter-spacing: unset;
  --beon-booking-button-font-size: var(--beon-booking-font-size-l);
  --beon-booking-button-transition: var(--beon-booking-transition);
  --beon-booking-button-hover-filter: saturate(300%);
  --beon-booking-button-background-color: var(--beon-booking-green-3);
  --beon-booking-button-color: var(--beon-booking-white);
  --beon-booking-button-hover-background-color: var(--beon-booking-primary-color);
  --beon-booking-button-hover-color: var(--beon-booking-white);
  --beon-booking-button-text-transform: none;
  --beon-booking-button-font-family: var(--beon-booking-font-family-1);
  --beon-booking-button-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-button-icon-display: block;
  --beon-booking-button-border-radius: var(--beon-booking-border-radius-m);

  /* header logo */
  --beon-booking-header-logo-margin: none;
  --beon-booking-header-logo-small-margin: none;
  --beon-booking-header-extend-logo-margin: none;
  --beon-booking-header-extend-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;

  /* Overlay font family (mostly pick the display font) */
  --beon-booking-img-overlay-font-family: var(--beon-booking-font-family-2);

  /* status colors */
  --beon-booking-focus-outline-color: var(--beon-booking-blue-2);

  --beon-booking-error-text-color: var(--beon-booking-red-3);
  --beon-booking-error-background-color: var(--beon-booking-red-4);
  --beon-booking-error-border-color: var(--beon-booking-red-3);
  --beon-booking-error-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-success-text-color: var(--beon-booking-green-2);
  --beon-booking-success-background-color: var(--beon-booking-green-3);
  --beon-booking-success-border-color: var(--beon-booking-green-3);

  --beon-booking-check-icon-color: var(--beon-booking-white);
  --beon-booking-check-icon-background-color: var(--beon-booking-green-3);

  --beon-booking-border-color: var(--beon-booking-grey-5);
  --beon-booking-line-color: var(--beon-booking-grey-5);
  --beon-booking-text-color: var(--beon-booking-primary-color);

  --beon-booking-background-color: var(--beon-booking-white);
  --beon-booking-element-background-color: var(--beon-booking-white);

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

  /* stepline*/
  --beon-booking-stepline-aktiv-color: var(--beon-booking-primary-color);
  --beon-booking-stepline-inaktiv-color: var(--beon-booking-grey-4);
  --beon-booking-stepline-aktiv-text-color: var(--beon-booking-primary-color);
  --beon-booking-stepline-inaktiv-text-color: var(--beon-booking-primary-color);

  /* page-1 */
  --beon-booking-page-1-background-color: var(--beon-booking-white);
  --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-white);
  --beon-booking-page-1-button-color: var(--beon-booking-blue-2);
  --beon-booking-page-1-button-hover-background-color: var(--beon-booking-white);
  --beon-booking-page-1-button-hover-color: var(--beon-booking-text-color);

  --beon-booking-date-guest-button-guests-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-date-guest-button-guests-font-family: var(--beon-booking-font-family-1);
  --beon-booking-date-guest-button-guests-text-transform: none;
  --beon-booking-date-guest-button-guests-letter-spacing: unset;
  --beon-booking-date-guest-button-guests-font-size: var(--beon-booking-font-size-l);
  --beon-booking-date-guest-button-dates-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-date-guest-button-dates-font-family: var(--beon-booking-font-family-1);
  --beon-booking-date-guest-button-dates-text-transform: none;
  --beon-booking-date-guest-button-dates-letter-spacing: unset;
  --beon-booking-date-guest-button-dates-font-size: var(--beon-booking-font-size-l);

  --beon-booking-date-guest-reservation-button-text-transform: none;
  --beon-booking-date-guest-reservation-button-background-color: var(--beon-booking-white);
  --beon-booking-date-guest-reservation-button-text-color: var(--beon-booking-text-color);
  --beon-booking-date-guest-reservation-button-font-size: var(--beon-booking-font-size-l);
  --beon-booking-date-guest-reservation-button-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-date-guest-reservation-button-font-family: var(--beon-booking-font-family-1);
  --beon-booking-date-guest-reservation-button-text-decoration: underline;
  --beon-booking-date-guest-reservation-button-border-radius: var(--beon-booking-border-radius-l);
  --beon-booking-date-guest-reservation-button-border: 0px solid var(--beon-booking-border-color);

  --beon-booking-button-submit-color: var(--beon-booking-button-color);
  --beon-booking-button-submit-background-color: var(--beon-booking-button-background-color);
  --beon-booking-button-submit-hover-background-color: var(--beon-booking-green-3);
  --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-button-submit-font-family: var(--beon-booking-font-family-1);
  --beon-booking-button-submit-border-radius: var(--beon-booking-border-radius-s);
  --beon-booking-button-submit-text-transform: none;

  /* page 1 discount mode */
  --beon-booking-page-1-discount-mode-background-color: var(--beon-booking-red-4);
  --beon-booking-page-1-discount-mode-border: 1px solid var(--beon-booking-red-2);
  --beon-booking-page-1-discount-mode-button-text-color: var(--beon-booking-red-2);
  --beon-booking-page-1-discount-mode-button-background-color: var(--beon-booking-white);
  --beon-booking-page-1-discount-mode-button-border: 1px solid var(--beon-booking-red-2);
  --beon-booking-page-1-discount-mode-next-button-border: 1px solid var(--beon-booking-red-2);
  --beon-booking-page-1-discount-mode-next-button-text-color: var(--beon-booking-white);
  --beon-booking-page-1-discount-mode-next-button-background-color: var(--beon-booking-red-2);
  --beon-booking-page-1-discount-mode-text-color: var(--beon-booking-red-2);
  --beon-booking-page-1-discount-mode-seperator-line-color: var(--beon-booking-red-2);

  /* number input */
  --beon-booking-num-input-button-deactive-background-color: var(--beon-booking-grey-6);
  --beon-booking-num-input-button-deactive-color: var(--beon-booking-primary-color);
  --beon-booking-num-input-button-background-color: var(--beon-booking-primary-color);
  --beon-booking-num-input-button-color: var(--beon-booking-grey-6);
  --beon-booking-num-input-button-hover-background-color: var(--beon-booking-primary-color);
  --beon-booking-num-input-button-hover-color: var(--beon-booking-grey-6);
  --beon-booking-num-input-button-deactive-border: none;
  --beon-booking-num-input-button-border: none;

  /* custom input */
  --beon-booking-input-field-background-color: var(--beon-booking-white);
  --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(--beon-booking-font-weight-normal);
  --beon-booking-input-field-font-family: var(--beon-booking-font-family-1);
  --beon-booking-input-border-radius: var(--beon-booking-border-radius-m);

  --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(--beon-booking-font-weight-normal);

  /* arrow button */
  --beon-booking-arrow-input-button-deactive-background-color: var(--beon-booking-grey-6);
  --beon-booking-arrow-input-button-deactive-color: var(--beon-booking-primary-color);
  --beon-booking-arrow-input-button-background-color: var(--beon-booking-primary-color);
  --beon-booking-arrow-input-button-color: var(--beon-booking-grey-6);
  --beon-booking-arrow-input-button-hover-background-color: var(--beon-booking-primary-color);
  --beon-booking-arrow-input-button-hover-color: var(--beon-booking-grey-6);

  /* icon button */
  --beon-booking-icon-button-deactive-background-color: var(--beon-booking-grey-6);
  --beon-booking-icon-button-deactive-color: var(--beon-booking-white);
  --beon-booking-icon-button-background-color: var(--beon-booking-grey-6);
  --beon-booking-icon-button-color: var(--beon-booking-primary-color);
  --beon-booking-icon-button-hover-background-color: var(--beon-booking-primary-color);
  --beon-booking-icon-button-hover-color: var(--beon-booking-grey-6);

  /* modal */
  --beon-booking-modal-header-text-color: var(--beon-booking-text-color);
  --beon-booking-modal-header-border-aktiv-color: var(--beon-booking-primary-color);
  --beon-booking-modal-header-border-inactiv-color: var(--beon-booking-border-color);
  --beon-booking-modal-header-icon-color: var(--beon-booking-primary-color);
  --beon-booking-modal-header-icon-background-color: var(--beon-booking-primary-color);
  --beon-booking-modal-background-color: var(--beon-booking-white);
  --beon-booking-modal-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-modal-footer-button-color: var(--beon-booking-white);
  --beon-booking-modal-footer-button-background-color: var(--beon-booking-green-3);
  --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-green-3);
  --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);

  --beon-booking-back-button-background-color: var(--beon-booking-white);
  --beon-booking-back-button-color: var(--beon-booking-primary-color);
  --beon-booking-back-button-hover-background-color: var(--beon-booking-white);
  --beon-booking-back-button-hover-color: var(--beon-booking-primary-color);
  --beon-booking-back-button-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-banner-background-color: var(--beon-booking-green-4);
  --beon-booking-banner-text-color: var(--beon-booking-primary-color);
  --beon-booking-banner-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-rrv-select-color: var(--beon-booking-primary-color);
  --beon-booking-select-color: var(--beon-booking-white);
  --beon-booking-select-background-color: var(--beon-booking-primary-color);

  --beon-booking-unit-image-title-font: var(--beon-booking-font-weight-medium) var(--beon-booking-font-size-l)
    var(--beon-booking-font-family-1);
  --beon-booking-unit-score-background-color: var(--beon-booking-green-2);
  --beon-booking-unit-score-color: var(--beon-booking-white);

  --beon-booking-unit-info-font: var(--beon-booking-font-weight-bold) var(--beon-booking-font-size-s)
    var(--beon-booking-font-family-1);
  --beon-booking-unit-info-div-font: var(--beon-booking-font-weight-normal) var(--beon-booking-font-size-l)
    var(--beon-booking-font-family-1);
  --beon-booking-info-endprice-font: var(--beon-booking-font-weight-bold) var(--beon-booking-font-size-m)
    var(--beon-booking-font-family-1);
  --beon-booking-info-deposit-font: var(--beon-booking-font-weight-normal) var(--beon-booking-font-size-m)
    var(--beon-booking-font-family-1);

  --beon-booking-unit-service-overview-headline-font: var(--beon-booking-font-weight-medium)
    var(--beon-booking-font-size-s)/var(--beon-booking-line-height-6) var(--beon-booking-font-family-1);
  --beon-booking-unit-service-overview-label-font: var(--beon-booking-font-weight-medium)
    var(--beon-booking-font-size-m)/var(--beon-booking-line-height-4) var(--beon-booking-font-family-1);

  --beon-booking-spinner-color: var(--beon-booking-primary-color);
  --beon-booking-spinner-background-color: var(--beon-booking-white);

  --beon-booking-tooltip-color: var(--beon-booking-white);
  --beon-booking-tooltip-background-color: var(--beon-booking-primary-color);

  /* dateguest panel */
  --beon-booking-date-guest-element-background-color: var(--beon-booking-white);
  --beon-booking-date-guest-element-border-color: var(--beon-booking-grey-5);
  --beon-booking-date-guest-element-prices-text-color: var(--beon-booking-black);

  /* guestapp express booking */
  --beon-booking-guestapp-box-border-radius: var(--beon-booking-border-radius-s);
  --beon-booking-guestapp-headline-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-guestapp-button-background-color: var(--beon-booking-primary-color);
  --beon-booking-guestapp-button-color: var(--beon-booking-white);
  --beon-booking-guestapp-button-font-size: var(--beon-booking-font-size-l);
  --beon-booking-guestapp-button-line-height: var(--beon-booking-line-height-1);
  --beon-booking-guestapp-button-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-guestapp-button-font-family: var(--beon-booking-font-family-1);
  --beon-booking-guestapp-button-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-guestapp-button-button-svg-full: var(--beon-booking-white);
  --beon-booking-guestapp-button-border: none;

  --beon-booking-guestapp-top-header-offset: 80px;
  --beon-booking-guestapp-top-header-offset-laptop: 79px;
  --beon-booking-guestapp-top-header-offset-desktop: 75px;

  --beon-booking-page-2-first-headline-font-family: var(--beon-booking-font-family-1);
  --beon-booking-page-2-input-label-font-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-step-2-userdata-border-radius: var(--beon-booking-border-radius-m);

  /* child age */
  --beon-booking-childage-bg: var(--beon-booking-white);
  --beon-booking-childage-border-color: transparent;
  --beon-booking-childage-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-childage-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --beon-booking-childage-title-font-size: var(--beon-booking-font-size-m);
  --beon-booking-childage-title-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-childage-badge-bg: var(--beon-booking-blue-4);
  --beon-booking-childage-badge-border-radius: var(--beon-booking-border-radius-l);
  --beon-booking-childage-icon-color: var(--beon-booking-primary-color);
  --beon-booking-childage-chevron-color: var(--beon-booking-black);

  /* 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);

  /* example for simple clean calendar version */
  /* --beon-booking-calender-border-radius: var(--beon-booking-border-radius-s);
  --beon-booking-calender-selected-end-day-border-radius: var(--beon-booking-border-radius-s);
  --beon-booking-calender-selected-start-day-border-radius: var(--beon-booking-border-radius-s);
  --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-grey-5);
  --beon-booking-calender-available: 'transparent';
  --beon-booking-calender-available-text: var(--beon-booking-primary-color);
  --beon-booking-calender-locked-available: 'transparent';
  --beon-booking-calender-locked-available-text: var(--beon-booking-primary-color);
  --beon-booking-calender-past: 'transparent';
  --beon-booking-calender-past-text: var(--beon-booking-grey-5);
  --beon-booking-calender-locked: 'transparent';
  --beon-booking-calender-locked-text: var(--beon-booking-grey-5);
  --beon-booking-calender-selected: var(--beon-booking-blue-4);
  --beon-booking-calender-past-text-decoration: line-through;
  --beon-booking-calender-unavailable-text-decoration: line-through; */

  /* example for more colorful calendar version */
  --beon-booking-calender-border-radius: var(--beon-booking-border-radius-full);
  --beon-booking-calender-selected-end-day-border-radius: var(--beon-booking-border-radius-full);
  --beon-booking-calender-selected-start-day-border-radius: var(--beon-booking-border-radius-full);
  --beon-booking-calender-border-radius-calender: var(--beon-booking-border-radius-full);
  --beon-booking-calender-unavailable: var(--beon-booking-red-3);
  --beon-booking-calender-unavailable-text: var(--beon-booking-white);
  --beon-booking-calender-available: var(--beon-booking-green-3);
  --beon-booking-calender-available-text: var(--beon-booking-white);
  --beon-booking-calender-locked-available: var(--beon-booking-green-3);
  --beon-booking-calender-locked-available-text: var(--beon-booking-white);
  --beon-booking-calender-past: 'transparent';
  --beon-booking-calender-past-text: var(--beon-booking-grey-5);
  --beon-booking-calender-locked: 'transparent';
  --beon-booking-calender-locked-text: var(--beon-booking-grey-5);
  --beon-booking-calender-selected: var(--beon-booking-primary-color);
  --beon-booking-calender-past-text-decoration: none;
  --beon-booking-calender-unavailable-text-decoration: none;

  --beon-booking-calender-selected-text: var(--beon-booking-white);
  --beon-booking-calender-selected-day: var(--beon-booking-primary-color);
  --beon-booking-calender-selected-day-text: var(--beon-booking-white);
  --beon-booking-calender-tooltip: var(--beon-booking-primary-color);
  --beon-booking-calender-tooltip-text: var(--beon-booking-white);
  --beon-booking-calender-day-width: 40px;
  --beon-booking-calender-day-height: 40px;
  --beon-booking-calender-day-size: 35px;
  --beon-booking-calender-day-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-calender-button-background-color: var(--beon-booking-primary-color);
  --beon-booking-calender-button-color: var(--beon-booking-white);
  --beon-booking-calender-button-border-color: transparent;
  --beon-booking-calender-price-size: var(--beon-booking-font-size-xs);
  --beon-booking-calender-price-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-calender-price-opacity: 50%;
  --beon-booking-calender-button-border-radius: var(--beon-booking-border-radius-full);
  --beon-booking-calender-gradient-orientation: 90deg;

  --beon-booking-bookingdetails-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-active-coupon-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-coupon-input-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-coupon-close-fill: var(--beon-booking-primary-color);

  --beon-booking-urv-title-font-family: var(--beon-booking-font-family-1);
  --beon-booking-urv-title-font-size: var(--beon-booking-font-size-xl);
  --beon-booking-urv-title-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-urv-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-step-3-payment-types-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-step-3-urv-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-step-3-payment-option-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-step-3-divider-color: var(--beon-booking-grey-4);
  --beon-booking-step-3-payment-option-onsite-bg: var(--beon-booking-grey-5);
  --beon-booking-step-3-payment-option-label-font-size: var(--beon-booking-font-size-l);
  --beon-booking-step-3-payment-option-label-font-weight: var(--beon-booking-font-weight-medium);

  --beon-booking-panel-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-panel-payment-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-panel-payment-font-family: var(--beon-booking-font-family-1);
  --beon-booking-panel-payment-font-size: var(--beon-booking-font-size-l);

  --beon-booking-cancellation-headline-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-cancellation-headline-font-family: var(--beon-booking-font-family-1);
  --beon-booking-cancelation-background-color: var(--beon-booking-white);
  --beon-booking-cancelation-text-color: var(--beon-booking-text-color);
  --beon-booking-cancelation-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-cancellation-check-color: var(--beon-booking-check-icon-color);
  --beon-booking-cancellation-border-color: var(--beon-booking-border-color);
  --beon-booking-cancellation-icon: var(--beon-booking-text-color);

  --beon-booking-coupon-headline-font-family: var(--beon-booking-font-family-1);

  --beon-booking-service-gallery-label-font-weight: var(--beon-booking-font-weight-medium);
  --beon-booking-service-gallery-label-font-family: var(--beon-booking-font-family-1);
  --beon-booking-services-header-font: var(--beon-booking-font-weight-medium) var(--beon-booking-font-size-xl)
    var(--beon-booking-font-family-1);

  --beon-booking-service-line-img-max-height: 180px;
  --beon-booking-service-line-img-height: 180px;
  --beon-booking-service-line-img-aspect-ratio: 4/3;
  --beon-booking-service-line-img-width: 100%;
  --beon-booking-service-line-img-object-fit: cover;

  --beon-booking-services-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-service-line-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-ergo-plan-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-title-font-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-ergo-plan-title-font-size: var(--beon-booking-font-size-l);
  --beon-booking-ergo-title-h3-font-size: var(--beon-booking-headline-element-font-size);
  --beon-booking-ergo-title-h3-font-weight: var(--beon-booking-headline-element-font-weight);
  --beon-booking-ergo-title-h3-font-family: var(--beon-booking-headline-element-font-family);
  --beon-booking-ergo-title-h4-font-size: var(--beon-booking-headline-element-font-size);
  --beon-booking-ergo-title-h4-font-weight: var(--beon-booking-headline-element-font-weight);
  --beon-booking-ergo-title-h4-font-family: var(--beon-booking-headline-element-font-family);
  --beon-booking-ergo-no-plan-title-font-family: var(--beon-booking-font-family-1);
  --beon-booking-ergo-no-plan-title-font-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-ergo-no-plan-title-font-size: var(--beon-booking-font-size-m);
  --beon-booking-ergo-no-plan-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-ergo-no-plan-text-font-family: var(--beon-booking-font-family-1);
  --beon-booking-ergo-no-plan-text-font-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-ergo-no-plan-text-font-size: var(--beon-booking-font-size-m);
  --beon-booking-ergo-error-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-ergo-person-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-ergo-main-border-radius: var(--beon-booking-border-radius-m);

  --beon-booking-site-footer-bg: var(--beon-booking-primary-color);
  --beon-booking-site-footer-color: var(--beon-booking-white);
  --beon-booking-site-footer-header-border: 1px solid var(--beon-booking-white);
  --beon-booking-site-footer-header-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-site-footer-shadow: 0 -4px 8px rgba(0, 0, 0, 0.15);
  --beon-booking-site-footer-header-symbol-color: var(--beon-booking-white);

  --beon-booking-discount-color: var(--beon-booking-red-3);
  --beon-booking-discount-font-weight: var(--beon-booking-font-weight-bold);

  --beon-booking-payment-icon-padding: 5px;
  --beon-booking-payment-icon-height: 30px;
  --beon-booking-payment-icon-gap: 10px;
}