/* Typography / Colors */
a.caption 													{ display: block; }
a.nav-link span 											{ color: #1D1D1D; transition: all 300ms; }
a.nav-link:hover span 										{ color: #3DBD0F; transition: all 300ms; }
a.nav-link:hover .dropdown-toggle:after 					{ color: #3DBD0F; transition: all 300ms; }
.navbar .dropdown-menu .dropdown-item 						{ color: #1D1D1D; transition: all 300ms; }
.navbar .dropdown-menu .dropdown-item:hover 				{ color: #3DBD0F; transition: all 300ms; }


/* Typography / Fonts */
.sub-title 													{ font-size: 16px; font-weight: 300; /*text-transform: uppercase;*/ letter-spacing: 2px; }
.line-green 												{ width: 100%; margin-top: -1px; border-bottom: 1px solid #3DBD0F; }
.line-black 												{ width: 100%; margin-top: -1px; border-bottom: 1px solid #1D1D1D; }
.line-white 												{ width: 100%; margin-top: -1px; border-bottom: 1px solid #FFFFFF; }
.line-grey 													{ width: 100%; margin-top: -1px; border-bottom: 1px solid #696969; }
.line-grey-light 											{ width: 100%; margin-top: -1px; border-bottom: 1px solid #0000001A; }

p 															{ margin: 0; font-size: 16px; line-height: 1.8; font-weight: 300; color: #1D1D1D; }
p.phone a,
p.mail a 													{ text-decoration: underline; transition: all 0.3s; }
p.phone a:hover,
p.mail a:hover 												{ color: #3DBD0F; transition: all 0.3s; }


.sec-leter-head .leter h4 									{ width: 180px; height: 180px; line-height: 180px; text-align: center; border: 1px solid #3DBD0F; border-radius: 50%; color: #3DBD0F; text-transform: uppercase; }
.sec-leter-head .line-green 								{ width: 100%; margin-top: -1px; margin-right: 10px; margin-left: 40px; border-bottom: 1px solid #3DBD0F; }
.sec-leter-head .title 										{ margin-top: 0px; margin-left: 0px; position: relative; }

.title-subservice 											{ margin-right: 10px; margin-left: 10px; }
p.title-service 											{ font-size: 28px; color: #696969; text-align: right; text-transform: uppercase; }

.sub-font 													{ font-family: 'Playfair Display', serif; font-style: italic; font-weight: 500; }
p.sub-title.sub-font 										{ font-size: 18px; font-weight: 600; letter-spacing: 3px; color: #353535; }



.item h4 													{ font-size: clamp(3rem, 11vw, 5rem); font-weight: 800; }

.vew-all a 													{ position: relative; z-index: 2; }
.vew-all a:after 											{ width: 50px; height: 50px; top: 50%; left: -25px; content: ''; border-radius: 50%; background: #1d1d1d; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .05; z-index: -1; }
.vew-all:hover a 											{ text-decoration: underline; }

@media screen and (max-width: 767px) 						{
	.service-cosmetic 										{ margin-top: 0px; }
	.title-subservice,
	.service-cosmetic .col-lg-4,
	.service-cosmetic .col-md-6 							{ margin-bottom: 20px; }
	p.title-service 										{ font-size: clamp(24px, 7vw, 28px) !important; }
	p,
	.sub-title,
	#contact .fz-16 										{ font-size: clamp(14px, 3vw, 16px) !important; }
}


/* Extra */
.main-marq.xlrg .box .item 									{ padding: 5px; }
.main-marq.xlrg .box .item h4 								{ font-size: clamp(4rem, 12vw, 10rem); font-weight: 800; font-family: 'Raleway', sans-serif; color: #3DBD0F !important; }
.main-marq .box .item h4 									{ margin: 0; line-height: 1.1; white-space: nowrap; }

.stroke 													{ color: transparent; -webkit-text-stroke: 1px #3DBD0F; }

.dark-text .stroke,
.text-dark .stroke 											{ color: transparent; -webkit-text-stroke: 1px #3DBD0F; }


/* Background */
.bg-img 													{ background-image: url(../imgs/background/face_10.jpg); background-size: cover; background-repeat: no-repeat; }


/* Icons */
.icon-img-150 												{ width: 140px; margin: 9px 0; }


/* Navigation */
.navbar 													{ width: 100%; top: 2%; left: 0; margin: 0; padding: 0; border-bottom: 2px solid transparent; background: transparent; transition: all 0.4s; position: absolute; z-index: 999; }


.navbar-nav 												{ padding-right: 40px; padding-left: 40px; /*border: 1px solid #3DBD0F; border-radius: 40px; background-color: #FFFFFF;*/ transition: all 0.4s; }
.navbar.nav-crev .container 								{ width: calc(100% - 80px); min-height: auto; left: 40px; top: 30px; border: 1px solid rgba(61, 189, 15, 0.2); border-radius: 40px; background: rgba(61, 189, 15, 0.05); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; transform: translate(0) !important; }
.navbar.nav-crev.nav-scroll 								{ width: 100%; top: -80px; left: 0; padding: 0; border-radius: 0; background: rgba(61, 189, 15, 0.10); border-color: rgba(0, 0, 0, 0.1); position: fixed;
															  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); -webkit-transform: translateY(80px) !important; -ms-transform: translateY(80px) !important; transform: translateY(80px) !important; }
.navbar.nav-crev.nav-scroll .container 						{ border: 0px solid rgba(61, 189, 15, 0.2); border-radius: 00px; background: unset; backdrop-filter: unset; }
.navbar.nav-crev.nav-scroll .icon-img-150 					{ width: 120px; }
.navbar.nav-crev .navbar-nav .nav-link,
.navbar.nav-crev .search-form .search-icon 					{ color: #1D1D1D; }
.navbar .navbar-nav .nav-link 								{ margin: 0 15px; padding: 20px 10px 10px 10px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #1D1D1D; }
.navbar .dropdown-toggle:after 								{ margin-bottom: 0.2em; margin-left: 5px; vertical-align: 12px; }

.navbar .dropdown-menu .dropdown-item 						{ padding: 10px 25px; font-size: 14px; font-weight: 500; color: #1D1D1D; text-transform: uppercase; transition: all .4s; position: relative; }

.navbar .dropdown-menu 										{ /*min-width: 255px;*/ margin-top: 7px; border-radius: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; display: block; opacity: 0; visibility: hidden; background: rgba(61, 189, 15, 0.05); backdrop-filter: blur(6px); color: #1D1D1D; transition: all .4s;
															  -webkit-transform: translateY(20px);
																  -ms-transform: translateY(20px);
																	  transform: translateY(20px); }
.navbar .navbar-nav .dropdown-menu 							{ padding: 20px 10px; border: 1px solid rgba(61, 189, 15, 0.05); border-top-color: transparent; }
.navbar .dropdown-menu.show 								{ opacity: 1; visibility: visible;
															  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.dropdown-item:focus,
.dropdown-item:hover 										{ background-color: transparent; color: #1e2125; }

.nav-scroll .navbar-nav 									{ border: 0px solid transparent; border-radius: 0; background-color: transparent; transition: all 0.4s; }
.nav-scroll .navbar-nav .dropdown-menu 						{ margin-top: 3px; border: 1px solid #F1F3F5; border-color: #0000001A; border-top-color: transparent; background-color: #3DBD0F0D; }

.navbar .icon-bar 											{ color: #1D1D1D; transition: all 0.4s; }
.navbar .icon-bar:hover 									{ color: #3DBD0F; transition: all 0.4s; }

@media screen and (min-width: 992px) and (max-width: 992px) 						{
	.navbar-nav 											{ margin-top: -10px; }
}

@media screen and (min-width: 992px) 						{
	.navigation-desktop 									{ display: flex; }
	.navigation-mobile 										{ display: none; }
}

@media screen and (max-width: 992px) 						{
	.navbar 												{ /*padding-top: 5px; padding-bottom: 5px;*/ }
	.navbar .navbar-collapse 								{ height: auto; margin-top: 15px; border-top: 0px solid rgba(255, 255, 255, 0.1); overflow: auto; }
	.navbar .navbar-nav .nav-link 							{ margin: 0; padding: 15px 30px 10px; border-bottom: 0px solid rgba(255, 255, 255, 0.1); }
 }

@media screen and (max-width: 991px) 						{
	.navigation-desktop 									{ display: none; }
	.navigation-mobile 										{ display: flex; }

	.navbar .navbar-nav .dropdown-menu 						{ padding: 0px 10px 20px; border: unset; }

	.navbar 												{ top: 0;  transition: all 0.4s; }
	.navbar-toggler 										{ margin-right: 30px; padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent;  border-radius: .25rem;
															  transition: box-shadow .15s ease-in-out; }
	.navbar.nav-crev .container 							{ width: 100%; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; }
	.navbar.nav-crev.nav-scroll .icon-img-150 				{ max-width: 120px !important; margin: 8px 0px 8px 50px !important; transition: all 0.3s; }
	.navbar.nav-crev.nav-scroll .navbar-toggler 			{ margin-right: calc(30px + 0.75rem); padding: 0; border-radius: 0; font-size: 20px; transition: all 0.3s; }
	.navbar .dropdown-menu 									{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: rgba(61, 189, 15, 0.2); backdrop-filter: unset; opacity: 1; visibility: visible; }
	.navbar .dropdown-menu.show 							{  }
	.navbar .navbar-collapse 								{ height: calc(100vh - 70px); margin-top: 0px; border-top: 0px solid #ffffff1a; overflow: auto; }
	.navbar .dropdown-menu .dropdown-item 					{ text-align: center; }
	.navbar .dropdown-menu .dropdown-item,
	a.nav-link span 										{ font-size: 15px; font-weight: 700; line-height: 2.5; letter-spacing: 2px; color: #1D1D1D; transition: all 300ms; }
	.navbar-nav,
	.nav-scroll .navbar-nav 								{ width: 50%; min-width: 240px; height: auto; margin: 10vh auto 0; padding: 15px 0; border-radius: 20px; background: rgba(61, 189, 15, 0.5); }
	.navbar-nav .dropdown-menu,
	.nav-scroll .navbar-nav .dropdown-menu 					{ margin-top: -18px; padding-top: 0; padding-bottom: 22px; border: 0px solid #F1F3F5; background-color: unset; }
	.navbar .navbar-nav .nav-link 							{ margin: 0; padding: 0px 30px; border-bottom: 0px solid #1D1D1D; line-height: 21px; text-align: center; }
	.navbar .navbar-nav .nav-item:last-of-type .nav-link 	{ padding-bottom: 0; border-bottom: 0px solid #1D1D1D; }
	.navbar .dropdown-toggle::after 						{ display: none; }
	.navbar .dropdown-menu .dropdown-item 					{ padding: 0 25px; }
	.navbar .dropdown-menu .dropdown-item:hover 			{ padding-left: 25px; background: transparent; color: #FFFFFF; }
	.navbar .dropdown-menu .dropdown-item:hover:after 		{ content: unset; }
	.navbar .navbar-nav .nav-link .rolling-text 			{ height: 21px; line-height: 21px; }
}

@media screen and (max-width: 479px) 						{
	.navbar .logo 											{ }
}


/* Header */
.header-main 												{ position: relative; background-position: center left; }
header.full-height,
div.full-height 											{ min-height: 100vh; padding: 100px 0 80px; }
header .full-height,
div .full-height 											{ min-height: 100vh; padding: 100px 0 80px; }


/* Page Headers */
.logo-header 												{ width: 35vw; max-width: 650px; min-width: 250px; margin: 0 auto; display: block; }


/* About */
#about .cont .sideup-text 									{ max-width: 82%; }
h1 .sideup-text 											{ line-height: 54px; }
h1 .sideup-text .up-text 									{ font-size: clamp(35px, 8vw, 45px); line-height: clamp(46px, 10vw, 54px); }

@media screen and (min-width: 992px) 						{
	.stutas-mobile.pt-20 									{ margin-top: 0 !important; padding-top: 0 !important; }
	.stutas-mobile.bord-thin-top 							{ display: none; }
}

@media screen and (max-width: 991px) 						{
	#about .cont .sideup-text 								{ max-width: 100%; }
	#about .cont.md-mb50 									{ margin-bottom: 0 !important; }
	#about .cont .mobile.mt-20 								{ margin-top: 0 !important; }
}


/* Services */
.service-cosmetic .col-30 									{ width: 33.333%; margin-bottom: 20px; float: left; }
.service-cosmetic 											{ margin-top: 20px; display: flex; flex-wrap: wrap; }
.service-cosmetic .col-30,
.service-cosmetic .col-lg-4,
.service-cosmetic .col-md-6 								{ display: flex; }
.service-cosmetic .col-30 .service-item,
.service-cosmetic .col-lg-4 .service-item,
.service-cosmetic .col-md-6 .service-item 					{ display: flex; flex-direction: column; }
.serv-box .service-item 									{ margin: 0 10px; padding: 0px; border: 1px solid rgba(0, 0, 0, 0.1); }
.serv-box .service-image 									{ padding: 0px; }
.serv-box .service-item h5 									{ font-size: 18px; }
.serv-box .service 											{ padding-left: 0px; }
.butn.butn-full 											{ width: 100%; margin-right: 0; margin-left: auto; padding: 15px 25px; text-align: center; }
.more 														{ text-decoration: underline; transition: all 300ms; }
a.open-modal:hover .more 									{ color: #3DBD0F; transition: all 300ms; }

@media screen and (max-width: 991px) 						{
	.service-cosmetic .col-30 								{ width: 50%; }
}

@media screen and (max-width: 767px) 						{
	.service-cosmetic .col-30 								{ width: 100%; }
	.serv-box .service-item 								{ margin: 0 5px 0 15px; }
    .serv-box .service-item h5 								{ font-size: clamp(16px, 3vw, 18px) !important; }
    .butn.butn-full 										{ width: 100%; padding: 15px 25px; text-align: center; }

}


/* Contact */
#contact-form 												{ margin-top: 140px; }
#contact-form .col-lg-6 									{ max-width: 50%; }
#contact .mb-30 											{ margin-bottom: 15px !important; }

form label                                              	{ margin: 10px 0 5px 0; font-family: 'Raleway', sans-serif; font-size: 1.125em; line-height: 1.66667em; color: #00B4AB; display: block; }
form input                                              	{ width: calc(100% - 10px); padding: 5px; border: 1px solid #e1e8eb; border-radius: 5px; font-family: 'Raleway', sans-serif; font-size: 1.125em; line-height: 1.66667em; color: #383435; background: #e1e8eb; display: block; }
form input:hover,
.contact-crev textarea:hover 								{ border: 1px solid #777777; }
form button                                             	{ margin: 20px 0; padding: 10px 50px; border-radius: 5px; background: #00B4AB; border: none; font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 1.8125em; display: block; cursor: pointer; }
form button:hover                                       	{ border: 1px solid #00B4AB; background: transparent; color: #00B4AB; }
.form input:focus                                       	{ border: 1px solid #3DBD0F; background: none; outline: none; }
.butn.butn-bord 											{ margin-top: 0px; border-color: #3DBD0F; background: transparent; color: #383435; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.butn.butn-bord:hover  										{ background: #3DBD0F; color: #FFFFFF; }
.butn.butn-bord span 										{ color: #3DBD0F; text-transform: uppercase; }
.butn.butn-bord:hover span 									{ color: #FFFFFF; }
.contact-crev input,
.contact-crev textarea 										{ width: 100%; padding: 15px; font-size: 16px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; background: transparent; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.contact-crev textarea 										{ min-height: 180px; color: #383435; }
.contact-crev input:focus,
.contact-crev textarea:focus 								{ border-color: #3DBD0F; }
#contact .form-group.has-error textarea,
#contact .form-group.has-error input 						{ border-color: #F00F00; }
#contact-form .website 										{ display: none; }
.alert-success 												{ font-weight: 500; color: #1D1D1D; background-color: transparent; border-color: #3DBD0F; text-align: center; display: flex; flex-direction: column-reverse; }
.alert-success button 										{ width: auto; margin: 10px auto 0; border-radius: 30px; border: 1px solid #3DBD0F; background: transparent; color: #3DBD0F; text-transform: uppercase; transition: all 300ms; }
.alert-success button:hover 								{ border: 1px solid #3DBD0F; background: #3DBD0F; color: #FFFFFF; transition: all 300ms; }

#contact .container-iframe 									{ width: 100%; padding-top: 56.25%; position: relative; overflow: hidden; }
#contact .container-iframe .iframe-map 						{ width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; position: absolute; }

@media screen and (max-width: 992px) 						{
	 .md-mb80 												{ margin-bottom: 20px !important; }
}

@media screen and (max-width: 991px) 						{
	#contact-form 											{ margin-top: 14px; }
}

@media screen and (max-width: 767px) 						{
	#contact-form .col-lg-6 								{ max-width: 100%; }
	#contact-form .col-lg-6.pr-5 							{ padding-right: 15px; }
	#contact-form .col-lg-6.pl-5 							{ padding-left: 15px; }
	#contact-form .col-lg-6 p 								{ margin-bottom: 15px; }
	form button,
	.contact-crev input,
	.contact-crev textarea 									{ font-size: clamp(14px, 3vw, 16px) !important; }
}


/* Footer */
.footer-container .ontop 									{ position: relative; z-index: 4; }
.footer-container 											{ background: #404040; color: #FFFFFF; transform: unset !important; }
.footer-container h6 										{ border-bottom: 1px solid #FFFFFF; text-transform: uppercase; }
.footer-container .text a 									{ text-decoration: underline; transition: all 0.3s; }
.footer-container .text a:hover 							{ color: #3DBD0F; transition: all 0.3s; }
.footer-container .time 									{ margin-bottom: 4.3px; display: flex; }
.footer-container .time .col-left 							{ margin-left: 0; }
.footer-container .time .col-right 							{ margin-right: 0; margin-left: auto; }
.footer-container .text a,
.footer-container .text p,
.footer-container .time p 									{ font-size: 16px; line-height: 24px; color: #FFFFFF; }

.footer-container .menu-text a 								{ font-size: 16px; line-height: 24px; color: #FFFFFF; transition: all 0.3s; }
.footer-container .menu-text a:hover 						{ color: #3DBD0F; transition: all 0.3s; }
.footer-container .menu-text li 							{ margin-bottom: 4.3px; }

.footer-container .sub-footer 								{ background: #333333; }
.footer-container .sub-footer .copyright p					{ margin: 0 auto; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; }
.footer-container .sub-footer .copyright p span				{ font-size: 18px; }
.footer-container .sub-footer .col-right 					{ width: 50%; text-align: right;}
.footer-container .sub-footer .col-left 					{ width: 50%; text-align: left; }
.footer-container .sub-footer .col-right a 					{ text-decoration: underline; transition: all 0.3s; }
.footer-container .sub-footer .col-right a:hover 			{ color: #3DBD0F; transition: all 0.3s; }
.footer-container .sub-footer .separator 					{ padding: 0 15px; }

@media screen and (min-width: 768px) 						{
  .footer-container .col-lg-4 								{ width: 33.33333333%; flex: 0 0 auto; }
}

@media screen and (max-width: 767px) 						{
	.footer-container a 									{ font-size: clamp(14px, 3vw, 16px) !important; }
	.footer-container .tit 									{ text-align: center !important; }
	.footer-container .tit h6 								{ font-size: clamp(16px, 5vw, 20px); }
	.footer-container .col-lg-4 .text-right 				{ text-align: left; }
	.footer-container .sub-footer .copyright.d-flex 		{ display: block !important; }
	.footer-container .sub-footer .col-right,
	.footer-container .sub-footer .col-left 				{ width: 100%; text-align: center; }
}


/* Datenschutz */
#datenschutz .container 									{ padding: 0 62px; }
#datenschutz h1 .sideup-text .up-text 						{ font-size: clamp(24px, 8vw, 35px); line-height: clamp(36px, 10vw, 44px); }
#datenschutz h2 											{ font-size: clamp(18px, 8vw, 28px); line-height: clamp(24px, 10vw, 34px); }
#datenschutz p 												{ margin-bottom: 15px; }
#datenschutz a 												{ text-decoration: underline; transition: all 0.3s; }
#datenschutz a:hover 										{ color: #3DBD0F; transition: all 0.3s; }

@media screen and (max-width: 992px) 						{
	#datenschutz .container 								{ padding: 0.75rem; }
	#datenschutz .md-mb50 									{ margin-bottom: 30px !important; }
}

@media screen and (max-width: 767px) 						{
	#datenschutz .pt-20 									{ padding-top: 10px !important; }
	#datenschutz .mt-20 									{ margin-top: 10px !important; }
	#datenschutz .container 								{ padding: 0.75rem; }
	#datenschutz .md-mb50 									{ margin-bottom: 30px !important; }
}


/* Cookie Script */
#cookiescript_badge 										{ display: none !important; }
#cookiescript_injected 										{ background-color: #3dbd0fAd !important; border: 1px solid #3dbd0fD3 !important; }
#cookiescript_header 										{ padding: 30px 0 10px !important; }
#cookiescript_close,
#cookiescript_header,
#cookiescript_description,
#cookiescript_readmore,
#cookiescript_accept,
#cookiescript_reject 										{ font-weight: 600 !important; color: #1D1D1D !important; }
#cookiescript_copyright 									{ display: none; }
#cookiescript_close 										{ color: #1D1D1D !important; transition: all 0.3s; }
#cookiescript_close:hover 									{ color: #FFFFFF !important; transition: all 0.3s; }
#cookiescript_readmore 										{ padding: 10px 0 !important; color: #1D1D1D !important; text-decoration: underline !important; display: block !important; transition: all 0.3s; }
#cookiescript_readmore:hover 								{ padding: 10px 0 !important; color: #FFFFFF !important; text-decoration: underline !important; display: block !important; transition: all 0.3s; }
#cookiescript_reject,
#cookiescript_accept 										{ border: 1px solid #3DBD0FD3 !important; color: #1D1D1D !important; background: #3DBD0FAd !important; transition: all 0.3s; }
#cookiescript_reject:hover,
#cookiescript_accept:hover 									{ border: 1px solid #3DBD0F !important; color: #FFFFFF !important; background: #3DBD0F !important; transition: all 0.3s; }