/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	color: #F4F7FA;
	font-family: "Segoe UI", system-ui, sans-serif;
}

 #events p.duration, #events div.duration   {
	color: #A7B0BA;
}

 #events p.description, #events div.description   {
	color: #A7B0BA;
}

 #events .selectedEvent   {
	background-color: rgba(0, 174, 239, 0.12);
	border-left: 3px solid #00AEEF;
}

 #events input.reserve_time_btn   {
	font-weight: 600;
	border-radius: 8px;
}

 #events input.select_another_btn   {
	border-radius: 8px;
}

 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	color: #F4F7FA;
	font-family: "Segoe UI", system-ui, sans-serif;
}

 #eventForm #save_button   {
	font-weight: 600;
	border-radius: 8px;
}

 div.ui-widget-content   {
	background-color: #121820 !important;
	border: 1px solid rgba(255,255,255,0.08) !important;
	color: #F4F7FA !important;
}

 div.ui-widget-header   {
	background: #121820 !important;
	border-bottom: 1px solid rgba(255,255,255,0.06) !important;
	color: #F4F7FA !important;
}

 #timeline-container table.timeline   {
	background-color: #121820;
}

 .timeline td.not_worked_time   {
	background-color: rgba(255,255,255,0.03) !important;
}

 .timeline td.free_time   {
	background-color: rgba(0,174,239,0.1) !important;
}

 .timeline td.selected_time   {
	color: #080B0F !important;
}

 .timeline td.reserved_time   {
	background-color: rgba(255,255,255,0.04) !important;
	color: #4A5568 !important;
}

 div#loading   {
	background-color: #080B0F !important;
}

 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	color: #A7B0BA !important;
}

/* ── Globale Basis ── */
* { font-family: "Segoe UI", system-ui, -apple-system, sans-serif; }


body {
  background-color: #1E2530 !important;
  color: #F4F7FA !important;
}

#sb-main-container {
  background: #1E2530 !important;
  background-image: none !important;
}

/* Navigation */
#header {
  background-color: rgba(8,11,15,0.97) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}
.menu-item a { color: #F4F7FA !important; }
.menu-item a:hover { color: #00AEEF !important; }

/* Hero */
#main-buttons {
  background: linear-gradient(160deg, #0D1117 0%, #1E2530 100%) !important;
  background-image: none !important;
}

.company-name {
  font-family: "Segoe UI", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #F4F7FA !important;
  text-shadow: none !important;
}

/* "Buchen"-Button */
.btn.book.custom {
  font-weight: 600 !important;
  border-radius: 8px !important;
}
.btn.book.custom a {
  text-decoration: none !important;
}

/* "Auf Karte zeigen"-Button */
.btn.map.custom {
  background: transparent !important;
  border: 1px solid rgba(244,247,250,0.18) !important;
  border-radius: 8px !important;
}
.btn.map.custom a {
  color: #A7B0BA !important;
  text-decoration: none !important;
}

/* Info-Karten */
#content-view { background-color: #1E2530 !important; }

.section {
  background-color: #121820 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
}

.title-main { color: #F4F7FA !important; font-weight: 600 !important; }

table.overview td { color: #F4F7FA !important; }
table.overview td.day { color: #A7B0BA !important; }

#contacts .icon i { color: #00AEEF !important; }
#contacts .links a { color: #00AEEF !important; }

/* Karte */
.map-view .title { color: #F4F7FA !important; font-weight: 600 !important; }

/* Footer */
.footer-links { background-color: #1E2530 !important; }

#footer {
  background-color: #1E2530 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
#footer .copyright, #footer .copyright a { color: #A7B0BA !important; }

.menu-item a { font-family: "Segoe UI", system-ui, sans-serif !important; }

.title-main, .title, .day {
  font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
}