.listelement a {
display:block;
cursor: pointer;
}
.listelement .vorschaubild {
width: 100%;
height: 300px;
position: relative;
background-size: cover;
background-position: center;
}
.listelement .vorschaubild a {
display:block;
width:100%;
height:100%;
position:relative;
}
.listelement {
height: auto;
position: relative;
display: inline-block;
padding-top: 15px;
width: 46%;
padding-left:2%;
padding-right:2%;

margin-top: 30px;
margin-bottom: 30px;
padding-top:40px;

}


div.auflistung .listelement a:hover span.btn {
background-color: #fff;
color: #434141;
border: 2px solid #fff;
}

div.auflistung .listelement div.btn p:hover a, 
div.auflistung .listelement div.btn p:hover span {
color: #fff;
}

div.auflistung {
width: 100%;
height: auto;
padding-right: 0%;
display: inline-flex;
position: relative;
text-align: left;
vertical-align: top;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
}

.listelement h3 {
height: 50px;
overflow: hidden;
font-family: "roboto", sans-serif;
font-size: 1.0em;
color: #000;
text-decoration: underline;
display: inline-block;
position: relative;
width: 100%;
height: auto;
font-weight: 600;
}

.listelement .datum {
display: inline-block;
position: relative;
width: 30%;
height: auto;
text-align: right;
top:0;
 margin-top: 12px;
vertical-align: top;
color: #000;
font-weight: 600;
}

.anlesetext {
display: none;
}

ul.pagination {
list-style: none;
display:block;
position: relative;
width:100%;
}

ul.pagination li {
display:inline-block;
}

ul.pagination li a {
padding:.7em 1em;
border:2px solid #093488;
margin-right:1em;
font-size:.8em;
font-weight:bold;
}

ul.pagination li a.active, 
ul.pagination li a:hover {
padding:.7em 1em;
border:2px solid #093488;
margin-right:1em;
font-size:.8em;
color:#fff;
background-color:#093488;
}



@media screen and (max-width: 1000px) {
.listelement {
display: inline-block;
width: 43%;
padding-left: 2%;
padding-right: 2%;
margin-left: 1%;
margin-right: 1%;
}
}

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

.listelement {
display: block;
width: 96%;
padding-left: 2%;
padding-right: 2%;
margin-left: 0%;
margin-right: 0%;
padding-top: 10px;
padding-bottom: 5px;
margin: 0 auto;
margin-bottom: 10px;
}
    
.listelement .vorschaubild {
height: 200px;
}
}

@media screen and (min-width: 1400px) {    
div.auflistung {
max-width: 1400px!important;
margin: 0 auto;
display: flex;
}
}