/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


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


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


 #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 */
}



/* RPH Titelbereich modern v2 (Logo-Boegen, Slogan, Buttons) */
#main-buttons, #main-buttons.default-bg {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20800'%3E%3Cg%20fill%3D'none'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M560%2090%20A320%20320%200%201%200%20640%20640'%20stroke%3D'%23c9a461'%20stroke-width%3D'2.5'%20opacity%3D'.6'%2F%3E%3Cpath%20d%3D'M520%2050%20A360%20360%200%201%200%20690%20690'%20stroke%3D'%23ffffff'%20stroke-width%3D'46'%20opacity%3D'.045'%2F%3E%3Cpath%20d%3D'M600%20140%20A270%20270%200%201%200%20610%20600'%20stroke%3D'%23c9a461'%20stroke-width%3D'1'%20opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M40%20520%20C220%20380%20380%20690%20760%20560'%20stroke%3D'%23c9a461'%20stroke-width%3D'3'%20opacity%3D'.5'%2F%3E%3Cpath%20d%3D'M40%20545%20C230%20410%20390%20715%20760%20585'%20stroke%3D'%23c9a461'%20stroke-width%3D'1'%20opacity%3D'.3'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), radial-gradient(ellipse at 15% 10%, rgba(201,164,97,.28) 0%, rgba(201,164,97,0) 50%), radial-gradient(ellipse at 90% 100%, rgba(0,0,0,.40) 0%, rgba(0,0,0,0) 60%), linear-gradient(160deg, #142a1c 0%, #234431 50%, #15291c 100%) !important;
  background-size: min(620px, 120vw) auto, cover, cover, cover !important;
  background-position: right 2vw top -8%, center, center, center !important;
  background-repeat: no-repeat !important;
  background-color: #1f3d2b !important;
}
#main-buttons .company-name { letter-spacing: .02em; text-shadow: 0 2px 18px rgba(0,0,0,.25); }
#main-buttons .company-name::after {
  content: "Bewegung. Wohlbefinden. Für dich.";
  display: block; margin: 16px auto 8px; padding-top: 14px; max-width: 560px; line-height: 1.5; white-space: nowrap;
  border-top: 1px solid rgba(201,164,97,.7);
  font-family: inherit; font-size: 15px; letter-spacing: .28em; text-transform: uppercase;
  color: #d9bc85; font-weight: 400;
}
#main-buttons .bar a { border-radius: 2px !important; letter-spacing: .08em; text-transform: uppercase; font-size: 14px !important; transition: all .25s ease; }
#main-buttons .booking_button a { background-color: #a3824a !important; border: 1px solid #a3824a !important; color: #fff !important; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
#main-buttons .booking_button a:hover { background-color: #c9a461 !important; border-color: #c9a461 !important; }
#main-buttons .map a { background-color: transparent !important; border: 1px solid rgba(217,188,133,.85) !important; color: #f3e6cc !important; }
#main-buttons .map a:hover { background-color: rgba(217,188,133,.15) !important; }
@media (max-width: 600px) {
  #main-buttons .company-name::after { font-size: 10px; letter-spacing: .18em; max-width: 300px; white-space: normal; }
  #main-buttons, #main-buttons.default-bg { background-position: right -30vw top -4%, center, center, center !important; }
}