.flexcontainer {
		display: -webkit-flex;
		display: -ms-flex;
		flex-direction: -webkit-row;
		flex-direction: -ms-row;
        flex-direction: -webkit-column;
        flex-direction: -ms-column;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		}
	body {
		font-family: Ariel, Helvetica, sans serif;
		font-size: small;
		color: #d3d3d3;
		background-color: #303030;
		min-width: 360px;
		margin: 0 auto;
		}
		h1 {
		font-size: large;
		font-weight: lighter;
		color: #da091b;	 
		}
	h2 {		 
		font-weight: lighter;
		font-size: medium;
		}
	h3 {		 
		font-size: medium;
		color: #da091b;
		}	
	h4 {		 
		font-size: small;
		}
	h5 {
		font-size: small;
		color: #da091b;
		}
	h6 {
		font-size: small;
		}
		header {
		flex: 1;
		position: relative;
		order: 1;
		 }
	.marginalie {		
		flex: 1;
		order: 2;
		}
	.content {
		position: relative;
		flex-direction: column;
		order: 3;
		}
     .navi {
		flex: 1 1 100%;
		order: 4;	
		}		
	.navi ul {

        flex-direction: column;
        flex-wrap: nowrap;
		list-style: none;
		}
	footer {
        flex: 1 1 100%;
        order: 5;
		}
		* {
box-sizing: border-box;
		}

		header {
		margin: 0;
		padding: 1.6em;
	    width: 100%;
		}
	.marginalie001,
	.marginalie002,
	.marginalie003,
	.marginalie004,
	.marginalie005,
	.marginalie006,
	.marginalie006_a,
	.marginalie007,
	.marginalie009,
	.marginalie010,
	.marginalie011, 
	.marginalie012,
	.marginalie013 {
		margin: 0;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;
		}
	.marginalie008 {
		margin: 0 auto;
        padding: 0 1.6em 0 1.6em;  
	    width: 100%;		
		text-align: center;
		}		
	.content  {
		margin: 0;
		padding: 0 1.6em 0.8em 1.6em;
	    width: 100%;
		}
	.article01_a,
	.article02_a,
	.article03_a {			
		margin: 0;
		padding: 2em 0 0 0;
		width: 100%;
		}
	.article01,
	.article02,
	.article03, 
	.article010,
	.article012,
	.article013,
	.article014
	{ 		
		margin: 0;
		padding: 2em 0 0 0;
		width: 100%;
		}
	.article011 {
		margin: 0 auto;		
		}		
	.figure01 {
		display: flex;
		position: relative;
		margin: 0;
		text-align: left;		
		width: 100%;
		}
	.figure02 {
		display: flex;
		position: relative;
		margin: 0;
		left: 0;
		bottom: 0;
		text-align: left;		
		width: 100%;
		}
	.figure_klein {
		display: flex;
		position: relative;
		margin: 0;
		right: -8em;
		top: 3em;
		text-align: left;		
		width: 100%;
		}
	.figcaption_klein {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 4em;
		left: -6.5em;
        text-align: left;
		width: 100%;		
		}
	.figure03 {
		display: flex;
		position: relative;
		margin: 0;
		left: 1.5em;
		bottom: 0;
		text-align: left;		
		width: 100%;
		}
	.figure04 {
		display: flex;
		position: relative;
		margin: 0 auto;
		text-align: center;		
		width: 100%;
		}
	.figcaption_a {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 6em;
		left: 9.5em;
        text-align: left;
		width: 100%;		
		}
	.figcaption_b {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 7em;
		left: 10.5em;
        text-align: left;
		width: 100%;		
		}
	.figcaption_c {
		position: absolute;
		display: block;
		margin: 0;
		bottom: -2.5em;
		left: 9em;
        text-align: left;
		width: 100%;		
		}
	.figcaption_d {
		position: absolute;
		display: block;
		margin: 0;
		bottom: 19em;
		left: 5.5em;
        text-align: center;
		width: 100%;		
		}
	.figcaption001,
	.figcaption002,
	.figcaption003, 
	.figcaption004,
	.figcaption005,
	.figcaption006,
	.figcaption007,
	.figcaption008,
	.figcaption009,
	.figcaption010,
	.figcaption011,
	.figcaption012,		
	.figcaption013,
	.figcaption014,
	.figcaption015,
	.figcaption016,		
	.figcaption017,
	.figcaption018,
	.figcaption019,
	.figcaption020 {
		margin: 0;
		}
		 .navi {
		margin: 0 auto;

        padding: 2em 1.6em 0 1.6em;
		width: 100%;
		}	
      .navi ul {
        padding: 0;
		margin: 0 auto;
        width: 100%;
        display: flex;
		}		
    .navi li {
        padding: 1em 2.6em 1em 2.6em;
        margin: 0.4em;
		background: linear-gradient(to left, #303030, #404040);
        text-align: left;
		list-style: none;
		}		 
	a:link {
		text-decoration: none;
		color: #d3d3d3;
		font-size: 1.2em;		 
		}
	a:visited {
		text-decoration: none;
		color: #d3d3d3;
		font-size: 1.2em;
		}
	a:focus {
		text-decoration: underline;
		color: #da091b;
		font-size: 1.2em;
		}
	a:hover {
		text-decoration: underline;
		color: #da091b;
		font-size: 1.2em;		 
		}
	a:active {
		text-decoration: none;
		color: #d3d3d3;
		font-size: 1.2em;
		}
	footer {		  
        display: flex;
		flex-direction: row;
		margin: 0;
        padding: 1.6em;
		flex-wrap: nowrap;
        justify-content: space-around;
		font-size: 0.9em;		
		border-top: 1px solid grey;
		width: 100%;
		}