/* Delphi v1.0.8: schlanke, auch mobil bedienbare Datumauswahl. */
.reservation-date-field{position:relative;min-width:0}
.reservation-date-field>label{font-size:10px;font-weight:750;color:#36474c;letter-spacing:.025em}
.reservation-date-button{width:100%;min-height:46px;border:1px solid #dce0da;background:#f8f8f4;color:#203137;text-align:left;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.reservation-date-button:focus-visible,.reservation-calendar button:focus-visible{outline:3px solid #b38b5e;outline-offset:2px}
.reservation-date-hint{display:block;font-size:10px;line-height:1.4;color:#526367;font-weight:normal}
.reservation-calendar{position:absolute;z-index:30;top:calc(100% + 5px);left:0;width:min(325px,calc(100vw - 55px));border:1px solid #d8c6ad;background:#fffefa;padding:12px;box-shadow:0 16px 40px #1a292d30;max-height:min(460px,75vh);overflow-y:auto}
.reservation-calendar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.reservation-calendar-top button{width:42px;height:42px;border:1px solid #e7ddd1;background:#f6f1e9;font-size:26px;color:#203137;line-height:1}
.reservation-calendar-top button:disabled{opacity:.35;cursor:not-allowed}
.reservation-calendar-top strong{font-size:13px;text-align:center;color:#203137}
.reservation-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;align-items:stretch}
.reservation-calendar-weekday{text-align:center;font-size:11px;font-weight:750;color:#687273;padding:7px 0}
.reservation-calendar-day{min-width:0;min-height:39px;padding:0;border:1px solid transparent;background:#f6f2ec;color:#23373b;font-size:13px;position:relative}
.reservation-calendar-day:disabled{opacity:.35;cursor:not-allowed;background:#edeae6;color:#4b5254}
.reservation-calendar-day:not(:disabled):hover{background:#e2c49d}
.reservation-calendar-day.is-selected{background:#21353d;color:#fff}
.reservation-calendar-day.is-holiday:not(:disabled){border-color:#b18d62;font-weight:800}
.reservation-calendar-day.is-holiday:after{content:'·';color:#b47d37;position:absolute;bottom:-5px;left:50%;font-size:21px}
.reservation-calendar-day.is-selected:after{color:#fff}
.reservation-calendar-note{font-size:10px;line-height:1.5;color:#65716e;margin-top:12px;border-top:1px solid #ede6de;padding-top:10px}
@media(max-width:650px){.reservation-date-button{min-height:48px;font-size:14px}.reservation-calendar{width:min(340px,calc(100vw - 45px));left:0}.reservation-calendar-day{min-height:42px;font-size:14px}}