.foto img{float: left; max-width:250px; max-height:200px; margin-bottom: 16px;}
.titel {float:right; font-weight: bold; font-size: 17px; width:50%; }
.titel h1 {margin: 0px 0px 10px 0px;}
.titel:hover {text-decoration:none;}
.adres {float:right; min-height:120px; width:50%;color: #000;}
.adres:hover {text-decoration:none; color: #000;}
.info {float:right; max-width: 50%; text-align: center; border-radius: 8px; background-color: #07751c; padding: 8px; color: #fff; margin: -53px 161px 0px 92px;}
.info a {color: #fff;}

@media only screen and (max-width: 1024px) {
.foto img{float:none; max-width:100%;}
.titel {float:none;}
.adres {float:none;}
.info {float: none;	max-width: none; width: 100%;	display: inline-block; padding-bottom: 8px; margin: auto auto 15px auto;}

}

@media (min-width: 768px) and (max-width: 1024px){
.col-sm-2 {
    width: 50%;
}}