/* Vordefinition von Variablen */
/*=============================*/

:root
{
	/* Farbwerte */
	--weiss:			#ffffff;	--schwarz:			#000000;
	--grau:				#666666;	--grauDunkel:		#C0C0C0;	--grauNormal:		#D0D0D0;	--grauHell:			#E0E0E0;	--grauSehrHell:		#F0F0F0;
	--rot:				#bd0909;	--rotDunkel:		#dd8888;	--rotNormal:		#ebd0d0;	--rotHell:			#f2e2e2;
	--orange:			#da880d;	--orangeDunkel:		#dbb780;	--orangeNormal:		#e7cea9;	--orangeHell:		#eedfc9;
	--gelb:				#dbc60a;	--gelbDunkel:		#e9dd99;	--gelbNormal:		#faf2c8;	--gelbHell:			#faf7dd;
	--gelbgruen:		#9cb62b;	--gelbgruenDunkel:	#bacc8a;	--gelbgruenNormal:	#d4e0b0;	--gelbGruenHell:	#e4eccc; 
	--gruen:			#097200;	--gruenDunkel:		#89b484;	--gruenNormal:		#b5d6ac;	--gruenHell:		#d4e6d2; 
	--lila:				#9b29a3;	--lilaDunkel:		#e954bc;	--lilaNormal:		#e385c7;	--lilaHell:	 		#f4d8f1;
	--blau:				#043379;	--blauDunkel:		#2962a3;	--blauNormal:		#54ade9;	--blauHell:	 		#d8e9f4;
	--blaugruen:		#025c65;	--blauDunkel:		#1e917a;	--blauNormal:		#54e9c9;	--blauHell:	 		#d8f4eb;
	--braun:			#694a02;	--braunDunkel:		#84661f;	--braunNormal:		#a28e61;	--braunHell: 		#cac2b0;

	/* Größen */
	--breite:			var(--XXXXL);
	--hoehe:			var(--XXXL);
	--fontSize:			var(--S);

	/* Rahmen und Schatten */

	--rahmenSilber: 	1px solid var(--grauDunkel);
	--rahmenSchwarz:	1px solid var(--schwarz);
		
	--rahmenWeiss:		var(--XXXS) solid var(--weiss);
	--rahmenRot:		var(--XXXS) solid var(--rot);
	--rahmenOrange:		var(--XXXS) solid var(--orange);
	--rahmenGelbgruen:	var(--XXXS) solid var(--gelbgruen);
	--rahmenGelb:		var(--XXXS) solid var(--gelb);
	--rahmenGruen:		var(--XXXS) solid var(--gruen);

	--schatten:			var(--XXXS) var(--XXXS) var(--XXXS) var(--grauDunkel);
	
	/* Abstände */
											--XXXS: 5px;	--XXS: 10px;	--XS: 15px;		--XS-:-15px;	--S: 20px;	--N: 25px;	--L: 30px;	--XL: 40px;	--XXL: 80px;	--XXXL: 160px;	--XXXL-: -170px;	--XXXXL: 320px;	}
@media (max-width: 1310px)	{	:root	{	--XXXS:	4px;	--XXS: 8px;		--XS: 12px;		--XS-:-12px;	--S: 16px;	--N: 20px;	--L: 24px;	--XL: 32px;	--XXL: 64px;	--XXXL: 128px;	--XXXL-: -136px;	--XXXXL: 256px;	}	}
@media (max-width: 1090px)	{	:root	{	--XXXS:	3px;	--XXS: 6px;		--XS: 9px;		--XS-:-9px;		--S: 12px;	--N: 15px;	--L: 18px;	--XL: 24px;	--XXL: 48px;	--XXXL: 96px;	--XXXL-: -102px;	--XXXXL: 192px;	}	}
@media (max-width: 870px)	{	:root	{	--XXXS:	2px;	--XXS: 4px;		--XS: 6px;		--XS-:-6px;		--S: 8px;	--N: 10px;	--L: 12px;	--XL: 16px;	--XXL: 32px;	--XXXL: 64px;	--XXXL-: -68px;		--XXXXL: 128px;	}	}


/* Grundeinstellungen für alle Seiten */
/*====================================*/

/* Schriftart */
* {	font-family: Calibri, Helvetia, Arial, sans-serif;	}

/* Schriftgroesse */
body        { font-size: var(--fontSize)	}
table       { font-size: var(--fontSize)	}
input       { font-size: var(--fontSize)	}
select      { font-size: var(--fontSize)	}
button	    { font-size: var(--fontSize)	}
textarea    { font-size: var(--fontSize)	}


/* Basisformatierungen z.b. für BB-CODE */
/*======================================*/

._p_				{	margin: 0px; padding: 0px; font-weight: normal; font-style: normal	        }   /* Standartabsatz (Zurücksetzen) */
._p_tab_			{	margin: 0px var(--S); padding: 0px; font-weight: normal; font-style: normal	}   /* eingerückter Absatz (Einrückung vorne und hinten) */
._span_				{	font-weight:        normal; 		font-style: normal						}   /* Standartzeichenbereich (Zurücksetzen) */

._bold_				{	font-weight:        bolder;													}   /* fett */
._underline_		{	text-decoration:    underline;												}   /* unterstrichen */
._italic_			{	font-style:         italic;													}   /* kursiv */

/* Größenveränderungen */
._gross_			{	font-size:          larger;													}   /* groesser */
._normal_			{	font-weight:        normal; 		font-style: normal						}   /* normal */
._klein_			{	font-size:          smaller; 												}   /* kleiner */

/* farbliche Hervorhebung */
._rot_				{	color: var(--rot);			font-weight: bolder; 						    }
._rotGross_			{	color: var(--rot);			font-weight: bolder; font-size: larger; 	    }
._orange_			{	color: var(--orange);		font-weight: bolder; 						    }
._orangeGross_		{	color: var(--orange);		font-weight: bolder; font-size: larger; 	    }
._gelb_				{	color: var(--gelb);			font-weight: bolder; 						    }
._gelbGross_		{	color: var(--gelb);			font-weight: bolder; font-size: larger; 	    }
._gelbgruen_		{	color: var(--gelbgruen);	font-weight: bolder; 						    }
._gelbgruenGross_	{	color: var(--gelbgruen);	font-weight: bolder; font-size: larger; 	    }
._gruen_			{	color: var(--gruen);		font-weight: bolder;						    }
._gruenGross_  		{	color: var(--gruen);		font-weight: bolder; font-size: larger;		    }
._blau_				{	color: var(--blau);			font-weight: bolder;						    }
._blauGross_		{	color: var(--blau);			font-weight: bolder; font-size: larger;		    }

._grau_				{	color: var(--grau);														    }
._grauKursiv_		{	color: var(--grau);			font-style: italic;							    }
._format_			{	color: var(--grau);			font-style: italic;							    }   /* Formatierungsangaben */