:root {
	/* General colors */
    --beon-booking-color-1: #B38B52;
    --beon-booking-color-2: #7d91a0;
    --beon-booking-color-3: #dadce0;
    --beon-booking-color-4: #df2545;
    --beon-booking-color-5:#F7E1E4;
    --beon-booking-color-6: #E9DDD0;
    --beon-booking-color-7: #ffc252;
    --beon-booking-color-8: #166434;
    --beon-booking-color-9: #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;
    --beon-booking-color-15: #314957;
    --beon-booking-color-16: #7D8D9E;

	/* font-sizes */
    --beon-booking-font-size-xxl: 35px;
    --beon-booking-font-size-xl: 30px;
    --beon-booking-font-size-l: 19px;
    --beon-booking-font-size-m: 17px;
    --beon-booking-font-size-s: 14px;
    --beon-booking-font-size-xs: 12px;

	/* font-families */
    --beon-booking-font-family-1: "halyard-display", sans-serif;
    --beon-booking-font-family-2: "Charoe", sans-serif;

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

	/* general layout */
	--beon-booking-max-width: 1200px;

	--beon-booking-button-text-transform: uppercase;
    --beon-booking-button-letter-spacing: 1.3px;
    --beon-booking-button-font-size: var(--beon-booking-font-size-s);
    --beon-booking-button-transition: var(--beon-booking-transition);
    --beon-booking-button-hover-filter: saturate(150%);

    --beon-booking-font-weight-medium: 300;
    --beon-booking-font-weight-bold: 400;

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

    --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: 0px;
    --beon-booking-border-radius-m: 0px;
    --beon-booking-border-radius-l: 0px;


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

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

    --beon-headline-element-font-family: var(--beon-booking-font-family-2);
    --beon-headline-element-font-size: 24px;
    --beon-headline-element-font-weight: 600;
    --beon-headline-element-xxl-font-size: var(--beon-booking-font-size-xxl);
    --beon-headline-element-xxl-font-weight: var(--beon-headline-element-font-weight);



    /* stepline*/
    --beon-booking-stepline-aktiv-color: var(--beon-booking-color-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-color-14);
    --beon-booking-button-submit-background-color: var(--beon-booking-color-1);
    --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-s);
    --beon-booking-button-submit-font-weight: var(--beon-booking-font-weight-bold);

    --beon-booking-num-input-button-deactive-background-color: var(--beon-booking-color-16);
    --beon-booking-num-input-button-deactive-color: var(--beon-booking-color-14);
    --beon-booking-num-input-button-background-color: var(--beon-booking-color-15);
    --beon-booking-num-input-button-color: var(--beon-booking-color-14);
    --beon-booking-num-input-button-hover-background-color: var(--beon-booking-color-15);
    --beon-booking-num-input-button-hover-color: var(--beon-booking-color-14);

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

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

    --beon-booking-arrow-input-button-deactive-background-color: var(--beon-booking-color-16);
    --beon-booking-arrow-input-button-deactive-color: var(--beon-booking-color-1);
    --beon-booking-arrow-input-button-background-color: var(--beon-booking-color-15);
    --beon-booking-arrow-input-button-color: var(--beon-booking-color-14);
    --beon-booking-arrow-input-button-hover-background-color: var(--beon-booking-color-15);
    --beon-booking-arrow-input-button-hover-color: var(--beon-booking-color-15);

    --beon-booking-icon-button-deactive-background-color: var(--beon-booking-color-16);
    --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-15);
    --beon-booking-icon-button-hover-color: var(--beon-booking-color-14);

    --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);
    --beon-booking-modal-footer-button-color: var(--beon-booking-color-14);
    --beon-booking-modal-footer-button-background-color: var(--beon-booking-color-1);
    --beon-booking-modal-footer-button-hover-background-color: var(--beon-booking-color-1);
    --beon-booking-modal-footer-button-hover-color: var(--beon-booking-text-color);
    --beon-booking-modal-line-color: var(--beon-booking-line-color);

    --beon-booking-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-color-15);
    --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-16);
    --beon-booking-calendar-selected-text: var(--beon-booking-color-14);
    --beon-booking-calendar-selected-day: var(--beon-booking-color-15);
    --beon-booking-calendar-selected-day-text: var(--beon-booking-color-14);
    --beon-booking-calendar-tooltip: var(--beon-booking-color-15);
    --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-15);
    --beon-booking-calendar-button-color: var(--beon-booking-color-14);
    --beon-booking-calendar-button-border-color: transparent;
	--beon-booking-calendar-price-size: 11px;
    --beon-booking-calendar-price-opacity: 50%;
    --beon-booking-calendar-selected-start-day-border-radius: 10px 0 0 10px;
    --beon-booking-calendar-selected-end-day-border-radius: 0 10px 10px 0;
    --beon-calender-button-border-radius: 60px;

    --beon-booking-button-background-color: var(--beon-booking-color-1);
    --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-14);
    --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-16);
    --beon-booking-banner-text-color: var(--beon-booking-color-14);

    --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-unit-score-background-color: var(--beon-booking-color-8);
    --beon-booking-unit-score-color: var(--beon-booking-color-14);

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

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

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

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

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

    --beon-booking-header-extend-logo-margin: none;
    --beon-booking-header-extend-logo-small-margin: none;
    --beon-booking-with-padding: 1.5rem;
}