@charset "UTF-8";
/*
Cascading Style Sheets für den Webauftritt der Imchen Combo, Berlin
Raimund Gryszik, 2019/2020 / 2024
*/

/* Benötigt werden Text, Listen, Anker, Kommentar, H1, H2, H3, SATB (=einzelne Noten) */
/* und natürlich Media Queries */

p,
li {
   font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:#572723; 
	font-size:1.5em;
	margin: 1.1rem 0 0 2rem;
}

li {
	margin: .1rem 0 0 3rem;
}

.sehrdick {
	font-size: 1.7em;
	font-weight: 600;	
}

.meinkommentar {font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:green; 
	font-size:1.3em;
	margin-left:2.3rem;
}

.normalsection {
	width:88%;
	max-width:73rem;
	padding:1.3em;
	background-color:#FEF8EC;
	position:relative;
	margin-top:1em;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	font-size:1.1rem; 
	}

h1 {font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:#572723; 
	font-size:2.1em; 
	margin: 3.4rem 1.5rem .1rem .4rem;}

h2 {font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:#572723; 
	font-size:1.9em; 
	margin: 3.3rem 1.5rem .2rem .4rem;}

h3 {font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:#572723; 
	font-size:1.6em; 
	margin: 1.4rem 1.5rem .2rem 2.3rem;}

/*   ------------  Jetzt Media queries  ------------------ */  
/* Die Formulierung max-width:300px bedeutet: das Gerät kann höchstens 300px darstellen */   

/* die Schriftgrößen kommen "von oben" durch em statt rem */

/* Tablets uä bis ca 760 px ----------------------------------*/
@media (min-width: 31rem) and (max-width: 65rem)  {

}
/* größere      ALLE ANDEREN  ---------------------------------- */
@media (min-width: 66rem)  {     

/*p,
a,
li {
   font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:#572723; 
	font-size:1.1em;
	margin: .8rem 0 0 2rem;
}

.meinkommentar {font-family:Helvetica, Arial, Geneva, sans-serif; 
	color:green; 
	font-size:1em;
	margin-left:2.3rem;
}
*/

.normalsection {
	font-size:.8rem; 
	}


}   /* alle anderen */