/*
 Theme Name:  Mindset-Snacks
 Author: Olga Litvinova / Kreativer Blick Design Studio
 Author URI: http://kreativerblick-webdesign.de
 Template: Divi
 Version: 1.0.0
*/
.dsm-content-timeline-date {
  padding-top: 50px !important;
}

.st_column1 .et_pb_menu__wrap {
  padding: 0 !important;
}


.st_sp{
font-weight: 600;
  background-color: #e8e6e3;
  padding-top: 20px !important;
  padding-right: 10px !important;
  padding-bottom: 20px !important;
  padding-left: 10px !important;
  margin-bottom: 10px !important;
}
.st_footer .et_pb_main_blurb_image {
  padding-right: 25px !important;
}
.btn1_m {
	display:none!important;
  position: absolute !important;
top: 0 !important;
  right: 0 !important;
  padding: 0!important;
  margin: 0;
}
.btn2_m {
	display:none!important;
  position: absolute !important;
  top: 0 !important;
  right: 150px !important;
  padding: 0!important;
  margin: 0;
}
.et_pb_menu__wrap {
  padding: 20px 0!important;
}
.btn1_m a {
	display:none!important;
 background:#f7f5f2!important;
  padding: 10px !important;
font-size: 14px!important;
}
.btn2_m a {
	display:none!important;
  background:#f7f5f2!important;
  padding: 10px !important;
font-size: 14px!important;
}

 .st_start_section
{
  background-size: initial;
  background-position: center top;
  background-image: linear-gradient(180deg,rgba(38,35,3,0.19) 0%,rgba(38,35,3,0.17) 100%), url(https://mindset-snacks.de/wp-content/uploads/2026/06/Joerg-Sanne-Heller.jpg) !important;
}

.st_hmenu .et_pb_menu__logo-wrap {
 
  max-width: 360px !important;
}
.st_hmenu .et_pb_menu__logo img {

  max-width: 90px!important;
}
.st_hmenu .et_pb_menu__logo-wrap::after {
  content: "Mindset-Snacks ";
  font-size: 32px!important;
  color: #008060!important;
	font-family: 'Cormorant' !important;
	font-weight:450!important;
text-align: left!important;
}
.et_pb_row.st_zeile {
  width: 90% !important;
  max-width: 1280px !important;
}
.et_pb_row.st_zeile_b {
  width: 90% !important;
  max-width: 1280px !important;
}
.et_pb_row.st_hzeile {
  width: 90% !important;
  max-width: 1280px !important;
}
.st_tlt h1{
	font-family: 'Cormorant'!important;
}

.st_tlt h2, .st_tl h3{
	font-family: 'Inter'!important;
	font-weight:600!important;
}
.st_tlt h1{
	font-size: 54px!important;
	line-height: 1em!important;
}
.st_tlt h2{
	font-size: 34px!important;
		line-height: 1.3em!important;
	font-weight:500!important;
	color: #4b4b4b !important;
}
.st_tlt_sp h2{
	font-size: 34px!important;
		line-height: 1.3em!important;
	font-weight:600!important;
	min-height:140px!important;
}


.st_tlt2 h2{
	font-size: 24px!important;
		line-height: 1.3em!important;
	font-weight:600!important;

}


.st_txt p, .st_txt .et_pb_text_inner, .st_txt .dsm-content, .dsm-description {
	font-size: 16px!important;
		line-height: 1.7em!important;
	font-family: 'Inter'!important;
	font-weight:400!important;


}

.st_ht {
  min-height: 300px!important;


}
.st_btxt .et_pb_blurb_description {
	font-size: 16px!important;
		line-height: 1.7em!important;
	font-family: 'Inter'!important;
	font-weight: 400 !important;
    color: #000;
    text-align: center;
}

.st_btxt .et_pb_text_inner {
		font-size: 16px!important;
		line-height: 1.7em!important;
	font-family: 'Inter'!important;
	font-weight: 400 !important;
    color: #000;
    text-align: center;
min-height:130px!important;
}

.st_txt_h{

  min-height: 330px!important;
  padding-right: 10px !important;
  padding-left: 10px !important;
	
}
.st_txt_h2{

  min-height: 270px!important;
  padding-right: 10px !important;
  padding-left: 10px !important;
	
}

 .st_btxt h4.et_pb_module_header{


  height: 90px !important;
		
}

.st_footer .et_pb_blurb_content  h4.et_pb_module_header {
  content: "Mindset-Snacks ";
  font-size: 32px !important;
  color: #008060 !important;
  font-family: 'Cormorant' !important;
  font-weight: 450 !important;
  text-align: left !important;
	padding-top: 10px;
}


.st_txt_h p{
	font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 400!important;
 	font-size: 16px!important;
	line-height: 1.7em!important;
}
.st_cl1,.st_cl2,.st_cl3
{ 
    padding:70px 1%!important;

}
.st_links .menu-item {
  border-bottom: 1px solid #dadada!important;
  padding-bottom: 7px!important;
  padding-top: 7px!important;
	font-weight: 400!important;
}


.st_tlt .et_pb_blurb_description{

	font-weight: 400!important;
}
	.et_pb_button {

padding-top: 15px !important;
  padding-right: 80px !important;
  padding-bottom: 15px !important;
  padding-left: 60px !important;
}

.st_section_l {
  padding-bottom: 120px !important;
}
.st_tlt_snachs .et_pb_text_inner{
 	font-size: 16px!important;

min-height: 150px!important;
color:#fff;
}
		@media only screen and (max-width: 1460px) {

.st_tlt_sp h2{
font-size: 26px!important;
		line-height: 1.3em!important;
		
		min-height:80px!important;
}
			
		.st_sp h3{
font-size: 26px!important;
		line-height: 1.3em!important;
		min-height:80px!important;
}
			
			
}


@media only screen and (max-width: 1400px) {
	.et_pb_row.st_zeile {
  width: 95% !important;
  max-width: 1280px !important;
}
	.et_pb_row.st_zeile_b {
  width: 95% !important;
  max-width: 1280px !important;
}
	
	
  .st_start_section{
    background-position: right 0px top;
  background-image: linear-gradient(232deg,rgba(79,62,12,0.4) 0%,rgba(79,62,12,0.35) 100%),url(https://mindset-snacks.de/wp-content/uploads/2026/06/Joerg-Sanne-Heller_ueber_uns.jpg) !important;
  }
}


@media only screen and (max-width: 1240px) {
	.st_sp h3 {
    font-size: 26px !important;
    font-weight: 500!important;
		padding-bottom: 0;

  }

	.st_column{
	    width: 100%!important;

}

	  .st_footer .et_pb_module_header  {
    content: "Mindset-Snacks ";
    font-size: 28px !important;
  }
	
	.et_pb_menu ul li a {

  font-size: 14px!important;
}
.st_hmenu .et_pb_menu__logo-wrap {
  max-width: 330px !important;
}
.st_hmenu .et_pb_menu__logo-wrap::after {
  content: "Mindset-Snacks ";
  font-size: 28px !important;
}
.st_hmenu .et_pb_menu__logo img {
  max-width: 70px !important;
}


	.st_section_l {
  padding-bottom: 0px !important;
}
.et_pb_row.st_zeile_b
{ 
	 font-family: 'Inter'!important;
  width: 100% !important;
display: block!important;
}
.st_txt_h {
  min-height: auto !important;
  padding-right: 0 !important;
  padding-left: 0!important;
	margin-bottom:50px!important;
}
.st_tlt2 {
  min-height: auto !important;
  
}
.st_links #menu-footer-links {
  text-align: center;
	 font-weight: 400!important;
}

	.st_tlt h1{
	font-size: 42px!important;
	line-height: 1.3em!important;
}
.st_tlt h2{
	font-size: 26px!important;
		line-height: 1.3em!important;

}
		.st_tlt_sp h2{
font-size: 26px!important;
		line-height: 1.3em!important;
		min-height:auto!important;

}
	.st_cl1.et_pb_column,.st_cl2.et_pb_column,.st_cl3.et_pb_column
{ 
    width: 100% !important;
	padding-top: 100px!important;
  padding-right: 5%!important;
  padding-bottom: 90px!important;
  padding-left: 5%!important;
}
	.et_pb_row.st_zeile {
  width: 95% !important;
  max-width: 1280px !important;
}
	.et_pb_row.st_snack {
  width: 95% !important;
  max-width: 1280px !important;
}
	.st_tlt_snachs h3{
	font-size: 26px!important;
		  padding: 15px!important;

	}
	
}


@media (max-width: 980px) { 
	
	.st_sp h3 {
    font-size: 22px !important;
    
				min-height:auto!important;

  }
	
	.st_footer .et_pb_blurb_content h4.et_pb_module_header {

  text-align: center !important;
  padding-top: 0px!important;
}
	.st_footer .et_pb_main_blurb_image {
  padding-right: 0 !important;
}
	
	.btn1_m, .btn2_m {
  position:relative!important;
  top: 0 !important;
  right: none!important;
  padding: 0!important;
  margin: 0;
		
 }
.btn2_m { 
border-top: 2px solid #fff;
right: 0px!important;
  }		  
	
	
	
	
.reihenfolge_column {
    display: flex !important;
    flex-wrap: wrap !important;
			 
  }
	
	 .st_column1 {
    order: 1 !important;

  }
 .st_column2 {
    order: 2 !important;
	 
  }
  .st_start_section{
    background-size: cover;
   background-image: linear-gradient(232deg,rgba(79,62,12,0.4) 0%,rgba(79,62,12,0.35) 100%),url(https://mindset-snacks.de/wp-content/uploads/2026/06/Joerg-Sanne-Heller_ueber_uns.jpg) !important;
  
}
	
	
		  .st_tlt_snachs h3 {
    font-size: 30px !important;
    padding: 15px !important;
  }

	
	.st_btxt .et_pb_blurb_content .et_pb_blurb_description{
	font-size: 18px!important;
		line-height: 1.3em!important;

}
	.st_btxt .et_pb_text_inner {
		font-size: 18px!important;
		line-height: 1.3em!important;
}
	
	.st_btxt .et_pb_module_header{
  width: auto !important;

}
	.st_btxt h4.et_pb_module_header{
		min-height:100px!important;
		max-width:100%!important;

}



	.st_btxt h4.et_pb_module_header{
	font-size:26px!important;
		line-height: 1.3em!important;

}
	.et_pb_row.st_zeile {
  width: 90% !important;
}
	 .st_rechtliches .et_pb_menu__menu {
    display: block !important;
		 margin: auto;
  }
	 .st_rechtliches .et_mobile_nav_menu {
    display:none!important
  }
	
		.st_tlt h1{
	font-size: 36px!important;
	line-height: 1.3em!important;
}
.st_tlt h2{
	font-size: 22px!important;
		line-height: 1.3em!important;

}
	.st_tlt_sp h2{
font-size: 22px!important;
		line-height: 1.3em!important;
		min-height:auto!important;

}

.et_pb_row.st_hzeile {
  width: 100% !important;
  max-width: 980px !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:  #2B7F67 !important;
		 
  
}
	.st_hmenu .et_pb_menu__logo {
  z-index: 99999999!important;
		margin: 10px !important;
}
	.st_hmenu .et_pb_menu__logo-wrap::after {
  z-index: 99999999!important;
}
	 .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;
	}

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


}

@media (max-width: 767px){
.dsm-content-timeline-date {
  padding-top: 0px !important;
}


}
@media only screen and (max-width: 670px) {
	  .st_sp h3 {
    font-size: 28px !important;
    min-height: auto !important;
  }
	.st_hmenu .et_pb_menu__logo img {

  max-width: 70px!important;
}
.st_hmenu .et_pb_menu__logo-wrap::after {
  content: "Mindset-Snacks ";
  font-size: 28px;
  color: #008060;
	font-family: 'Cormorant' !important;
	font-weight:600
}
		.st_hmenu.et_pb_menu ul li a {

  font-size: 18px!important;
padding:15px!important;
		
	}
		.st_tlt h1{
	font-size: 40px!important;
	line-height: 1.1em!important;
}
.st_tlt h2{
	font-size: 28px!important;
		line-height: 1.3em!important;

}
	
	.st_tlt_sp h2{
font-size: 28px!important;
		line-height: 1.3em!important;
}

	
		.st_tlt2 h2 {
  font-size: 20px !important;
  line-height: 1.3em !important;
  font-weight: 600 !important;
}
	
	.st_txt p, .st_txt .et_pb_text_inner, .st_txt .dsm-content {
  font-size: 18px !important;

}
	
	.st_txt_h p{
 	font-size: 18px!important;
	}
	
	}

@media only screen and (max-width: 380px) {
		.st_tlt h1{
	font-size: 32px!important;
	line-height: 1.3em!important;
}
.st_tlt h2{
	font-size: 18px!important;
		line-height: 1.3em!important;

}
		.st_tlt_sp h2{
font-size: 18px!important;
		line-height: 1.3em!important;
}
	.st_tlt2 h2 {
  font-size: 16px !important;
  line-height: 1.3em !important;
  font-weight: 600 !important;
}
	.st_txt p{
	font-size: 14px!important;
}
	.st_txt_h p{
 	font-size: 14px!important;
	}
	.et_pb_button {

  font-size: 14px!important;
  padding-right: 50px !important;
  padding-left: 30px !important;
}
	.st_tlt .et_pb_blurb_description {
  font-weight: 400 !important;
			font-size: 14px!important;
}

	.st_links ul.dsm-menu li a {
  font-size: 14px!important;
}
	
	}