/* CSS 20200122, dg */

body	{
	font-family:  arial, helvetica, sans-serif; color: #7F6B48; 
	/* display: -webkit-flex; */
	display: flex;
	/* -webkit-flex-flow: row wrap; */
	flex-flow: row wrap;
}

a	{font-family:  arial, helvetica, sans-serif; color: #7F6B48; margin: 10 px auto;} 

.d1 { font-size: 140%; font-weight: bold; background-color: #EEEEEE; padding-top: 0.5cm; padding-bottom: 0.5cm}
	
.d2 { font-size: 110%; font-weight: bold; padding-left: 1cm; padding-top: 0.5cm; padding-bottom: 0.5cm }
	
.d3 { padding-left: 2cm; padding-top: 0.5cm; padding-bottom: 0.5cm }
	
.d7 { font-size: 140%; font-weight: bold; padding-top: 0.5cm; padding-bottom: 0.5cm } /* wird als eine Art header verwendet */

html {scroll-behavior: smooth; } /* wird von IE und Edge ignoriert 20200122 */





		
header, nav, article, section, aside, footer {
	padding: 10px;
	margin: 10px;
	/* -webkit-flex: 1 100%; */
	flex: 1 100%;
}

article {
	/* -webkit-flex: 3 1 0%; */
	flex: 5 1 0;
}
	


/* bei breiten Bildschirmen Untermenue links neben dem Haupttext */
@media all and (min-width: 50em) {
	aside {
		/* -webkit-flex: 1 1 0%; */
		flex: 1 1 0%;
	}
}