/*
	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 */
}
.discount .price-val{
color:transparent;
}
.message{
font-size:2em;
color:Black!important;
font-weight:bold;
}
.btn{
white-space:normal!important;
}
.btn-with-image:after{
content:''!important;
}

.payment-modal .text-right{
text-align:center;
}
.notifications-cancelled{
background:rgba(255,0,0,0.6)!important;
}
.invoice-notifications .alert-info{
color:black!important;
font-size:1.5em;
}
.invoice-notifications{
    background: rgba(0,255,0,.2);
}
.invoice-notifications .alert-info:after{
content:'Bitte überweise den Betrag oder zahle ihn vor Ort bar. Die Zahlungsdaten entnimmst Du dem Menüpunkt "Zahlungsdaten". Bitte gebe die unten aufgeführte Angebotsnummer im Verwendungszweck an.';
}
.invoice-notifications .alert-info .alert-info:after{
content:'';
}
.custom-title{
background:#f7f8f8!important;
color:Black!important;
}
.discount.promo-label{
height:3.75em!Important;
background:#5fa1fe!important;
}


.discount.promo-label:before{
display:block!important;
    background-image: url(https://kunstwerkstattomumi.simplybook.it/v2/themes/assets/img/ics/gift_label.svg)!important;
}
@media (max-width: 1024px){
.discount .price-val:after{

left:15px;
}
}

.discount .price-val:after{
content:'1 Kurs gratis';
color:white;
position:absolute;
top:0.5em;
left:20px;
}

@media (min-width: 1367px){
.discount .price-val:after{

left:30px;
}
}




.discount small{
display:none!important;
}

.item__picture--default{
display:block!important;
}

.sb-available-date{
background:black!Important;
color:white!Important;javascript:
padding:1em!important;
}

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

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{

    background: #f7f8f8!important;
    color: black!important;
}