@font-face {
  font-family: Akkurat;
  src: url(../fonts/Akkurat-Normal.otf);
}
html {
  background-image: linear-gradient(to bottom right, white, rgb(23,62,94));
  height: 100%;
}

html.impressum {
  background: none;
}
body p {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  color: white;
  font-family: Akkurat;
}

.content {
  width: 400px;
  background: rgba(60,60,60,0.9);
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 10%;
  padding: 30px;
}
.background {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: url(../muster_one_side.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.background_impressum {
  background: none;
}

.content img{
  width: 40%;
}
.content dl dt,
.content dl dd {
  display: inline-block;
}
.content a {
  text-decoration: none;
  color: white;
  padding-bottom: 30px;
}
.content a:hover {
  color: rgb(18,87,123);
  padding-bottom: 30px;
}
.content p {
  padding-bottom: 10px;
}
.content p:last-child {
  padding-bottom: 0;
}
.content i {
  margin-right: 10px;
}

.content .social-media {
	padding-bottom: 60px;
}

.impressum {
  position: static;
  width: 80%;
  height: auto;
  margin: 0 auto;
  z-index: 10;
}

.impressum img {
  width: 20%;
}

@media only screen and (max-width: 700px) {
  .content {
    width: auto;
    padding-bottom: 20px;
  }
  .background {
    display: none;
  }
  .impressum {
    width: auto;
  }
}