/* Standart (Formatierungen für Standartelemente) */
/*================================================*/

/* Überschriften */
h1 
{
	color:						black;
	background-color:	 		var(--blauNormal);
	font-size:	 				larger;
	font-weight:	 			normal;
	text-align: 				left;
	margin:						var(--XXS) var(--S);
	padding:					var(--XXS) var(--S);
}

h2 
{
	color:						black;
	background-color:			var(--grauNormal);
	font-size:	 				larger;
	text-align: 				left;
	font-weight:	 			normal;
	font-style:	 				italic;
	margin:						var(--S) var(--S) 0 var(--S);
	padding:					var(--XXS) var(--S);
}

h3 
{
	color:						black;
	background-color:	 		white;
	font-size:	 				larger;
	font-weight:	 			normal;
	text-align: 				left;
	margin:						var(--XXS) var(--S) var(--XXXS) var(--S);
	padding:					var(--XXS) var(--S) var(--XXXS) var(--S);
}

h4 
{
	color:						black;
	background-color:	 		white;
	font-weight:	 			bold;
	text-align: 				left;
	margin:						var(--XXS) var(--S) var(--XXXS) var(--S);
	padding:					var(--XXS) var(--S) var(--XXXS) var(--S);
}

h5
{										
	color:						var(--rot);
	font-size: 					larger;
	font-weight:	 			bold;
	margin:						var(--XXS);
}

/* Tabelle */
table
{
	border:						var(--rahmenSilber);
	box-shadow:					var(--schatten);
	margin: 					var(--XL) 0px 0px var(--XL);
}

th
{
	text-align: 				right;
	padding:					0px var(--XXS);
}
td
{
	text-align: 				left;
	padding:					0px var(--XXS);
}

tr					{			background-color: white;	}
tr:nth-child(2n) 	{			background-color: var(--grauSehrHell)	}

/* Aufzählungsliste */
ul 
{
	margin:						0px var(--S) var(--L) var(--XL);
	padding:					0px var(--S) var(--XXS) var(--s);
}

/* Standartabsatz (Zurücksetzen) */
p				
{	margin: 0px; 
	padding: 0px; 
	font-weight: normal; 
	font-style: normal	        
}   

/* Abstanzformatierungen der HTML-Komponente */
/*===========================================*/

._HTML_orgaName
{
	margin:						2px;	
	font-weight:	 			bold;
	font-size:	 				smaller;
}

._HTML_text 
{
	background-color:	 		var(--grauHell);
	text-align: 				left;
	margin:						0px var(--S);
	padding:					var(--XXS) var(--S);
}

._HTML_fuss
{
	color: 						var(--grau);
	background-color:			var(--grauSehrHell);
	font-size:	 				smaller;	  
	text-align: 				left;			
	margin:						0px var(--S);
	padding:					var(--XXS) var(--S);
}

._HTML_normal 
{
	text-align: 				left;
	margin:						0px var(--S);
	padding:					var(--XXS) var(--S);
}

._HTML_grau 
{	
	color: 						var(--grau);
	font-size:	 				smaller;	  
	margin:						var(--XXS) var(--S);
	padding:					var(--XXS) var(--S);
}

._HTML_rotRahmen
{	
	color:						var(--rot);
	background-color:	 		var(--rotNormal);
	font-size:	 				larger;
	text-align: 				left;
	border-radius: 				var(--S);
	margin:						var(--S) var(--S) var(--XXS) var(--S);
	padding:					var(--XXS) var(--S);
}

._HTML_gruenRahmen
{	
	color:						var(--gruen);
	background-color:	 		var(--gruenHell);
	font-size:	 				larger;
	text-align: 				left;
	border-radius: 				var(--S);
	margin:						var(--S) var(--S) var(--XXS) var(--S);
	padding:					var(--XXS) var(--S);
}


._HTML_linksRechts 
{	
	display:					flex;
	flex-direction:				row;
	justify-content:			space-between;
	margin:						var(--XXS);
	padding:					var(--XXS) var(--XXS) 0 var(--XXS)
}

._HTML_rechtsLinks 
{
	text-align:					left;	
	float:						left
}

._HTML_rechtsRechts 
{
	float:						left		
}


/* Spezialformatierungen (Formatierungsangaben für einzelne Bilder etc.) */
/*=======================================================================*/

._HTML_img_NRW 
{
	vertical-align:	 			text-top;
	width:						var(--XXL);
	margin:						0px var(--S);
}

._HTML_img_ORGA {											width: 1025px;	}
@media (max-width: 1500px)	{	._HTML_img_ORGA			{	width: 875px;	}	}
@media (max-width: 1200px)	{	._HTML_img_ORGA			{	width: 700px;	}	}
@media (max-width: 925px)	{	._HTML_img_ORGA			{	width: 475px;	}	}
@media (max-width: 650px)	{	._HTML_img_ORGA			{	width: 250px;	}	}
@media (max-width: 425px)	{	._HTML_img_ORGA			{	width: 0px;		}	}