.membersearchform{
    display: flex;
    gap:16px;
    align-items: end;
}
.membersearchform .field{
    width: 240px;
    max-width: 100%;
}
.membersearchform .field input,
.membersearchform .field select{
    width: 100%;
}
@media (max-width: 991px) {
    .membersearchform{
        align-items: center;
        flex-direction: column;
    }
}
.member{
    padding:32px;
    display: flex;
    flex-wrap: wrap;
}
.member:nth-child(odd){
    background: var(--edde-Colors-gradient-100, linear-gradient(87deg, #F2F9FC 0%, #F7FBF5 100%));
}
.member .header{
    width: 100%;
}
.member .address{
    width: 20%;
}
.member .contact{
    width: 30%;
}
.member .activity{
    width: 50%;
}
.member .certificate{
    text-align: right;
    width: 100%;
}
.member .contact .email:before {
  background: url("../../Icons/membermail.svg") no-repeat;
}
.member .contact .phone:before {
  background: url("../../Icons/memberphone.svg") no-repeat;
}
.member .contact .www:before {
  background: url("../../Icons/memberwebsite.svg") no-repeat;
}
.member .contact .email:before,
.member .contact .phone:before,
.member .contact .www:before {
  height: 18px;
  width: 16px;
  content: '';
  display: inline-block;
  background-size: contain;
  margin-right: 10px;
  background-position: bottom;
}
.member .activity ul{
    display: flex;
    padding: 4px 16px 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.tx-osm h2{
    margin-top: 56px;
    margin-bottom: 32px;
}
.tx-osm .osm-map{
    margin-top: 40px;
}
.member .activity li{
    border: 1px solid var(--edde-Colors-darkgreen-300, #B3E1D5);
    border-radius: 24px;
    padding: 4px 16px;
    text-align: center;
    display: inline-block;
    flex-basis:21%;
}
.member .contact a{
    text-decoration: none;
    color: var(--edde-Colors-black);
}
.member .contact a:hover{
    color: var(--edde-Colors-anthrazit);
}
.member .certificate a{
    text-decoration: none;
}
.member .certificate a:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid var(--edde-Colors-darkblue, #007FC5);
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
@media (max-width: 991px) {
    .member{
        flex-direction: column;
    }
    .member .header{
        width: 100%;
        order:1;
    }
    .member .address{
        width: 100%;
        order:3;
    }
    .member .contact{
        width: 100%;
        order:4;
    }
    .member .activity{
        width: 100%;
        order:2;
    }
    .member .certificate{
        width: 100%;
        order:5;
    }
    .member .activity li{
        flex-basis:unset;
    }
    .member .activity ul{
        justify-content: flex-start;
        padding: 4px 0 6px;
    }
}