body {
margin: 0 auto;
/* Elemente mit Flex anordnen: */
display: flex;
/* Element untereinander anordnen: */
flex-direction: column;
max-width: 1200px;
}
FONT {
	FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
A:active {
	COLOR: #999999; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
A:link {
	COLOR: #999999; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
A:visited {
	COLOR: #999999; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
A:hover {
	COLOR: #990000; BORDER-BOTTOM: 1px solid #990000; FONT-FAMILY: Tahoma, Verdana, Arial
}	

        /*** Header ***/

        header {
            display: flex;
            /* Element nebeneinander anordnen: */
            flex-direction: row;
            justify-content: center;
            margin: 0 5%;
        }

        nav {
            /* Soll nicht über die natürliche Größe der Bilder wachsen
            aber schrumpfen können */
            flex-basis: auto;
            flex-grow: 0;
            flex-shrink: 1;
            /* Die Elemente darin sollen untereinander angeordnet werden*/
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        nav a {
            display: inline-block;
            /* Zwischenraum 2% der Höhe */
            margin: 2% 0;
        }

        nav a img {
            /* Die Bilder sollen schrumpfen aber nicht über ihre natürliche
            Größe hinaus wachsen */
            height: auto;
            max-width: 100%;
            min-width: 0;
            min-height: 0;
        }

        header figure {
            /* Soll sich an die Größe des Bildes anpassen
            und schrumpfen können */
            flex-basis: auto;
            flex-grow: 0;
            flex-shrink: 1;
            min-width: 0;
			margin: 0;
        }

        header figure img {
            /* Soll nicht über seine natürliche Größe wachsen
            aber schrumpfen */
            max-width: 100%;
            min-width: 0;
        }

        main {
            display: flex;
            flex-direction: column;
        }

        /* Ist das Browserfenster schmal? */
        @media (max-width: 600px) {

            /* Elemente im Header untereinander anordnen: */
            header {
                flex-direction: column;
                align-items: center;
            }

        }

        /*** Section mit einem Bild ***/

        main section {
            padding: 5%;
			border-bottom: 1px black solid;
        }

        section .img-wrap {
            display: flex;
        }

        section figure {
            margin: 0;
            display: flex;
            flex-direction: column;
			flex: 1;
        }

        section figure img {
            /* This image should shrink in a responsive way
            but not grow above it's natural size */
            max-width: 100%;
			width: 100%;
			border-radius: 30px 10px 90px 60px;
        }

        section p {
            margin: 0;
            padding: 0 1em;
			flex: 1;
			FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none;
        }
		p {
		    padding: 0 2em;
			FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none;
        }