a.open-modal                                           		{ display: flex; cursor: pointer; transition: all 0.4s; }
a.open-modal:hover                                      	{ scale: 1.01; transition: all 0.4s; }
a.open-modal:hover .service-image:before                                     	{ content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: #0000001a;
															  -webkit-transition: opacity .4s ease-in-out;
																 -moz-transition: opacity .4s ease-in-out;
																	  transition: opacity .4s ease-in-out; }
a.open-modal:hover .service-item                        	{ box-shadow: 0px 0px 15px 0 #0000004d; transition: all 0.4s; }
a.open-modal:hover .service-item .service-image img 		{ width: calc(100% + 1.05px); }


a.btn-px                                                  	{ max-width: 250px; margin: 0 auto; padding: 20px 40px; border: 2px solid #00b4ab; border-radius: 60px; font-family: "Open Sans", sans-serif; font-size: 1.125em; line-height: 1.66667em; color: #00b4ab; text-align: center; display: block; cursor: pointer;
	                                                          -webkit-transition: all 0.2s ease-out;
    	                                                         -moz-transition: all 0.2s ease-out;
        	                                                       -o-transition: all 0.2s ease-out;
            	                                                      transition: all 0.2s ease-out; }
a.btn-px:hover  	                                        { background-color: #00b4ab; color: #fff; }


/* Modal */
[data-wrapper]                                          	{ width: 100%; height: 0; top: 0; left: 0; background: transparent; transition: all .4s; display: flex; flex-wrap: wrap; align-content: baseline; position: fixed; overflow-x: hidden; /*overflow-y: auto;*/ z-index: 9999; }
[data-wrapper].active                                   	{ height: 100vh; padding: 100px 15px; background: rgba(0, 0, 0, 0.5); }

[data-wrapper] .modal-content                           	{ margin: 0 auto; padding: 20px; border-radius: 5px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4); background: #fff; opacity: 0; visibility: hidden; transform: translate(0, -50px); transition: .3s; }
[data-wrapper].active .modal-content                    	{ width: 100%; max-width: 1200px; transform: translate(0, 0px); opacity: 1; visibility: visible; }

[data-wrapper="modal-wrapper-small"] .modal-content     	{ max-width: 265px; }
[data-wrapper="modal-wrapper-medium"] .modal-content    	{ max-width: 600px; }
[data-wrapper="modal-wrapper-large"] .modal-content     	{ max-width: 992px; }

[data-wrapper] .modal-content h2                        	{ margin: 0 0 15px 0; }

.modal-content .col-md-12 									{ display: flex; }
.modal-content,
.modal-content p                                        	{ font-size: 16px; font-weight: 300; line-height: 1.6; font-family: 'Sora', sans serif; color: #696969; }
.modal-content .close-modal                             	{ width: 50px; height: 50px; top: 20px; right: 20px; background-color: transparent; cursor: pointer; position: absolute; }
.modal-content .close-modal .lr                         	{ width: 1px; height: 50px; margin-left: 24px; background-color: #222; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1051; }
.modal-content .close-modal .lr .rl                     	{ width: 1px; height: 50px; background-color: #222; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); z-index: 1052; }
.modal-content .close-modal:hover .lr,
.modal-content .close-modal:hover .lr .rl               	{ background-color: #3DBD0F; transition: all 0.3s; }

.modal-content .modal-title                             	{ margin-top: 0; font-size: 2.5rem; line-height: 1.2; color: #3DBD0F; text-transform: uppercase; }

.modal-content .align-items-center 							{ display: flex; }

.modal-content .item.info .line,
.modal-content .item.info li .line                      	{ width: 100%; margin-right: 20px; margin-left: 20px; border-bottom: 1px dashed #0000001a; display: none; }
.modal-content .item.info span.price-right,
.modal-content .item.info li span.price-right           	{ width: 120px; text-align: right; white-space: nowrap; font-family: 'Sora', sans serif; float: right; }
.modal-content .item.info li span.text-u                	{ /*width: 100%;*/ }
.modal-content .item.info ul.rest li                    	{ margin-right: 7px; margin-left: 25px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.modal-content .item.info .zusatzpflege                 	{ margin-right: 7px; margin-left: 25px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.modal-content .item.info .zusatzpflege .modal-subtitle 	{ font-size: 1.3rem; font-weight: 300; line-height: 1; text-transform: uppercase; color: #3DBD0F; }
.modal-content .item.info .zusatzpflege ul.rest li      	{ margin-right: 0px; margin-left: 0px; }
.modal-content .item.info .zusatzpflege .line-green     	{ margin-top: 15px; margin-bottom: 15px; }
/*
.modal-content .item.info .zusatzpflege-content         	{ width: calc(50% - 50px); top: auto; bottom: 0px; position: absolute; }
*/

.butn.butn-modal 											{ border-color: #3DBD0F; background: transparent; color: #3DBD0F; text-transform: uppercase; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.butn.butn-modal:hover 										{ background: #3DBD0F; color: #FFFFFF; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.butn.butn-modal:hover span 								{ color: #FFFFFF; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.service-cosmetic .modal-content .col-lg-6,
.service-cosmetic .modal-content .col-md-6              	{ display: block; }
.modal-content .modal-image                             	{ width: 100%; display: block; }

@media screen and (max-width: 767px) 						{
	[data-wrapper].active .modal-content 					{ height: auto; overflow-x: hidden; overflow-y: auto; }
	.modal-content .col-md-12 								{ display: block; }
	.modal-content .close-modal 							{ width: clamp(30px, 5vw, 50px); height: clamp(30px, 5vw, 50px); }
	.modal-content .close-modal .lr 						{ margin-left: clamp(15px, 4vw, 24px); }
	.modal-content .close-modal .lr,
	.modal-content .close-modal .lr .rl 					{ height: clamp(30px, 5vw, 50px); }
	.modal-content .modal-title 							{ margin-top: 50px; font-size: clamp(1.2rem, 5vw, 2.5rem) !important; }
	.modal-content .item.info .zusatzpflege .modal-subtitle { font-size: clamp(1.1rem, 4vw, 1.3rem) !important; }
	.modal-content p,
	.modal-content .item.info span.description-left,
	.modal-content .item.info span.price-right,
	.modal-content .item.info li span.price-right,
	.modal-content .item.info li span.text-u 				{ font-size: clamp(14px, 3.5vw, 16px); }
	.modal-content .item.info .zusatzpflege 				{ margin-top: 25px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
	.modal-content .item.info .zusatzpflege,
	.modal-content .item.info ul.rest li 					{ margin-right: 0; margin-left: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;  }
	.modal-content .item.info .zusatzpflege-content         { width: 100%; position: relative; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
	.modal-content .mb-50 									{ margin-bottom: -15px !important; }
}