body {
    color: #3d5aa3;
    background-color: #d7ad49 }
h1 { 
   color:white;
   font-family: Pallatino;
   font-size: 1.6em; }

a.MeineKlasse:link {color: white;}
a.MeineKlasse:visited {color: gray;}
a.MeineKlasse:active {color: white;}
a.MeineKlasse:hover {color: gray;}

.flex-container {
	display: flex;
	flex-flow: row wrap;
	gap: 1em 2em;
	border: 2px dotted;
}

.flex-item {
	flex: 1;
	border: 1px solid;
	border-radius: 0 .5em .5em;
	padding: .5em;
	background: #ffffff;
}

p.flex-item {
	font-weight: bold;
	text-align: center;
}

.flex-item:nth-of-type(2) {
	background: #ffffff;
}

.flex-item:nth-of-type(3) {
	background: #ffffff;
}

.flex-item:nth-of-type(4) {
	background: #ffffff;
}

.flex-item:nth-of-type(5) {
	background: hsla(277, 53%, 73%, 0.3);
}

img {
	background: white;
	border: 1px solid white;
	width: 300px;
	height: auto;
}

body {
  padding-bottom: 3em;
}

footer {
  position: fixed;
  padding: .6em;
  bottom: 0;
  left: 0;
  right: 0;
}
footer l {
  margin: 0;
  color: white;
}
footer p {
  float: right;
	margin: 0;
}