/*
 Theme Name:  Klangheitlich
 Author: Olga Litvinova / Kreativer Blick Design Studio
 Author URI: http://kreativerblick-webdesign.de
 Template: Divi
 Version: 1.0.0
*/
  .st_hslider .et_pb_slide_content {
  font-family: 'Qwigley'!important;
  font-size: 86px !important;
  line-height: 1.1em!important;
}

 .st_btn, .et_pb_contact_submit {
font-weight: 600 !important;
  border-radius: 1.875rem 0 1.875rem 0 !important;
  padding: .875rem 2rem !important;
  font-size: 16px !important;
  display: inline-block !important;
}

.et_pb_button::after, .et_pb_button::before {
	display:none!important;
	
	}
 .st_btn.et_pb_button, .et_pb_contact_submit {
  background-color: #8a7ea8!important;
  border-color:#8a7ea8 !important;
  color:#fff!important;
}

 .st_btn.et_pb_button:hover, .et_pb_contact_submit {
  background-color:rgba(89, 76, 119, 0.74)!important;
}


@-webkit-keyframes sunMove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.gr_termin
{
  width: 220px!important;
  z-index: 9999999!important;
  position: absolute !important;
  bottom: 120px!important;
  top: auto;
  right: 190px!important;
  left: auto;
  animation: sunMove 10s linear infinite;
  text-align: left;
  margin-left: 0;
}

.st_text{
  
  font-size: 18px!important;

}

.st_text_carousel{
  
  font-size: 14px!important;
color:#000!important;
}
.st_hinweis_carousel{
  
  font-size: 12px!important;
line-height:1.7!important;
	color:#000!important;
}
.dsm-pricelist-header {
  margin-bottom: 0!important;
}


.st_preis_carousel{
  
  font-size: 16px!important;
font-weight:600px;
padding:20px 0px!important;
color:#000!important;
	font-weight:800!important;
}
.dsm_card_carousel_child_subtitle{
  
padding:10px 0px!important;

}


.st_hinweis_tlt{
font-size: 12px!important;
font-weight:800!important;
color:#000!important;
	line-height:1.3!important;
}

.et_pb_menu__logo {
  padding: 20px 40px!important;
}

.st_tlt_s.et_pb_module{
 
		margin-bottom:20px!important;
}

.et-pb-contact-message {
  font-size: 16px;
  color: #000;
}

@media (max-width:1520px) { 

.gr_termin {
  width: 220px!important;
  bottom: 0px!important;
  right: 50px!important;
		  z-index: 9999999!important;

 }	


}
@media (max-width:1380px) { 
		.st_tlt_s.et_pb_module {
  margin-bottom: 0 !important;
}

.st_tlt_f{
  font-size:62px!important;
		line-height:1!important;
		
}

}
@media (max-width:1160px) { 

.st_tlt_f{
  font-size:52px!important;
		line-height:1!important;
		
}

}
.preis_leistungen{ 
	min-height:240px!important;
		font-size:14px!important;
}

@media (max-width: 980px) { 
	
	.st_m_menu .mobile_menu_bar {

  display: none!important;

}

	
	.st_m_menu.et_pb_menu .et_pb_menu__menu {

  display: block!important;

}
	.preis_leistungen {
  min-height: auto!important;
}
	
	.st_tlt_f{
  font-size:50px!important;
		line-height:0.7!important;
		
}
.st_tlt_s.et_pb_module{
  font-size:36px!important;
		line-height:1!important;
		margin-bottom:0px!important;
}
.st_zeile {
width: 90% !important;
		
}


	.st_zeile_v {
width: 100% !important;
		
}
	.st_cl{
	 padding:5%!important;
	}
	
	.st_hmenu .et_mobile_menu {
min-width: 100vw;
}
	 .st_hmenu.et_pb_menu .et_mobile_menu {
   top: 0 !important;
	transition: max-height .3s,transform .3s;
	 height:100vh;
	 padding:200px 0;
	}
	.st_hmenu .et_mobile_menu {
  border-top: 0!important;
		background-color:  #8A7EA8 !important;
		 
  
}	.st_hmenu .et_pb_menu__logo {
  z-index: 99999999!important;
		margin-top: 20px !important;
    max-width: 160px;
}
	 .st_hmenu .et_pb_menu__logo-wrap {
    margin-left: 5% !important;
  }
	 .st_hmenu .mobile_menu_bar {
    z-index: 99999999999 !important;
  
}
	
	/* change Divi hamburger menu to X */
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}

.mobile_nav.closed .mobile_menu_bar:before {
content: "\61";
}
.mobile_menu_bar {
margin-right: 20px;
}
/* rotate the Divi Menu icon on click */

.mobile_menu_bar:before {
	font-size: 56px!important;
transition: all .4s ease;
transform: rotate(0deg);
display: block;
	color:  #b4b4b4 !important;
}

/* rotate the Divi Menu icon on click */

.mobile_nav.opened .mobile_menu_bar::before {
transition: all .4s ease;
transform: rotate(90deg);
display: block;
}
	
	
	
	.st_hmenu.et_pb_menu ul li a {
	font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 500!important;
  font-size: 18px!important;
  color: #2B7F67 !important;
		text-align:center!important;
		font-weight:500!important;
	}

	
	
	.et_pb_menu__logo {
  padding: 0px!important;
}
	.et_pb_menu__logo-wrap{
    max-width: 200px!important;
  }

	
	.et_pb_bottom_inside_divider {
  
  z-index: 5!important;

}
	.gr_termin {
  width: 170px!important;
  bottom: -40px!important;
  right: 50px!important;
		  z-index: 9999999!important;

 }	
	
		.st_hzeile{
  width:100%!important;
		
}
	.st_tlt h2{
  font-size:28px!important;
		line-height:1.4!important;
		
}
	.st_hslider .et_pb_slide_content {
  font-size: 58px !important;
		line-height: 0.9em!important;
}
	 .st_hmenu .et_pb_menu_inner_container {
  position: relative;
  display: flex!important;
}
	 .st_hmenu .et_pb_menu__wrap {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important;
}
	 .st_hmenu .mobile_nav .mobile_menu_bar::before{
  color: #fff!important;
}
	
	 .st_hmenu.et_pb_menu .et_mobile_menu {
    top: 0 !important;
    transition: max-height .3s,transform .3s;
    height: 100vh;
    padding: 200px 0;
  }
	
}