/* general styles */
html, body {
  height: 100%;
  width: 100%;
}

/* padded section */
.pad-section {
  padding: 50px 0;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0px 0px 25px 0px;
  padding: 0;
  text-shadow: 0 0 5px black;
}
.text-vcenter a {
  font-size: 40px;
  color: #fff;
}
a {
  color: #fff;
}
.text-vcenter a:hover,
a:hover {
  color: #f7ecb5;
}

/* additional sections */
#home {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  color: #ffffff;
}

#services {
  background-color: #363333;
  color: #ffffff;
}

#information {
  background: url(/img/hamburgerHafen.jpg) no-repeat center center fixed; 
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.informationRow {
  margin-top: 60px;
}

footer {
  padding: 20px 0px;
}
.hoverFooter:hover {
  color: #999;
}
#information .panel-info>.panel-heading {
  color: #fff;
  background-color: #363333;
  border-color: #333;
  background-image: none;
}
#information .panel-info {
  border-color: #333;
}
.prio {
  color: #f7ecb5;
}
/* mobile */
@media (max-width: 991px) {
  #home {
    background:
      radial-gradient(black 15%, transparent 16%) 0 0,
      radial-gradient(black 15%, transparent 16%) 8px 8px,
      radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
      radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
    padding: 0px 10px;
  }
  .text-vcenter h1 {
    font-size: 3.5em;
  }
}
/* desktop */
@media (min-width:992px) {
  #home {
    background: url(/img/Sonnenuntergang.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}