.artikelbild img {
width: 100%;
height: auto;
position: relative;
display: block;
}

.listelement a {
display:block;
}
.listelement .vorschaubild {
width: 100%;
height: 220px;
position: relative;
background-size: cover;
background-position: center;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.listelement .vorschaubild a {
display:block;
width:100%;
height:100%;
position:relative;
}
.listelement {
height: auto;
position: relative;
display: inline-block;
background-color: #eeeeee;
width: 31.5%;
margin-top: 30px;
margin-bottom: 30px;
border-radius:12px;
box-shadow:0 0 5px #666;
}

.listelement:hover {

}

article {
text-align:center;
}

div.auflistung {
height: auto;
display: inline-flex;
position: relative;
text-align: left;
vertical-align: top;
justify-content: flex-start;
  align-items: center;
flex-wrap: wrap;
width: 90%;
margin-left: 2.5%;
margin-right: 2.5%;
margin-top: 0px;
margin-bottom: 0px;
max-width:1600px;
gap:2.75%;
}

.listelement div.datum {
background-color: #d10018;
color: #fff;
width:auto;

padding: .5rem 1rem .5rem 1.5rem;
margin-top: 0px;
margin-bottom: 10px;
text-align: left;
}
.listelement div.datum a {
color:#fff;
display:inline;
}
.listelement a {
text-decoration: none;
}



.listelement h2 {
font-size: 1.4em;
line-height: 1.3em;
padding: .5rem 1rem 0rem 1.5rem;
color:#000;
}

.listelement p {
color: #000;
padding: .5rem 1rem 0rem 1.5rem;
min-height: 73px;
height: auto;
overflow: hidden;
}

.newsarticle .vorschaubild {
width: 100%;
height: 250px;
position: relative;
background-size: cover;
background-position: center;

}

a.button {
text-align: center;
}

p.derbutton {
height: unset;
}

@media screen and (max-width: 1000px) {
.listelement {
width: 48%;
}
}

@media screen and (max-width: 750px) {
.listelement {
width: 100%;
}

.listelement p {
height: auto;
}

p.derbutton {
height: unset;
}

}