/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* Schriftarten importieren (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Rondo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manifesto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Diamond+Lady&display=swap');


/* ÜBERSCHRIFTEN (H1 im #events Bereich) */
#events h1 {
	font-family: "Diamond Lady", cursive;
	font-size: 60px;
	color: #a894c6;
	font-weight: normal;
	margin-bottom: 10px;
}


/* UNTERTITEL */
#events h3 {
	font-family: "Manifesto", sans-serif;
	font-size: 40px;
	color: #84759b;
	font-weight: normal;
	margin-bottom: 8px;
}


/* FLIESSTEXT */
#events p.description, 
#events div.description,
#events p, 
#events div {
	font-family: "Rondo", sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 1.6;
}


/* OPTIONAL: Dauer-Felder */
#events p.duration, #events div.duration {
	font-family: "Rondo", sans-serif;
	font-size: 16px;
	color: #000;
}


/* Beispiel für ausgewählte Events */
#events .selectedEvent {
	border: 2px solid #a894c6;
	background-color: #f6f4fa;
}


/* Buttons */
#events input.reserve_time_btn,
#events input.select_another_btn {
	font-family: "Manifesto", sans-serif;
	background-color: #a894c6;
	color: white;
	font-size: 16px;
	padding: 10px 20px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
#events input.reserve_time_btn:hover,
#events input.select_another_btn:hover {
	background-color: #84759b;
}


/* Formular-Titel */
#eventForm #start_date-block-container h3, 
#eventForm #timeline-container h3 {
	font-family: "Manifesto", sans-serif;
	font-size: 30px;
	color: #84759b;
}


/* Speichern-Button */
#eventForm #save_button {
	font-family: "Rondo", sans-serif;
	font-size: 18px;
	background-color: #a894c6;
	color: white;
	border: none;
	padding: 12px 25px;
	border-radius: 8px;
	cursor: pointer;
}
#eventForm #save_button:hover {
	background-color: #84759b;
}


/* Kalender- und Timeline-Styling */
div.ui-widget-content {
	background-color: #fff;
	color: #000;
	font-family: "Rondo", sans-serif;
}

div.ui-widget-header {
	background-color: #a894c6;
	color: white;
	font-family: "Manifesto", sans-serif;
}


/* Timeline Tabelle */
#timeline-container table.timeline {
	border-collapse: collapse;
	width: 100%;
}


/* Verschiedene Zeitfelder */
.timeline td.not_worked_time {
	background-color: #eee;
}

.timeline td.free_time {
	background-color: #dcd1f2;
}

.timeline td.selected_time {
	background-color: #a894c6;
	color: #fff;
}

.timeline td.reserved_time {
	background-color: #84759b;
	color: #fff;
}


/* Ladeanzeige */
div#loading {
	font-family: "Rondo", sans-serif;
	font-size: 18px;
	color: #84759b;
}


/* Formularbeschriftungen */
#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
	font-family: "Rondo", sans-serif;
	font-size: 16px;
	color: #000;
}