/* Standard-Styles (z.B. für Handys) */
/*===================================*/
	body {
		width:90%;
        margin-left:auto;
        margin-right:auto;

	<!--font-family: Verdana, Geneva, sans-serif;  -->
		font-family: "Times New Roman", Times, serif;
		font-size: 18px;
		line-height: 1.4em;
		color: #333;
		background-color: White;
		
	}
/*-----------------------------------*/
	.impressum				{font-size: small;
							 font-style: italic;
							 text-align: center;
							 
							}

	.col_gray 				{color: gray;}
	.col_darkgray 			{color: darkgray;}
	.col_silver				{color: silver;}
	.col_lightgray 			{color: lightgray;}

	.col_blue 				{color: blue;}
	.col_green 				{color: green;}
	.col_red				{color: red;}
	.col_red_indian			{color: IndianRed;}
	.col_yellow				{color: yellow;}

	.col_brown				{color: brown;}

	.monospace
		{
		font-family: "courier new", monospace;
		margin-bottom: 10px;
	}
	.small_kursiv
		{
		font-size: small;
		font-style: italic;
		line-height: 1.5em;
		}
/*-----------------------------------*/
	p	{
		font-size: 18px;
		}
	a	{
		font-size: 18px;
		}
	li	{
		font-size: 18px;
		margin-bottom: 12px;
		}
	
	div {
 		display: flex;
    	justify-content: center;
    	align-items: center;
		}

/* Styles für größere Bildschirme (Tablets, Desktops) */
/*====================================================*/
@media screen and (min-width: 768px) 
{
	body{
		width: 80%;
        margin-left:  auto;
        margin-right: auto;
		}
	p	{
		font-size: 18px;
		}
	a	{
		font-size: 18px;
		}
	li	{
		font-size: 18px;
		}
}

/* Styles für sehr große Bildschirme */
/*===================================*/
@media screen and (min-width: 1200px)
{		
	body{
		width:50%;
		max-width: 800px;
        margin-left:  auto;
        margin-right: auto;
		}
		
	p	{
		font-size: 18px;
		}
	a	{
		font-size: 18px;
		}
	li	{
		font-size: 18px;
		}
}