/* Contact-Formular: Datumsfeld = book.bali.place-Kalender (css/calendar.css, gescoped .bp-avail), ohne Belegung (28.09.2026).
   Feld und Beschriftung sehen aus wie die übrigen Formularfelder (.cx-field input / label in style.css). */
.cx-dates-cal{--ink:var(--cx-ink);--line:var(--cx-line);--property-accent:var(--cx-red);color:var(--cx-ink)}
.cx-dates-cal .field{margin:0;min-width:0;display:flex;flex-direction:column;gap:6px}
.cx-dates-cal .field>label{font-family:"RalewayThin-Medium";font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-grey);margin:0}
.cx-dates-cal .date-range-trigger{display:flex;align-items:center;gap:10px;height:44px;min-height:44px;padding:0 12px;border:1px solid var(--cx-line);border-radius:8px;background:#fff;cursor:pointer}
.cx-dates-cal .date-range-trigger span{font-family:"RalewayThin-Regular";font-size:15px;font-weight:400;color:var(--cx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-dates-cal .date-range-trigger small{display:none}
.cx-dates-cal .date-range-trigger:focus-visible,.cx-dates-cal .date-range-trigger[aria-expanded="true"]{outline:none;border-color:var(--cx-red);box-shadow:0 0 0 3px var(--cx-soft)}
.cx-dates-cal[data-invalid] .date-range-trigger{border-color:var(--cx-red)}
.cx-dates-cal .date-range-popover{border-radius:8px;max-width:min(100%,560px);width:100%}