:root {
  /*
--------------------------------------------------------------
                      STYLE GUIDE
--------------------------------------------------------------
*/

  /* Color Palette */
  --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: #211F1E;
    --beon-booking-blue-2: #5B5451;
  --beon-booking-blue-3: #6b82ff;
    --beon-booking-blue-4: #B4CAE1;

  --beon-booking-grey-1: #2d4f66;
  --beon-booking-grey-2: #556e83;
  --beon-booking-grey-3: #7d91a0;
    --beon-booking-grey-4: #5b54512b;
    --beon-booking-grey-5: #C9C2BB;  
  --beon-booking-grey-6: #f4f5f8;

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

  /* Color Aliases */
  --beon-booking-primary-color: var(--beon-booking-blue-1);

  /* Font Sizes */
  --beon-booking-font-size-xxl: 30px;
  --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: 'DM Sans';
  --beon-booking-font-family-2: 'NORD';

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

  /* Border Radius */
  --beon-booking-border-radius-s: 0px;
  --beon-booking-border-radius-m: 4px;
  --beon-booking-border-radius-l: 8px;
  --beon-booking-border-radius-full: 9999px;

  /* 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: 1.3rem;
  --beon-booking-max-width: 1200px;
  --beon-booking-sticky-box-desktop-top: 0;
  --beon-booking-web-component-border-radius: var(--beon-booking-border-radius-l);

  /* Buttons */
  --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-blue-4);
  --beon-booking-button-color: var(--beon-booking-primary-color);
  --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-full);

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

  /* Image Overlay */
  --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-l);
  --beon-booking-error-padding: 25px;
  --beon-booking-error-gap: 20px;
  --beon-booking-error-border: 1px solid var(--beon-booking-red-3);

  --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-grey-5);

  /* Notification Box */
  --beon-booking-notification-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-notification-padding: 25px 20px;
  --beon-booking-notification-gap: 10px;
  --beon-booking-notification-close-button-icon-size: 15px;
  --beon-booking-notification-close-button-margin: 8px;
  --beon-booking-notification-item-font-family: var(--beon-booking-font-family-1);
  --beon-booking-notification-item-font-size: var(--beon-booking-font-size-s);
  --beon-booking-notification-item-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-notification-item-padding: 0px 0px;

  --beon-booking-notification-error-border: 1px none var(--beon-booking-red-2);
  --beon-booking-notification-error-background-color: var(--beon-booking-red-4);
  --beon-booking-notification-error-close-button-icon-color: var(--beon-booking-red-2);
  --beon-booking-notification-error-item-background-color: var(--beon-booking-red-4);
  --beon-booking-notification-error-item-border: 1px none var(--beon-booking-red-2);
  --beon-booking-notification-error-item-text-color: var(--beon-booking-red-2);

  --beon-booking-notification-warning-border: 1px none var(--beon-booking-yellow-2);
  --beon-booking-notification-warning-background-color: var(--beon-booking-yellow-4);
  --beon-booking-notification-warning-close-button-icon-color: var(--beon-booking-yellow-2);
  --beon-booking-notification-warning-item-background-color: var(--beon-booking-yellow-4);
  --beon-booking-notification-warning-item-border: 1px none var(--beon-booking-yellow-2);
  --beon-booking-notification-warning-item-text-color: var(--beon-booking-yellow-2);

  --beon-booking-notification-info-border: 1px none var(--beon-booking-blue-2);
  --beon-booking-notification-info-background-color: var(--beon-booking-blue-4);
  --beon-booking-notification-info-close-button-icon-color: var(--beon-booking-blue-2);
  --beon-booking-notification-info-item-background-color: var(--beon-booking-blue-4);
  --beon-booking-notification-info-item-border: 1px none var(--beon-booking-blue-2);
  --beon-booking-notification-info-item-text-color: var(--beon-booking-blue-2);

  --beon-booking-notification-success-border: 1px none var(--beon-booking-green-2);
  --beon-booking-notification-success-background-color: var(--beon-booking-green-4);
  --beon-booking-notification-success-close-button-icon-color: var(--beon-booking-green-2);
  --beon-booking-notification-success-item-background-color: var(--beon-booking-green-4);
  --beon-booking-notification-success-item-border: 1px none var(--beon-booking-green-2);
  --beon-booking-notification-success-item-text-color: var(--beon-booking-green-2);

  /* Global Colors, Borders & Typography */
  --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: transparent;
  --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);

  /* Step Line */
  --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 — Booking Form */
  --beon-booking-page-1-background-color: var(--beon-booking-white);
  --beon-booking-page-1-border-radius: var(--beon-booking-border-radius-full);
  --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-text-color);
  --beon-booking-page-1-button-hover-background-color: var(--beon-booking-white);
  --beon-booking-page-1-button-hover-color: var(--beon-booking-text-color);

  /* Date / Guest Buttons */
  --beon-booking-date-guest-button-guests-font-weight: var(--beon-booking-font-weight-bold);
  --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-m);
  --beon-booking-date-guest-button-dates-font-weight: var(--beon-booking-font-weight-bold);
  --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-m);

  --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-full);
  --beon-booking-date-guest-reservation-button-border: 0px solid var(--beon-booking-border-color);

  /* Submit Button */
  --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-primary-color);
  --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-full);
  --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;

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

  /* Flag Inputs */
  --beon-booking-flag-border-radius: var(--beon-booking-border-radius-s);
  --beon-booking-flag-selected-bg: var(--beon-booking-grey-5);
  --beon-booking-flag-input-border-radius: var(--beon-booking-border-radius-s);

  /* 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-primary-color);
  --beon-booking-modal-footer-button-background-color: var(--beon-booking-blue-4);
  --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-blue-4);
  --beon-booking-modal-footer-button-hover-color: var(--beon-booking-primary-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-full);
  --beon-booking-modal-header-element-border-radius: var(--beon-booking-border-radius-m);

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

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

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

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

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

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

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

  /* Page 2 — User Data */
  --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-s);
  --beon-booking-calender-focus-border-radius: var(--beon-booking-border-radius-s);
  --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-blue-2);
  --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-price-outside-gap: 2px;
  --beon-booking-calender-price-outside-color: var(--beon-booking-calender-color-fg-default);
  --beon-booking-calender-button-border-radius: var(--beon-booking-border-radius-full);
  --beon-booking-calender-gradient-orientation: 90deg;
  --beon-booking-calender-in-range-border-radius-calender: 0;

  --beon-booking-calender-header-select-height: 40px;
  --beon-booking-calender-header-select-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-calender-header-select-border-color: var(--beon-booking-border-color);
  --beon-booking-calender-header-select-background-color: var(--beon-booking-white);
  --beon-booking-calender-header-select-color: var(--beon-booking-primary-color);
  --beon-booking-calender-header-select-padding: 0 20px;
  --beon-booking-calender-header-select-font-family: var(--beon-booking-font-family-1);
  --beon-booking-calender-header-select-font-size: var(--beon-booking-font-size-m);
  --beon-booking-calender-header-select-font-weight: var(--beon-booking-font-weight-normal);

  /* Booking Details */
  --beon-booking-bookingdetails-border-radius: var(--beon-booking-border-radius-m);

  /* Coupon */
  --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-coupon-headline-font-family: var(--beon-booking-font-family-1);

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

  /* Step 3 — Payment */
  --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);

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

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

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

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

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

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

  --beon-booking-discount-info-box-padding: 10px;
  --beon-booking-discount-info-box-border-radius: var(--beon-booking-border-radius-m);
  --beon-booking-discount-info-box-background-color: var(--beon-booking-red-4);
  --beon-booking-discount-info-box-color: var(--beon-booking-red-2);
  --beon-booking-discount-info-box-font: var(--beon-booking-font-weight-normal) var(--beon-booking-font-size-s)
    var(--beon-booking-font-family-1);

  /* Payment Icons */
  --beon-booking-payment-icon-padding: 5px;
  --beon-booking-payment-icon-height: 30px;
  --beon-booking-payment-icon-gap: 10px;

  /* Post Booking Content */
  --beon-booking-post-content-headline-font-family: var(--beon-booking-font-family-1);
  --beon-booking-post-content-headline-font-weight: var(--beon-booking-font-weight-bold);
  --beon-booking-post-content-headline-font-size: var(--beon-booking-font-size-xl);
  --beon-booking-post-content-headline-color: var(--beon-booking-text-color);

  --beon-booking-post-content-subheading-font-family: var(--beon-booking-font-family-1);
  --beon-booking-post-content-subheading-font-weight: var(--beon-booking-font-weight-normal);
  --beon-booking-post-content-subheading-font-size: var(--beon-booking-font-size-m);
  --beon-booking-post-content-subheading-color: var(--beon-booking-text-color);
}