body {
 background:  ;
 background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
 font-size: 100%;
 font-family: Verdana, sans-serif;
}

.bild {
 position: relative;
 display: inline-block;
 text-align: center;
 color: black;
 margin-left: 12vw;
 margin-top: 20vw;
}



.titel {
  display: none;
  position: absolute;
  background: black;
  color: ivory;
 } 
 
.titell {
  display: none;
  position: absolute;
  background: ivory;
  color: black;
 } 
 
 
.bild:hover .titel { 
  display: block;
  top: 10%;
  left: 65%;
 } 
 .bild:hover .titell { 
  display: block;
  top: 10%;
  left: 65%;
 } 
 
img {
  max-width: 100%;
 }
 
a {
  text-decoration: none;
  color: black;
}
  
h1 {
  font-size: 1.6em;
 }

 
 h2 {
  font-size: 1em;
 }

p {
 color: ivory;
 background: black;
 padding-left: 4px;
 
 width: 8em;
 }

.other {
  padding: 2em;
 }