/* Flexbox Container */

section {
			display: flex;
			
		}

article {
		flex:1 ;
        padding: 10px;
        margin: 10px;
		font-weight: lighter;
		font-style: normal;
		font-size: 17pt;
		}


<!----- zusatzfarbe für article
		color: #0000FF;
		background: aqua;
--->
		

/* Definition vom Aussehen und verhalten von Links */

	a{
		color:#0900FF;
		text-decoration:none;
		}

	a:link {
		font-size: 15pt;
		color: #0000ff;  /*blaue Farbe */
		line-height: 17pt;
		text-decoration: none;
		}
	a:visited {
		color: #FF0006; /* rote Farbe */
		text-decoration: none;
		}
	a:active {
		color: #f0f0f0; /*blaue Farbe*/
		text-decoration: none;
		position: relative;
		top: 1px;
		left: 1px;
		}
	a:hover {
		color: #0f0f0f;  /*schwarze Farbe */
		text-decoration: underline;
		}


/* neues bilderformat nach html5 definiert */


figure,
	figcaption {
	margin: 0;
	padding: 0;
}

figure.einzel {
	position: relative;
	display: inline-block;
}

figure.zwei {
	position: relative;
	display: inline-block;
	width: 100%;
}

figure img {
	width: 50%;
	display:block;
}

figcaption {
	position: relative;
	bottom: 0;
	width: 50%;
	text-align: center;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	}

.gesamt {
	position: relative;
	left: 5em;
}
.gesamt2 {
	position: relative;
	left: 20em;
}

/* Schriften */

/* schrift größer und zentriert */

#mitte {
	font-size: 2em;
	text-align: center;
}



/* Schrift Blau und normal 17 gross */

h1 {
	font-weight: lighter;
	font-style: normal;
	font-size: 17pt;
	color: #0000FF;
}

/* Schrift Blau und normal 13 gross */

h2 {
	font-weight: lighter;
	font-style: normal;
	font-size: 13pt;
	color: #0000FF;
}

/* Schrift in der Tabelle mit Abstand zum Tabellenrand Schrift Fett */

h3 {
	margin: 10px;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
}

/* Schrift in der Tabelle mit Abstand zum Tabellenrand */

h4 {
	margin: 10px;
	font-size: 12pt;
	font-style: normal;
	font-weight: lighter;
}

/* Schrift in der Tabelle mit Abstand nach links und zum Tabellenrand */

h5 {
	padding-left: 20px;
	font-weight: bold;
	font-style: normal;
	margin: 10px;
}

/* Schrift schwarz und etwas größer */

h6 {
	font-weight: lighter;
	font-style: normal;
	color: #000000;
	font-size: 15px;
	font-style: oblique;
}



h7 {
	font-weight: lighter;
	font-style: normal;
	font-size: 17pt;
	color: #12122E;
}

/* Abstand des Textes zum Rand der Seite */

#umrand { 
	padding-right: 30px;
	padding-left: 40px;
	padding-top: 30px; 
}


#umrand2{
	padding-right: 60px;
	padding-left: 60px;
	padding-top: 60px;
	font-size: 17px;
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
}


#umrand3{
	padding-right: 30px;
	padding-left: 40px;
	padding-top: 30px;
	font-size: 15px;
}