/******* Merchantlist Frontend *******/

.jump-to {
    margin-top: 20px;
}

.merchantlist-wrapper {padding:0;margin-top:60px;}
@media (max-width: 1199px) {.merchantlist-wrapper {margin-top: 40px;}}
@media (max-width: 767px) {.merchantlist-wrapper {margin-top: 20px;}}
@media (max-width: 600px) {.merchantlist-wrapper h1 {margin-bottom:25px;}}

.merchantlist {display:flex;flex-flow:row wrap;gap:50px;margin-top:20px;justify-content:space-around;}
.merchantlist .item {flex:0 0 48%;display:flex; flex-flow:row wrap;max-width:750px;padding:40px;background:#f7f7f7;}
@media (max-width: 1199px) {.merchantlist .item {flex:0 1 100%;max-width:unset;flex-flow:column wrap;}}
@media (max-width: 600px) {.merchantlist .item {flex:0 1 100%;flex-flow:column wrap;}}

.merchantlist .item a.img {flex:0 1 200px;margin-right:45px;display:flex;align-items:center;background:transparent;}
.merchantlist .item a.img img {max-width: 200px;mix-blend-mode:darken;}
.merchantlist .item .txt {flex:1;}
.merchantlist .item .txt h2 {font-size:20px;font-weight:700;color:#282828;padding:0;margin:20px 0;line-height: 1.4;}
.merchantlist .item .txt p {overflow: hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;}
.merchantlist .item .txt .btn-container {margin-top:35px;}

.filter-active {background: #78A061;}
.filter-inactive {background: darkgrey;}
.materialfilter-entry {background-color: #78A061;}
.procmethodfilter-entry {background-color: #78A061;}