/* Hauptstil für den Datepicker */
.ui-datepicker {
    font-family: 'Arial', sans-serif; /* Schriftart anpassen */
    background: #f9f9f9; /* Hintergrundfarbe */
    border: 1px solid #ccc; /* Rahmen */
}
/* Stil für den Header des Datepickers */
.ui-datepicker-header {
    background: #007bff; /* Farbe, für die Kopfzeile */
    color: white; /* Schriftfarbe */
}
/* Stil für den Titel im Header */
.ui-datepicker-title {
    font-weight: bold; /* Fettdruck für den Monatsnamen */
}
/* Stil für die Wochentage */
.ui-datepicker-calendar .ui-datepicker-week-end {
    background: #f2f2f2; /* Farbänderung für das Wochenende */
}
/* Stil für die aktuellen Tage */
.ui-datepicker .ui-datepicker-current-day {
    background: #ffeb3b !important; /* Gelb für den heutigen Tag */
    border: 1px solid #ffeb3b !important; /* Rahmen */
    border-radius: 2px !important; /* Abgerundete Ecken */
}
/* Stil für die gebuchten Daten */
.ui-datepicker .ui-datepicker-calendar .booked {
    background-color: red !important; /* Hintergrundfarbe für gebuchte Tage */
    color: white !important; /* Schriftfarbe für gebuchte Tage */
}
/* Stil für die normalen Daten */
.ui-datepicker-calendar td {
    padding: 2px; /* Innenabstand */
    border-radius: 2px; /* Abgerundete Ecken */
}
.ui-datepicker-calendar td:hover {
    background-color: #e7e7e7; /* Hintergrund für Hover-Effekt */
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fffa90;
background: #fffa90;
color: #777620;
}