:root {
    /* General colors */
    --beon-booking-color-1: #8d7d48;
    --beon-booking-color-2: #8d7d48;
    --beon-booking-color-3: #dadce0;
    --beon-booking-color-4: #df2545;
    --beon-booking-color-5:#F7E1E4;
    --beon-booking-color-6: #ffe7ba;
    --beon-booking-color-7: #E2EDE4;
    --beon-booking-color-8: #166434;
    --beon-booking-color-9: #408b4f;
    --beon-booking-color-10: #D8D8D8;
    --beon-booking-color-11: #dbe6ed;
    --beon-booking-color-12: #a8c2d1;
    --beon-booking-color-13: #f4f1eb;
    --beon-booking-color-14: #ffffff;
    --beon-booking-color-15: #08161C;
    --beon-booking-color-16: #3463f5;
    --beon-booking-color-17: #e9eefc;
    --beon-booking-color-18: #433C26;
    --beon-booking-color-19: #1E2B31;
    --beon-booking-color-20: #848A8D;
    --beon-booking-color-21: #D52E2E;
    --beon-booking-color-22: #1E63EF;
    --beon-booking-color-23: #2C3539;

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

    /* font-families */
    --beon-booking-font-family-1: 'Barlow Condensed';
    --beon-booking-font-family-2: 'Aleo';

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

    /* 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-bold: 700;

    /* general layout */
    --beon-booking-with-padding: 1.3rem;
    --beon-booking-max-width: 1200px;

    --beon-booking-button-text-transform: none;
    --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-color: var(--beon-booking-color-18);
    --beon-booking-button-hover-filter: saturate(300%);

    /* 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-error-text-color: var(--beon-booking-color-4);
    --beon-booking-error-background-color: var(--beon-booking-color-5);
    --beon-booking-error-border-color: var(--beon-booking-color-4);

    --beon-booking-focus-outline-color: none;

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

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

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

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

    --beon-booking-checkbox-color: var(--beon-booking-color-19);

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

    --beon-booking-intro-check: var(--beon-booking-color-9);

    --beon-headline-element-font-family: var(--beon-booking-font-family-1);
    --beon-headline-element-font-size: var(--beon-booking-font-size-l);
    --beon-headline-element-font-weight: var(--beon-booking-font-weight-normal);
    --beon-headline-element-xxl-font-size: var(--beon-booking-font-size-xxl);
    --beon-headline-element-xxl-font-weight: var(--beon-booking-font-weight-medium);

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

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

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

    --beon-booking-num-input-button-deactive-background-color: var(--beon-booking-color-13);
    --beon-booking-num-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-background-color: #8d7d48;
    --beon-booking-num-input-button-color: var(--beon-booking-color-13);
    --beon-booking-num-input-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-num-input-button-hover-color: var(--beon-booking-color-13);

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

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

    --beon-booking-arrow-input-button-deactive-background-color: var(--beon-booking-color-13);
    --beon-booking-arrow-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-background-color: #7E6539;
    --beon-booking-arrow-input-button-color: var(--beon-booking-color-13);
    --beon-booking-arrow-input-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-hover-color: var(--beon-booking-color-13);

    --beon-booking-topnav-icon-button-background-color: var(--beon-booking-color-23);
    --beon-booking-topnav-icon-button-color: var(--beon-booking-color-14);

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


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

    --beon-booking-modal-background-color: var(--beon-booking-color-14);
    --beon-booking-modal-border-radius: var(--beon-booking-border-radius-m);
    --beon-booking-modal-footer-button-color: var(--beon-booking-color-14);
    --beon-booking-modal-footer-button-background-color: var(--beon-booking-color-2);
    --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-color-7);
    --beon-booking-modal-footer-button-hover-color: var(--beon-booking-text-color);
    --beon-booking-modal-line-color: var(--beon-booking-line-color);

    /* calendar */
    --beon-booking-calendar-unavailable : "transparent";
    --beon-booking-calendar-unavailable-text: var(--beon-booking-color-3);
    --beon-booking-calendar-available: "transparent";
    --beon-booking-calendar-available-text:  var(--beon-booking-color-15);
    --beon-booking-calendar-locked-available: "transparent";
    --beon-booking-calendar-locked-available-text: var(--beon-booking-calendar-available-text);
    --beon-booking-calendar-past: "transparent";
    --beon-booking-calendar-past-text:  var(--beon-booking-color-3);
    --beon-booking-calendar-locked: "transparent";
    --beon-booking-calendar-locked-text:  var(--beon-booking-color-3);
    --beon-booking-calendar-selected: var(--beon-booking-color-17);
    --beon-booking-calendar-selected-text: var(--beon-booking-color-1);
    --beon-booking-calendar-selected-day: var(--beon-booking-color-16);
    --beon-booking-calendar-selected-day-text: var(--beon-booking-color-14);
    --beon-booking-calendar-tooltip: var(--beon-booking-color-1);
    --beon-booking-calendar-tooltip-text: var(--beon-booking-color-14);
    --beon-booking-calendar-border-radius: 4px;
    --beon-booking-calendar-day-width: 40px;
    --beon-booking-calendar-day-height: 40px;
    --beon-booking-calendar-day-size: 40px;
    --beon-booking-calendar-button-background-color: var(--beon-booking-color-14);
    --beon-booking-calendar-button-color: var(--beon-booking-color-15);
    --beon-booking-calendar-button-border-color: var(--beon-booking-border-color);
    --beon-booking-calendar-price-size: 11px;
    --beon-booking-calendar-price-opacity: 50%;
    --beon-booking-calendar-selected-end-day-border-radius: 4px;
    --beon-booking-calendar-selected-start-day-border-radius: 4px;
    --beon-calender-button-border-radius: 60px;

    --beon-booking-button-background-color: #8d7d48;
    --beon-booking-button-color: var(--beon-booking-color-14);
    --beon-booking-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-button-hover-color: var(--beon-booking-color-14);

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

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

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

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

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

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

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

	--calendar-available: #51A963;
	--calendar-blocked: #D52E2E;
	--calendar-selected: #E9EEFC;  
}