body{
  display:flex;
  margin:0;
}

.wrapper{
background-color: rgb(220,220,220);
}

.content{
margin:10px;
display:flex;
flex-wrap: wrap;
justify-content: space-around;
min-height: 100px;

}

.info{
text-align: left;
width :300px;
margin:30px;
align-items: stretch;
background-color: rgb(100,100,100);
height:280px;
font-size: 18px;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
display:flex;
flex-direction: column;
border-radius: 10px;
padding: 20px;
}

.content a{
  text-decoration: none;
  color:white;
}

.adresse{
  flex: 40%;
}
.bild{
  flex: 60%;
}

.info img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.info:hover{
  transform:scale(1.1);
  background: var(--color_header_small);
  transition-duration: 0.8s;  
}


.info:hover::after{
  width:100%;
  transition: width .5s;
}

.knopf{
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:10px;
  width:70%;
  text-align:center;
  padding: 2%;
  border-style: solid;
  border-radius: 10px;
  color:white;
  background:#949494;
  text-decoration-line: none;
}
.knopf:hover{
  background: var(--color_header_small);
}