html 	{	
	background: #1f4498;
	background-image: linear-gradient(100deg, rgb(139, 171, 255) 0%, rgb(216, 221, 221) 100%);	
	}

body	{	
    	background: #ffffff;
    	font-family: Arial, sans-serif;
   	font-size: 1em;
   	line-height: 1.4;
   	margin: 1em auto 1em auto;
   	max-width: 800px;
   	padding: 30px;	
	}

h1	{
	font-size: 1.5em;
	}

h2	{
	font-size: 1.3em;
	}

h3	{
	font-size: 1.4em;
	font-family: Calibri, sans-serif;
	text-align: center;
	color: brown;
	margin-bottom: 0.8em;
	margin-top: 0.8em;
	}

.Kommentarvorbemerkung
	{
	font-size: 0.8em;
	font-family: Calibri, sans-serif;
	color: brown;
	margin-bottom: 1.5em;
	}

.Kommentargesamtgold
	{
	display: grid;
	grid-template-columns: 4fr 1fr 4fr;
	row-gap: 0.6em;
	font-family: Calibri, sans-serif;
	background: #f7a208;
	padding: 1em;		
	}

.Kommentargesamtlila
	{
	display: grid;
	grid-template-columns: 4fr 1fr 4fr;
	row-gap: 0.6em;
	font-family: Calibri, sans-serif;
	background: #be81f7;
	padding: 1em;		
	}

.Kommentargesamtrot
	{
	display: grid;
	grid-template-columns: 4fr 1fr 4fr;
	row-gap: 0.6em;
	font-family: Calibri, sans-serif;
	background: #fe2e2e;
	padding: 1em;		
	}

.Kommentargesamtgrau
	{
	display: grid;
	grid-template-columns: 4fr 1fr 4fr;
	row-gap: 0.6em;
	font-family: Calibri, sans-serif;
	background: #bdbdbd;
	padding: 1em;		
	}

.Kommentargesamtgrün
	{
	display: grid;
	grid-template-columns: 4fr 1fr 4fr;
	row-gap: 0.6em;
	font-family: Calibri, sans-serif;
	background: #04B431;
	padding: 1em;		
	}

.Kommentarobenlinks
	{
	font-weight: 550;
	grid-column: 1 / span 1;
	}

.Kommentarobenrechts
	{
	grid-column: 3 / span 3;
	text-align: right;
	padding-right: 0.8em;
	font-size: 0.8em;
	}

.Kommentartext
	{
	grid-column: 1 / span 3;
	}

.Kommentaruntenlinks
	{
	white-space: pre-wrap;
	grid-column: 1 / span 1;
	font-size: 0.8em;
	}

.Kommentaruntenrechts
	{
	white-space: pre-wrap;
	grid-column: 3 / span 3;
	text-align: right;
	padding-right: 0.8em;
	font-size: 0.8em;
	}