/*
 Theme Name:  Em Lashesundbeauty
 Author: Olga Litvinova / Kreativer Blick Design Studio
 Author URI: http://kreativerblick-webdesign.de
 Template: Divi
 Version: 1.0.0
*/

.st_list li{

  list-style: none!important;
  background-image: url('https://em-lashesundbeauty.de/wp-content/uploads/2025/11/blume_li.png') !important;
  background-repeat: no-repeat!important;
  background-position: 0 4px!important;
  padding-left: 25px !important;

}
.et-pb-contact-message {
  color: #ad9551 !important;
  font-size: 21px;
  text-align: center;
  font-family: 'TenorSans',Helvetica,Arial,Lucida,sans-serif;
}
#main-content {

  overflow-x: hidden!important;
}
.st_list li {
  padding: 0 10px 10px 10px;
}
.st_list ul {
  padding: 20px 0 23px 1em;
}
  .et_pb_button {
overflow: hidden;
box-shadow: 0 0 0 0 transparent;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.et_pb_button:hover {
box-shadow: 0 0 30px 5px #fbf0ea; /* Legen Sie hier Ihre Farbe fest
(es sollte die gleiche Farbe sein wie die der Schaltfläche bg bei Hover, aber mit einer Deckkraft von 0,5)
und spielen Sie mit den Werten 30px und 5px, um den Box-Shadow anzupassen */
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.et_pb_button:hover:before {
-webkit-animation: shine 0.5s 0s linear;
-moz-animation: shine 0.5s 0s linear;
animation: shine 0.5s 0s linear;
}
.et_pb_button:active {
box-shadow: 0 0 0 0 transparent;
-webkit-transition: box-shadow 0.2s ease-in;
-moz-transition: box-shadow 0.2s ease-in;
transition: box-shadow 0.2s ease-in;
}
.et_pb_button:before {
content: '';
display: block;
width: 0px;
height: 86%;
position: absolute;
top: 7%;
left: 0%;
opacity: 0;
background: #ffffff;
box-shadow: 0 0 60px 20px #ffffff; /*spielen Sie mit den Werten 60px und 20px, um den Box-Shadow anzupassen*/
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
transform: skewX(-20deg);
}

.et_pb_button:after {
line-height: inherit !important;
}

@-webkit-keyframes shine {
from {
opacity: 0;
left: 0%;
}
50% {
opacity: 1;
}
to {
opacity: 0;
left: 100%;
}
}
@-moz-keyframes shine {
from {
opacity: 0;
left: 0%;
}
50% {
opacity: 1;
}
to {
opacity: 0;
left: 100%;
}
}
@keyframes shine {
from {
opacity: 0;
left: 0%;
}
50% {
opacity: 1;
}
to {
opacity: 0;
left: 100%;
}}
	.st_header{
margin-top:180px!important;
}

.st_head{
height:860px!important;
}
.st_seite_bhn{
height:700px!important;
}
 .st_tlt h3 {
    font-size: 21px !important;
  }  
.st_tlt h2 {
 font-size:42px!important;
}
@media all and (max-width: 1620px) {
	.st_tlt h2 {
 font-size:32px!important;
}
	.st_tlt h1 {
 font-size:52px!important;

}
	 .st_tlt h3 {
    font-size: 16px !important;
  }  
	.st_header_text p{
font-size:26px !important;
    line-height: 30px;
}
	.st_head{
height:700px!important;
}
	.st_seite_bhn{
height:600px!important;
}
	.st_hmenu .ddb-logo
{
max-width:120px!important;
}

.st_hmenu .ddb-text
{
font-size:21px !important;
 
}
	 .st_hmenu .ddb-menu {
  gap: 10px !important;
}
}


@media all and (max-width: 1270px) {
.st_tlt h1 {
 font-size:46px!important;
}
	 .st_tlt h3 {
    font-size: 14px !important;
  }  
	.st_header {
  margin-top: 140px !important;
}
}


@media all and (max-width: 1100px) {
		.st_zeile.et_pb_row {
  width: 96%!important;

}
	 .st_tlt h3 {
    font-size: 14px !important;
  }  
	
	.st_hmenu{
padding-right:5%!important;
}
	
	}


@media all and (max-width: 980px) {
	  .st_hmenu {
    padding-right: 0 !important;
  }
	.st_hmenu .ddb-text
{
font-size:24px !important;
 
}
.st_list li{

  list-style: none!important;
  background-image: url('https://em-lashesundbeauty.de/wp-content/uploads/2025/11/blume_li.png') !important;
  background-repeat: no-repeat!important;
  background-position: 0 4px!important;
  padding-left: 25px !important;

}
		.st_header_text p{
font-size: 21px !important;
    line-height: 24px;
}
	
	 .st_tlt h3 {
    font-size: 18px !important;
  }  
	.st_head{
height:740px!important;
}
	.st_seite_bhn{
height:420px!important;
}
	.st_text p {
 font-size:18px!important;

}  
	.st_sektion_full .et_pb_row {
  width: 100%!important;
padding: 50px 0 50px 0!important;
}
		.st_zeile_full .et_pb_row {
  width: 100%!important;
			padding: 50px 0 50px 0!important;
}
	  .st_cl2_full {
    padding: 50px 3% !important;
  }
		.st_tlt h2 {
 font-size:30px!important;
			line-height:36px!important;

}
	.gesamte_zeile{
		display: flex;
flex-wrap: wrap;
} 
	.st_cl_1{
		order: 2;
} 
	.st_cl_2{
		order: 1;
} 
	.st_footer_cl1{
		order: 1;
} 
	.st_footer_cl2{
		order: 3;
} 	
	.st_footer_cl3{
		order: 2;
} 
	.st_tlt h1 {
 font-size:46px!important;

}  .st_hmenu .ddb-abs {
    position: absolute;
    top: 0 !important;
    height: 100vh;
  }
	  .st_hmenu .ddb-mobile-menu.ddb-f.ddb-column.ddb-abs {
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 50px;
  }
	  .st_hmenu .ddb-mobile-icon {
    z-index: 9999999 !important;
  }
	  .st_hmenu .ddb-logo {
    z-index: 999999999 !important;
  }
	.st_item_leistungen{
max-width:260px!important;
}
	
	
	
	
	
	}




@media all and (max-width: 520px) {
	  .dondivi_menu_0_tb_header .ddb-logo {
   
    margin-left: 2%!important;
  }
	.st_tlt h1 {
 font-size:38px!important;

}  
	.st_tlt h3 {
 font-size:21px!important;

}  
	
	.st_btn1, .st_btn2{
 font-size:16px!important;

}  
	.st_seite_bhn{
height:380px!important;
}

	
	}
@media all and (max-width: 420px) {
 .dondivi_menu_0_tb_header .ddb-mobile-wrapper {
    justify-content: flex-end !important;
	  padding-right:10px;
  }
	

  .st_tlt h3 {
    font-size: 18px !important;
  }  

}
@media all and (max-width: 380px) {

  .st_tlt h1 {
    font-size: 32px !important;
  } 
	.st_header {
    margin-top: 90px !important;
  }
  .dondivi_menu_0_tb_header .ddb-mobile-wrapper {
    justify-content: flex-end !important;
	  padding-right:10px;
  }
	
	
	
}