/*** TVE 6.0 ***/
/* Von Alle.css abweichende Festlegungen für die Berichtsseiten */
/*** ***/
main > * /* die article in main nutzen die volle Breite */
{
	width: 100%; box-sizing: border-box;
}

article
{
	margin-bottom: var(--marginStandard); 
}

article:last-of-type /* der Abstand zum letzten article entsteht durch das padding für main (Alle.css) */
{
	margin-bottom: 0;
}

article:first-of-type section:last-of-type /* Überblick über die Jahre */
{
	display: flex; flex-flow: row wrap; justify-content: flex-start;
	
	column-count: 2; 
	text-align: left;
}

article:first-of-type section:last-of-type div/* Überblick über die Jahre - Block für ein Jahr */
{
	padding-right: 1em; 
}

article:first-of-type section:last-of-type li /* Überblick über die Jahre */
{
	font-size: 1.1em; font-weight: bold;
}

/*** andere Viewports ***/
@media all and (min-width: 40em) /* mittlere/große Viewports */
{
	article:first-of-type section:last-of-type /* Überblick über die Jahre */
	{
		column-count: 3; 
	}
}

p:after /* nach jedem Absatz wird ein leeres Element eingefügt, das nicht von gefloateten Elementen überfahren werden darf */
{
	content: "";
	display: block;
	clear: both;
}

p.ImgCenter /* für Grafiken, die zentriert ausgerichtet werden sollen */
{
	text-align: center;
}

img
{
	box-sizing: border-box;
}

img.P100
{
	width:100%;
}

img.P80
{
	width:80%;
}

img.P50
{
	width:50%;
}