.auflistung .gridaktuell {
width: 93%;
height: auto;
position: relative;
display: inline-grid;
grid-template-columns: 31% 31% 31%;
grid-gap: 3.5%;
padding: 0;
transition: all .5s;
transition-timing-function: ease;
padding-top: 50px;
padding-bottom: 50px;
background-size: cover;
padding-left: 3.5%;
padding-right: 3.5%;
}

.listelement {
text-align: left;
vertical-align: middle;
display: inline-block;
position: relative;
transition: all .5s;
transition-timing-function: ease;
overflow: hidden;
height: auto;
margin-bottom: 20px;
border-radius: 8px;
border: 2px solid #75651a;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
}

.listelement p.anlesetext {
color: #000;
height: 80px;
overflow: hidden;
font-weight: 300;
}

.listelement h3 {
color: #75651a;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
text-align: center;
margin: 0;
padding-top: 20px;
text-transform: uppercase;
height: 20px;
overflow: hidden;
font-weight: 300;
}


.auflistung a:hover .button:before {
background-image: url(../../media/gestaltungselement-button-hover.png);
}
.auflistung a:hover .button {
background-color: transparent;
color: #75651a;
border: 2px solid #75651a;
}

@media screen and (max-width: 1000px) {
.auflistung .gridaktuell {
display: inline-grid;
grid-template-columns: 49% 49%;
grid-gap: 2%;
}
.listelement p.anlesetext {
height: 72px;
}

.auflistung .button {
margin-top: 0px;
}


}


@media screen and (max-width:600px) {
.auflistung .gridaktuell {
display: block;
}

.auflistung .gridaktuell {
display: inline-grid;
grid-template-columns: 100%;
grid-gap: 0%;
}
}