div.content {
    padding-bottom:50px;
    height:auto;
}
.foto-gallerie img {
    width:80%;
    max-width:300px; 
   
    margin-left: auto;
    margin-right: auto;
    margin-bottom:50px;
    display:block;
    transition: 0.3s;
    position:relative
    
}

.foto-gallerie img.hoch {
    max-height:300px;
    width:auto;

}

.bild {
    position:relative;
}

.bilddatum {
    display:none;
}

.hafenbilder .bilddatum {
  display:block;
  position: absolute;
  bottom: 8px;
  right: 16px;
  color:white;
  font-size:xx-small;
    }

.foto-gallerie img.thumb:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} 


div.content  h1 {
    text-align: center;
}