body{
background-color: white;
font-family: arial, sans-serif;
color: black;

}




/* ############### HEADER ##############*/

header { max-width: 100%;

		margin: 2em;
}
{text-align: center;
		font-size: 40px;
		font-family: arial, sans-serif; 
		background-color: white;
}	


	
header .flex-box-sm { align:center;
			
	}
	
	

/* ############## MENU ################*/
/* Menu---------------------------*/

    
		  
		 
		  	nav{
                width:5%;
                padding:1em 1em 1em 1em; 
                min-width:250px;
                max-width:250px;
				font-size: 18px;
                display:inline-block;
                vertical-align:top;
				margin: 9 0 0 2em;
				
			    }	  
	
ul li 


{
		
		display: row;
}
		li {text-decoration: none;
		padding: 20 0 1 2em;
		list-style: none;
		}

a {
		text-decoration: none;
}		

/* ############## MITTE Text  ################*/
/* Artikel---------------------------*/	


article	

{padding: 0 1 1 1em; 
 
background-color: white;
max-width: 80em;
font-size: 18px;
font-family: arial, sans-serif;	
}

.justify {
	text-align: justify;
}

article img {
	width: 100%;
	/* border: thin black; */	
}

.mehrspaltig {
	columns: 4 12em;
	column-rule: large;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	
	
}

aside


  {
	
	padding: 0 1 1 1em;
	margin: 0 2 1 1em;
	font-size: 18px;
	font-family: arial, sans-serif;	
	max-width: 50em;

}


aside img {
	width: 100%;
	
}
	
	

	
main,
footer {
  display: flex;
  flex-flow: row wrap;
}

main > * {
  flex: 1 1 18em;
 
}


:not(.home) h1 {
  flex: 0 0 100%; 
}

:not(.home) article {
  flex: 2 2 30em;   /* Hauptartikel zur Seitenspalte im Verhältnis 2:1 */
  max-width: 50em;  /* Begrenzt die Zeilen auf eine gut lesbare Länge */
}

:not(.home) article + aside {
  flex: 1 1 15em;   /* Seitenleiste zum Hauptartikel im Verhältnis 1:2 */
  max-width: 50em;  /* Begrenzt die Zeilen auf eine gut lesbare Länge */
}