.ui-datepicker {
    display: none;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 1rem;
    box-shadow: var(--box-shadow);
    background: var(--color-content-bg-grad);
    color: var(--color-content-text);
}

/* Responsive Anpassungen für kleine Bildschirme */
@media (max-width: 600px) {
    .ui-datepicker {

    }
}

/* Abstand zwischen Buchungszusammenfassung und Button */
.booking-summary {
    margin-bottom: 25px;
}

.ui-datepicker a.ui-state-active {
    background: #e3e3e3;
    color: #000000 !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    line-height: 3.5rem;
}
.ui-datepicker-header {
    margin: 0 0 1rem;
}

.ui-datepicker a.ui-state-highlight {
    box-shadow: none !important;
}

/* Abstand zwischen Tabellenzeilen */
.ui-datepicker table tr {
    margin-bottom: 2px;
}

/* Button-Text Styling */
#add-to-cart-button {
    pointer-events: auto !important;
}

#add-to-cart-button.processing {
    pointer-events: none !important;
}

/* Zeitraumauswahl Styling */
.ui-datepicker td.start-date a {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 25px 0 0 25px !important;
}

.ui-datepicker td.end-date a {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 25px 25px 0 !important;
}

.ui-datepicker td.in-range a {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}