.invoice-payment-systems #sb_pay_btn {
    background-color: red !important;
}

p.message:after {
    content: "Zahlung in der Praxis" !important;
    visibility: visible !important;
    display: block !important;
    margin-top: -22px !important;
}
.invoice-pay-page .invoice-notifications .alert .message {
    visibility: hidden !important;
    font-size: 28px !important;
}

#main-buttons .wrapper {
    height: 560px;
    height:75vh;
}
#sb_cookies_block {

    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50vh;
}
#footer .cookies {
    background-color: #ffffffed;
}

#sb_cookies_block .container-fluid.column {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#sb_disagree_cookies {
display:none !important;
}

#sb_accept_cookies {
    font-size: 20px !important;
    width: 250px !important;
    padding: 20px !important;
    line-height: 0px !important;
    border-radius: 1px !important;
}
#sb_cookies_block div.text {
    font-size: 20px !important;
text-align: center;
}

#footer .cookies .wrapper {

    flex-direction: column;
}
#footer .cookies .wrapper .text {
    font-size: 14px;
    max-width: 100%;
    margin-bottom: 20px;
}

/*
	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 */
}

/*Beginn liebe Klienten*/

.wrapper .inner::after {
    content: "Liebe Klientinnen und Klienten,\A\A aufgrund der Anpassung meiner Öffnungszeiten stehen in Zukunft weniger Termine zur Verfügung. Um dennoch eine kontinuierliche Behandlung, insbesondere im Rahmen der Bioresonanz-Therapie, zu gewährleisten, empfehle ich, nach Möglichkeit zwei aufeinanderfolgende Termine im Voraus zu buchen.\A\A Bitte nehmen Sie die Möglichkeit der automatischen Verständigung über abgesagte Termine über die \"neue\" Warteliste in Anspruch. Sie können sich für alle Ihre gewünschten Tage in die Warteliste eintragen, und erhalten automatisch ein Informations-Email über frei gewordene Termine, die Sie dann buchen können.\A\A Für spezielle Terminwünsche stehe ich selbstverständlich gerne zur Verfügung. Bitte kontaktieren Sie mich persönlich, um gemeinsam eine passende Lösung zu finden.\A\A Ich danke Ihnen herzlich für Ihr Verständnis und Ihre Flexibilität.\A\A Mit gesunden & herzlichen Grüßen\A\A Robert Haas";
    white-space: pre-wrap;
    display: block;
    margin-top: 1.5em;
    padding: 1em 1.5em;
    background-color: rgb(200 200 200 / 67%);
    border-left: 4px solid #ffffff;
    border-radius: 0;
    font-size: 1.2rem;
    color: #000000;
}

@media (min-width:800px){
#main-buttons {
height:700px;
}}

@media (min-width:2000px){
#main-buttons {
height:900px;
}}
@media (max-width:1100px){
#main-buttons {
height:800px;
}}
@media (max-width:799px){
#main-buttons {
height:850px;
}}
@media (max-width:599px){
#main-buttons {
height:1100px;
}
.wrapper .inner::after {
    padding: 0.5em 0.5em;
}

}
@media (max-width:400px){
#main-buttons {
height:1200px;

}

}

/*Ende liebe Klienten*/
