body {
	max-width: 100%;
	background-color: black;
	font-size: 2em;
  color: #82FF9E;
	font-family: Redaction;
}

.sigrideckt {
	padding: 40px 0px;
	text-align: right;
  transform: rotate(-20deg);
	position: fixed;
	z-index: 3;
  font-family: Redaction20;
}

.up {
	text-align: left;
	position: fixed;
	z-index: 3;
	bottom: 15px;
	left: 15px;
}

#navigation {
	margin-left: 3%;
}

#contents {
	padding: 0px 10px;
	width: auto;
	margin: 0 0 0 35px;
}

#contact {
  align-self: center;
	color: teal;
}

/** RESPONSIVE **/

@media only screen and (max-width: 1000px) {

	body {
			font-size: 1.5em;
	}

	img {
	  max-width: 100%;
	}

	#contents, #navigation {
		margin-left: 10vw;
	}

	img.daily {
	  max-height: auto;
		width: 100%;
	}
}
/** LINK **/

a:link {
  color: red;
	text-decoration: none;
}

a:visited {
  color: red;
}

a:hover {
  color: black;
}

a:active  {
  color: red;
}

a:link#navigation-link {
  color: teal;
	text-decoration: none;
	font-family: Redaction20;
	font-size: 1.5em;
}

a:visited#navigation-link {
  color: teal;
}

a:hover#navigation-link {
  color: black;
}

a:active#navigation-link  {
  color: red;
}

/** SCHRIFT **/
h1 {
  font-size: 2em;
  font-weight: normal;
	color: red;
	font-family: Redaction20;
	line-height: 0.2;
	padding: 0;
}

#imprint {
  font-size: 11px;
	float: left;
}

p {
	margin: 0;
	padding: 0 20px;
}
/** BILDER **/

img {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%);
  max-width: 25%;
	color: rgba(0, 0, 0, 0);
}

img:hover {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%);
  z-index: 9;
	color: rgba(0, 0, 0, 0);
}
img:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    height: calc(100% + 10px);
    width: 100%;
		color: rgba(0, 0, 0, 0);
}
	.brokenimage {
	  opacity: 0;
	  height: 170px;
	  width: 350px;
	  }

.moving {
  animation-name: example;
  animation-duration: 4s;
}

/* DAILY */
.daily{
  background: radial-gradient(ellipse closest-side, white, black);
	float: left;
}

img.daily {
	height: 170px;
  float: left;
  background: transparent;
}

img.daily:before {
  position: absolute;
  content: "";
  color: black;
  width: 100px;
}

/** NAVI **/

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

li {
  float: left;
}

li a {
  display: block;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
	font-family: Redaction20;
	color: red;
}