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

    /* Color Palette */
    --beon-booking-red-1: #4a0b15;
    --beon-booking-red-2: #9a142a;
    --beon-booking-red-3: #c83641;
    --beon-booking-red-4: #f7e1e4;

    --beon-booking-orange-1: #ea5541;

    --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: #51a963;
    --beon-booking-green-4: #e2ede4;

    --beon-booking-blue-1: #0e1a66;
    --beon-booking-blue-2: #3446b3;
    --beon-booking-blue-3: #6b82ff;
    --beon-booking-blue-4: #b2d0ff;

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

    --beon-booking-white: #ffffff;
    --beon-booking-black: #2d352b;

    /* Color Aliases */
    --beon-booking-primary-color: var(--beon-booking-orange-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: 'Outfit';
    --beon-booking-font-family-2: 'Outfit';

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

    /* Border Radius */
    --beon-booking-border-radius-s: 5px;
    --beon-booking-border-radius-m: 10px;
    --beon-booking-border-radius-l: 20px;
    --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-primary-color);
    --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: uppercase;
    --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;

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

    /* Notification Box */
    --beon-booking-notification-border-radius: var(--beon-booking-border-radius-l);
    --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-black);

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

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

    /* 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-s);
    --beon-booking-button-submit-text-transform: uppercase;

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

    /* 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-primary-color);
    --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-green-4);
    --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);

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

    /* Banner */
    --beon-booking-banner-background-color: var(--beon-booking-grey-5);
    --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-white);
    --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;

    /* 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-grey-6);
    --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-grey-5);
    --beon-booking-calender-past-text-decoration: none;
    --beon-booking-calender-unavailable-text-decoration: none;

    --beon-booking-calender-selected-text: var(--beon-booking-primary-color);
    --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);
}