.kontakt__container {
padding:1em; max-width: 1280px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
gap: 1rem;
}
.kontakt__box{
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
padding: 1em;
height: 100%;
text-align: left;
padding: 1em; display: flex;
flex-direction: row;
box-shadow: 2px 5px 5px rgba(0,0,0,0.25) !important;
}
.kontaktbox:hover{
margin-top: -10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.kontakt__bild {
background-color: lightblue;
flex: 0 1 auto; max-width: 200px;
}
.kontakt__bild img {
max-height: 100%;
min-width: 100%;
object-fit: cover;
width: auto;
height:auto;
}
.kontakt__info {
flex: 1 0 auto;
width: 65%;
min-width: 120px; padding-top: 1em;
}
.kontakt__bild:has( > img) + .kontakt__info {
padding-left: 1em;
}
.kontakt__name {
font-weight: bold;
}