body {
	height: 100%;
	background: url(images/Fetzenfisch.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color: #000000;
}

/* Large */
.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	height: 910px
}

/* Medium screens */
@media all and (max-width: 800px) {
  .flex-container {
    /* When on medium sized screens, we center it by evenly distributing empty space around items */
    justify-content: space-around;
  }
}

/* Small screens */
@media all and (max-width: 500px) {
  .flex-container {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
}

.flex-item {
  width: 80%;
  height: 65%;
  padding: 15px;
  background-color: black;
  color: #FFFFFF;
  margin: auto;
  font-size: 0.8em;
  text-align: justify;
  opacity: 0.7;
  hyphens: auto;
  font-family: Arial;
/*  font-weight: 50;*/
}

.bottom-left,
.bottom-right {
  font-family: Arial;
  font-size: 0.7em;
  position: absolute;
/*  font-weight: 50;*/
  background-color: transparent;
  color: #8F8F8F;
}

.bottom-left {
  bottom: 5px;
  left: 5px;
}

.bottom-right {
  bottom: 5px;
  right: 5px;
}

.flex-center {
  font-family: Arial;
  margin: auto;
  color: white;
  display: flex;
  font-size: 1em;
  hyphens: auto;
  width: 70%;
  height: 100%;
  background-color: transparent;
}

 /* unvisited link */
a:link {
  color: #8F8F8F;
}

/* visited link */
a:visited {
  color: #8F8F8F;
}

/* mouse over link */
a:hover {
  color: #FFFFFF;
}

/* selected link */
a:active {
  color: #FFFFFF;