/*
 Theme Name:  Mediflex Pflege
 Author: Olga Litvinova / Kreativer Blick Design Studio
 Author URI: http://kreativer-blick.de
 Template: Divi
 Version: 1.0.0
*/



.et-pb-contact-message {
  color: #34bef9;
  font-size: 18px !important;
  font-weight: 400;
padding-top:20px;
}  

.et_pb_blurb .et_pb_main_blurb_image .et_pb_image_wrap
{
 transition: all 0.3s ease;
}

.et_pb_blurb_content:hover .et_pb_image_wrap
{
 transform: scale(1.2);
}
.et_pb_button::after {
margin-left: 1.5em!important;
  transform: translateX(0px)!important;
  transition: .2s ease-in-out!important;
}
.et_pb_button:hover::after {
  margin-left: .8em!important;
  left: auto!important;
  margin-left: 1em!important;
  opacity: 1!important;
 transform: rotate(-45deg)!important;
  transition: .2s ease-in-out!important;
}
.et_pb_row.st_zeile_header{
  width: 90%!important;
max-width:1420px!important;
	  margin-top:250px !important;

}
.et_pb_section.st_section_header{
  min-height: 1000px!important;
}
.et_pb_button.st_btn1, .et_pb_button.st_btn2, .st_btn1 .et_pb_button{
background-image: linear-gradient(180deg,#33aaef 0%,#0e89d1 100%)!important;
  border-width: 1px !important;
  border-color: #34bef9!important;
  border-radius: 50px;
  font-size: 18px;
  font-family: 'FunnelSans VariableFont',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 500 !important;
  background-color: #34bef9!important;
	padding-top: 10px !important;
  padding-right: 70px !important;
  padding-bottom: 10px !important;
  padding-left: 45px !important;
	  color: #fff !important;

}

.st_btn2.et_pb_button:hover, .st_btn1 .et_pb_button:hover {
	background-image: linear-gradient(180deg,#0e89d1 0%,#33aaef 100%)!important;
	  color: #fff !important;

}

.st_btn1.et_pb_button:hover {
  color: #fff !important;
  
	background-image: linear-gradient(180deg,#0e89d1 0%,#33aaef 100%)!important;
}

.cl2_1,.cl2_2{
  padding: 5%!important;

}
.st_zeile_tl{
  width:100%!important;
}
.st_zeile_tl .et_pb_row {
  width:100%!important;
	max-width:1420px!important;

}
 .et_pb_row.st_zeile_body{
  width:90%!important;

}
.swiper-pagination-bullet {
  width: 15px!important;
  height: 15px!important;
	}
.swiper-pagination {
  text-align: right!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;
  background-color: #2aa2e887;
}
/* rotate the Divi Menu icon on click */

.mobile_menu_bar:before {
transition: all .4s ease;
transform: rotate(0deg);
display: block;
	
}

/* rotate the Divi Menu icon on click */

.mobile_nav.opened .mobile_menu_bar::before {
transition: all .4s ease;
transform: rotate(90deg);
display: block;
}
.dsm_card_wrapper {
  padding-top: 20px!important;
  padding-right: 0px!important;
  padding-bottom: 0px!important;
  padding-left: 0px!important;
}
	.vorteile{
		z-index: 1 !important;
  position: absolute !important;
  bottom: 99px;
  top: auto;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}	

.st_vorteile {
	
	z-index: 1 !important;
  position: absolute !important;
  bottom: 60px!important;
  top: auto!important;
  left: 50%!important;
  right: auto!important;
  transform: translateX(-50%)!important;
	}
	@media only screen and (max-width: 1400px) {
	
	.st_vorteile {
	
	bottom: 50px !important;
	}
		
		.st_vorteile .dsm_card_title{
			  font-size:18px!important;

	
}

.st_vorteile .dsm_card_carousel_child_description{
			  font-size: 15px!important;

	
}
		.st_vorteile .dsm_card_carousel_child_img {
  max-width: 90px;
}

}
@media only screen and (max-width: 1200px) {
	.st_kontakt .et_pb_column{

  width: 100%!important;
 margin-bottom:30px!important;
}

	.st_kontakt .et_pb_text {
  margin-bottom: 0px !important;
	}
	.st_kontakt h2 {
  font-size: 24px!important;

	}

	.st_vorteile {
	
	z-index: 1 !important;
  position: relative !important;
 bottom: 0!important;
		top: auto !important;
  right: auto !important;
  transform: translateX(0) !important;
  left: unset !important;
	}
	.et_pb_row.st_vorteile {
  padding-top: 0 !important;
  padding-bottom: 0px !important;
	}
	.et_pb_menu ul li a {

  font-size: 16px!important;
 
}

	.et-menu-nav li a {

  padding: 0 10px!important;
}

.et_pb_row.st_zeile_header{
  margin-top:300px !important;

}
.et_pb_section.st_section_header{
background-position: right 0px top !important;
 
    background-position-x:70%  !important;

}
h1{
  font-size: 44px!important;
}
.st_tlt h2{
  font-size: 44px!important;
}
  .et_pb_row.st_zeile_body{
  width:90%!important;

}
	.st_zeile_body2 .et_pb_column, .st_zeile_tl .st_tl1, .st_zeile_tl .st_tl2  {
  width:100%!important;
  margin-bottom: 20px !important;

}
	.st_zeile_tl .st_tl1, .st_zeile_tl .st_tl2  {

  padding: 5% !important;

}
		.cl2_1,.cl2_2{
  padding: 40px 5% !important;

}
		.clm2_1,.clm2_2{
  padding: 0px !important;
}
}
@media (max-width: 980px) { 
			.st_vorteile .dsm_card_title{
			  font-size: 21px!important;

	
}

.dsm_card_carousel_child_description{
			  font-size: 16px!important;

	
}
 	.et_mobile_menu {
min-width: 100vw;
}
	
	
 .et_pb_menu .et_mobile_menu {
   top: 0 !important;
	transition: max-height .3s,transform .3s;
	 height:100vh;
	 padding:200px 0;
	}
	
	 .st_section_menu .st_zeile.et_pb_row{

  padding-top:0!important;

}
	.st_section_menu .mobile_menu_bar {

  z-index:  99999999999!important;
}
	.et_mobile_menu {
  border-top: 0!important;
		 
  
}
	.et_pb_menu__logo {
  z-index: 99999999!important;
		margin-top: 10px;
}
	.et_pb_menu__logo-wrap {
 
			margin-left: 5%!important;
}
	.st_hmenu.et_pb_menu ul li a {
  font-family: 'FunnelSans VariableFont',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 300!important;
  font-size: 18px!important;
  color: #FFFFFF !important;
	}
.st_m_menu .mobile_menu_bar {

  display: none!important;

}

	
	.st_m_menu.et_pb_menu .et_pb_menu__menu {

  display: block!important;

}
	.st_m_menu .et_pb_menu__wrap {
    -webkit-box-pack:start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
  }
.st_zeile_body{
  width:90%!important;

}

	 .st_zeile_body2 .et_pb_column, .st_zeile_tl {
  width:100%!important;
  margin-bottom: 20px !important;

}
	.cl2_1,.cl2_2{
  padding: 40px 5% !important;

}
		.clm2_1,.clm2_2{
  padding: 0px !important;
width:100%!important;
}
	
	.clm3_1{
  padding: 0px !important;
width:100%!important;
}
	.clm3_2{
	  padding: 40px 5% !important;
width:100%!important;
}

	
	.column_w {
	display: flex!important;
flex-wrap: wrap!important;
	}
	.cl_1{
	order: 2!important;
				padding-top:50px!important;

		padding-bottom:0!important;
				margin-bottom:0!important;

	}
	
	.cl_2{
	order: 1!important;
	}



.et_pb_row.st_zeile_header{
  margin-top:350px !important;
  width:100%!important;
padding:10% 5%!important;

}
.et_pb_section.st_section_header{
  min-height: 1050px!important;
}
h1{
  font-size: 42px!important;
}
.st_tlt h2{
  font-size: 42px!important;
}
}
@media (max-width: 680px) { 
	.et_pb_button.st_btn1, .et_pb_button.st_btn2, .st_btn1.et_pb_button{

  font-size: 18px!important;
padding-top: 10px !important;
  padding-right: 60px !important;
  padding-bottom: 10px !important;
  padding-left: 25px !important;
}
.et_pb_row.st_zeile_header{
  margin-top: 300px !important;
 

}
.et_pb_section.st_section_header{
  min-height: 950px!important;
}
h1{
  font-size: 32px!important;
	line-height: 34px!important;
}
.st_tlt h2{
  font-size: 32px!important;
}

}



@media (max-width: 460px) { 
	.et_pb_button.st_btn1, .et_pb_button.st_btn2, .st_btn1.et_pb_button{

  font-size: 18px!important;
padding-top: 10px !important;
  padding-right: 60px !important;
  padding-bottom: 10px !important;
  padding-left: 25px !important;
}
.et_pb_row.st_zeile_header{
  margin-top: 280px !important;
 

}
.et_pb_section.st_section_header{
  min-height: 850px!important;
}
h1{
  font-size: 28px!important;
	line-height: 30px!important;
}
.st_tlt h2{
  font-size: 28px!important;
}

}