/*
Theme Name: Divi Child Theme
Theme URL: https://herzensprojekt-mensch.de
Description: Divi Child Theme 
Author: Simone Mhedhbi
Template: Divi
Version: 1.0.0
*/


/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* square-peg-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Square Peg';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/square-peg-v5-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* =Theme customization starts here
------------------------------------------------------- */

/* === ALLGEMEINES === */

#main-header {
	box-shadow: 0 0px 0 rgba(0,0,0,.1) !important;
}

/* === INHALTSBEREICH === */
/*Subtitle H1*/
.subtitle {
	font-weight: 600;
	font-size: 4.2vw;
}




/*=== Entfernt die Bullet Points ===*/
.bulletpoints ul {
  list-style-type: "♥";
}



/* === FOOTER-BEREICH === */



/*=========================================================
=									  					  = 	
=            MEDIA QUERIES            					  =
=									  					  =
===========================================================*/

/* Diese Breakpoints entsprechen den Divi-Breakpoints. Anpassungen, die 
für alle Bildschirmgrößen und Bildschirme über 1405px gelten sollen,
gehören ÜBER DEN MEDIA-QUERY-BEREICH. */

/*=========================================================
=            MediaQuery XL ( bis 1440)           		  =
===========================================================*/
@media screen and (max-width: 1440px){

.et_pb_text_1 h1 {
		font-size:50px !important;
	}

.subheadline {
		font-size: 40px !important;
	line-height: 27px !important;
	}
	
.et_pb_text_0_tb_footer et_pb_text_2_tb_footer {
		font-size: 40px !important;
	}
}


/*=========================================================
=            MediaQuery L ( bis 1100)         			  =
===========================================================*/
@media screen and (max-width: 1100px){


}

/*=========================================================
=            MediaQuery M ( bis 980)           			   =
===========================================================*/
@media screen and (max-width: 980px){

}

/*=========================================================
=            MediaQuery S ( unter 768)       			  =
===========================================================*/
@media screen and (max-width: 767px){

	#logo {
		max-height: 91% !important;
	}
}

/*=========================================================
=            MediaQuery XS ( unter 480)        	     	  =
===========================================================*/
@media screen and (max-width: 479px){
	
	.et_pb_text_1 h1 {
		font-size: 46px !important;
	}


}

/* DATEIENDE. Anpassungen, die für alle Bildschirmgrößen gelten,
bitte ÜBER den Media-Query-Abschnitt schreiben! Anpassungen für bestimmte
Größen in die entsprechende Media Query. */