/* Grundlegender Container */
.ui-datepicker {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
    padding: 4px;
	margin: 0 auto; /* Zentriert den Datepicker */
    width: 100%;
    max-width: 425px;
}

/* Navigations-Header */
.ui-datepicker-header {
    background-color: #f7f7f7;
    border-bottom: 1px solid #eaeaea;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 4px;
    text-align: center;
    line-height: 1.2em;
}

/* Monats- und Jahresauswahl */
.ui-datepicker-title {
    font-size: 1.2em;
    font-weight: bold;
}

/* Navigations-Buttons */
.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
}

/* Tage der Woche */
.ui-datepicker th {
    color: #555;
    font-weight: bold;
    padding: 5px 0;
}

/* Tage */
.ui-datepicker td {
    //padding: 5px;
    text-align: center;
}


/* Aktueller Tag */
.ui-datepicker td.ui-datepicker-today a {
    background-color: #007aff;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
}

/* Ausgewählter Tag */
.ui-datepicker td.ui-datepicker-current-day a {
    background-color: #0066cc;
    /*color: #fff;*/
    border-radius: 50%;
    padding: 5px;
}

.ui-datepicker td span{
 	text-align: center;
	width: 45px;
	/*width: 100%;*/
	height: 50px;	
 }
.ui-datepicker td a{
 	text-align: center;
	width: 45px; 
	/*width: 100%;*/
	height: 50px;
 }


/* Hover-Effekte */
.ui-datepicker td a:hover {
    /*background-color: #007aff;*/
    Background-color: #00CC22;
   /* color: #fff;*/
    color:#1d1d1d;
    border-radius: 100%;
    padding: 5px;
}

/* Verstecken des nicht aktiven Monats */
.ui-datepicker-other-month .ui-state-default {
    color: #eaeaea;
}

/* Deaktivieren unerreichbarer Daten */
.ui-datepicker-unselectable .ui-state-default {
    color: #d3d3d3;
}


/*Textgrš§e Datepicker */
.dp-text-size{
    font-size: 14px;
    color: #1d1d1d;
}




/* Styles speziell fŸr MobilgerŠte */
@media (max-width: 768px) {
   





}

/* Styles speziell fŸr Desktop-GerŠte */
@media (min-width: 769px) {
    


.things_items.show-mobil{
display: none;


}