.content {
  background-image:url(Heinlein_KeyVisual_mitte.jpg);
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body, html {
  height: 100%;
}

body {
  margin: 0;
  position: relative;
}

.logo {
  float: left;
}

.titel {
  float: right;
  padding-top: 87px;
  padding-bottom: 8px;
}

.titel img {
  max-width: 100%;
}

.banner {
  background-color: #003350;
  height: 190px;
  padding-left: 20px;
  padding-right: 20px;
}

p {
  color: white;
  font-size: larger;
  font-family: Dax;
}

.kontakt {
  padding-left: 20px;
  float: left;
}

@media (max-width: 514px) {
  .titel {
    padding-top: 36px;
    float:left;
  }
}

.sockel {
  background-image: url(sockelleiste.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 76px;

  /* sockel at the bottom with full-width */
  bottom: 0px;
  position: absolute;
  width: 100%;
}

.ticker p {
  margin: 0;
}

/*@import url(//db.onlinewebfonts.com/c/a52678f563c78c6fc954b7ace30bc8e5?family=Dax);*/
@font-face {
  font-family: "Dax";
  src: url("fonts/DaxRegular.eot");
  src: url("fonts/DaxRegular.eot?#iefix") format("embedded-opentype"),
       url("fonts/DaxRegular.woff2") format("woff2"),
       url("fonts/DaxRegular.woff") format("woff"),
       url("fonts/DaxRegular.ttf") format("truetype"),
       url("fonts/DaxRegular.svg#Dax") format("svg");
}

/* TICKER */

/* OUTER CONTAINER */
.tcontainer {
  width: 100%;
  overflow: hidden; /* Hide scroll bar */

  padding-top: 6px;
}

/* MIDDLE CONTAINER */
.ticker-wrap {
  width: 100%;
  padding-left: 100%; /* Push contents to right side of screen */
}

/* INNER CONTAINER */
@keyframes ticker {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}
.ticker-move {
  /* Basically move items from right side of screen to left in infinite loop */
  display: inline-block;
  white-space: nowrap;
  padding-right: 100%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: 20s;
}
.ticker-move:hover{
  animation-play-state: paused; /* Pause scroll on mouse hover */
}

/* ITEMS */
.ticker-item{
  display: inline-block; /* Lay items in a horizontal line */
  padding: 0 5px;

  color: white;
  font-size: larger;
  font-family: Dax;
}