/* Liste */
.mpList{margin:0 -15px;}

/* Filter */
.mpList .mpListFilters{padding-left:0;list-style:none;border-bottom:1px solid #c8c8c8;margin-bottom:60px;}
.mpList .mpListFilters button{border:none;font-family:'Barlow Condensed';font-size:20px;color:#a0a0a0;padding:7px 25px;font-weight:500;text-transform:uppercase;cursor:pointer;background:none;}
.mpList .mpListFilters button:focus{outline-style:none;box-shadow:none;border-color:transparent;}
.mpList .mpListFilters button.is-checked{color:#3c3c3c;border-bottom:1px solid #3c3c3c;cursor:initial;}

/* Element-Holder */
.mpList .mpListHolder{display:flex;display:-webkit-flex;flex-wrap:wrap;}
	
/* Load-More-Button */
.mpList .mpListLoadMore{display:table;cursor:pointer;font-weight:500;padding:14px 50px 12px 50px;background-color:#3c3c3c;color:#fff;text-transform:uppercase;color:#fff;margin:auto;}
.mpList .mpListLoadMore:hover{color:#fff;background-color:#5c5c5c;}
.mpList .mpListLoadMore:after{content:'';
	background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.5 8.1' style='enable-background:new 0 0 13.5 8.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.7,8.1 0,1.4 1.4,0 6.7,5.3 12,0 13.5,1.4 '/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;display: block;width: 14px;height: 9px;margin:4px auto 0;}

/* Listen-Element: newstermine */
.mpList[data-post_type=newstermine] .mpListItem{margin-bottom:40px;}
.mpList[data-post_type=newstermine] .mpListItem .categories{margin-bottom: 26px;}
.mpList[data-post_type=newstermine] .mpListItem .categories .term{display:inline-block;/*width:106px;*/background-color:#3c3c3c;padding:12px 9px;color:#fff;font-weight:500;text-transform:uppercase;margin-right:1px;}
.mpList[data-post_type=newstermine] .mpListItem .group{border-left:1px solid #3c3c3c;padding:0 12px;}
.mpList[data-post_type=newstermine] .mpListItem .group .date{color:#a0a0a0;}
.mpList[data-post_type=newstermine] .mpListItem .group .headline{font-size:26px;font-weight:500;margin-bottom:20px;}
.mpList[data-post_type=newstermine] .mpListItem .group .excerpt{padding-bottom:20px;}
.mpList[data-post_type=newstermine] .mpListItem .group .more{display:inline-block;position:relative;font-size:20px;line-height:30px;padding-right:10px;}
.mpList[data-post_type=newstermine] .mpListItem .group .more:after{position:absolute;top:1px;right:0;height:100%;content:'\f105';font-family:icomoon;font-size:16px;}

/* Listen-Element: bauobjekt */
.mpList[data-post_type=bauobjekt] .mpListItem{margin-bottom:40px;}
.mpList[data-post_type=bauobjekt] .mpListItem a{display:block;}
.mpList[data-post_type=bauobjekt] .mpListItem a .img{display:block;background-color:#eae9e9;padding-bottom:calc(296 / 405 * 100%);background-position:center center;background-size:cover;}
.mpList[data-post_type=bauobjekt] .mpListItem a .title{position:relative;padding-right:10px;}
.mpList[data-post_type=bauobjekt] .mpListItem a .title:after{position:absolute;bottom:1px;right:0;height:100%;content:'\f105';font-family:icomoon;font-size:16px;}

/* Ladesymbol (https://nzbin.github.io/three-dots/) */
.mpListLoadingWrap{display:none;justify-content:center;align-items:center;position:relative;padding:20px;overflow:hidden;}
.mpListLoading{position:relative;animation-delay:.5s;}
.mpListLoading, .mpListLoading:before, .mpListLoading:after{width:20px;height:20px;border-radius:10px;background-color:rgba(0, 0, 0, .5);color:rgba(0, 0, 0, .5);
	animation-name:dot-flashing;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;}
.mpListLoading:before, .mpListLoading:after{content:'';display:inline-block;position:absolute;top:0;}
.mpListLoading:before{left:-30px;animation-delay:0s;}
.mpListLoading:after{left:30px;animation-delay:1s;}
@keyframes dot-flashing {
	0% { background-color:rgba(0, 0, 0, 1); }
	50%, 100% { background-color:rgba(0, 0, 0, .5); }
}

/* Karriere */
.mpList[data-post_type="karriere"] item {
	display: block;
	margin-bottom: 50px;
}
.mpList[data-post_type="karriere"] item h3 a {
	color: #113626;
}
.mpList[data-post_type="karriere"] item excerpt {
	display: block;
	margin-bottom: 10px;
}