/* Hintergrund auf Weiß setzen und Schrift anpassen */
body, #events, #eventForm, #widget_container {
    background-color: #ffffff; /* Weiß */
    color: #333333;            /* Dunkelgrau, passend zu deiner Seite */
    font-family: 'Open Sans', sans-serif; /* Ähnlich deiner Homepage */
}

/* Überschriften */
#events h3, #eventForm h3, #widget_container h1.title a {
    color: #555555; /* Dezentes Dunkelgrau */
    font-weight: bold;
    margin-bottom: 15px;
}

/* Eingabefelder und Dropdowns */
input[type="text"], input[type="password"], textarea, select {
    background-color: #f7f7f7; /* Helles Grau, passend zu deinem Layout */
    color: #333333;            /* Dunkle Schrift */
    border: 1px solid #cccccc; /* Dezenter Rand */
    padding: 10px;
    border-radius: 5px;
}

/* Buttons im Buchungssystem */
input.reserve_time_btn, input.select_another_btn, #eventForm #save_button {
    background-color: #a6a6a6;  /* Helles Grau für Buttons */
    color: #ffffff;             /* Weiße Schrift */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

input.reserve_time_btn:hover, input.select_another_btn:hover, #eventForm #save_button:hover {
    background-color: #7a7a7a;  /* Dunkleres Grau beim Hover */
    color: #ffffff;
}

/* Zeitfenster in der Buchungsübersicht */
.timeline td.free_time {
    background-color: #f0f0f0; /* Helles Grau */
}

.timeline td.selected_time {
    background-color: #999999; /* Dunkleres Grau bei Auswahl */
    color: white;
}

.timeline td.reserved_time {
    background-color: #e0e0e0; /* Hellgrau für reservierte Zeit */
    color: #999999;
}

/* Widget-Header und Footer */
#widget_container #widget_header, #widget_container #widget_footer {
    background-color: #ffffff; /* Weiß wie deine Seite */
    color: #333333;
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}