@media screen and (max-width:940px) {
  
  .background {
    display: none;
  }
}
p,ul li {
  font-size:16px;
  line-height:22px;
}
.iphone .background {
  position: absolute;
}
body {
  -webkit-transition: background-color 20s linear;
  -moz-transition: background-color 20s linear;
  -ms-transition: background-color 20s linear;
}
body.color-1 {
  background:#ffb6b7;
}
body.color-2 {
  background: #b6ffb8;
}
body.color-3 {
  background: #b6cbff;
}
body.color-4 {
  background: #ffb6e8;
}
.jp-playlist {
  background:transparent !important;
}
.background {
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: fixed;
  top:0;
  left:50%;
  height: 100%;
  right:0;
  margin-left:94px;
  background-position-x: center;
  -moz-background-position-x: 400px;
  z-index: -1;
    -webkit-transition: background-position-x 20s ease;
    -moz-transition: all 20s linear;
    -ms-transition: background-position-x 20s ease;
}

.l {
  background-position-x: left;
  -moz-background-position-x: 0; 
}
.only-left {
  padding-right: 420px;
}
.konzert img {
  float:left;
  width:100px;
  margin-right:20px;
}
h3 {
  margin-top:30px;
}
h3::first-child {
  margin-top:0;
}
.konzert {
  height:140px;
}
.over-background {
  z-index: 1;
}

header {
  padding: 40px 0;
  background: rgba(255,255,255,0.6);
}

.content {
}
.logo {
  margin-top: 5px;
  width: 120px;
}

.main-sponsor {
  width: 728px;
  float: right;
}

.top-nav {
  margin: 0;
  margin-top: 130px;
  padding: 4px;
  list-stlye: none;
  height: 30px;
  float: right;
}
.content a{
  color: black;
  font-weight: bold;
}
.top-nav li {
  float: left;
  list-style: none;
  margin-right: 30px;
  margin-top: 8px;
  font-size: 16px;
}
h1,h2,h3 {
  font-family: "Helvetica Neue";
  font-weight: 900;
  text-transform: uppercase;
}
h1 {
  font-size: 20px;
}
.top-nav li a {
  color: black;
  font-family: "Helvetica Neue";
  text-transform: uppercase;
  font-weight: 900;
}

.content {
  margin-top: 40px;
}

footer {

  clear: both; 
  margin-top:40px;
}

footer a {
  color: black;
  font-size: 12px;
  margin-right: 10px;
}

.main-banner {
  position: relative;
}

.main-banner .overlay {
  position: absolute;
  left: 0;
  bottom: 30px;
  background-image: url(../img/banner-overlay.png);
  baackground-repeat: no-repeat;
  background-position: center bottom;
}