/* Mitgllieder.css */
.alphabet {
  margin: 20px 0;
}

.alphabet a {
  text-decoration: none!important;
  color: var(--primary);
  margin: 0 7px;
  padding-right:14px;
  font-weight: normal;
  border-right: 2px solid var(--secondary);
}
.alphabet a:hover {
  color: var(--secondary)!important;
}

.alphabet a:last-child {
  border-right: none;
}

.alphabet a.active {
  color: var(--secondary);
}

.alphabet span{
  /*margin-right: 30px;*/
  margin-left:-7px;
}


.category {
  margin: 20px 0;
  margin-left:111px;
}
.category a {
  text-decoration: none!important;
  color: var(--primary);
  margin: 0 10px;
  border-left: 2px solid var(--secondary);
  margin: 0 7px;
  padding-left: 14px;
}
.category a:hover {
  color: var(--secondary) !important;
}

.category a.active {
  color: var(--secondary);
}

.category span{
  margin-right: 4px;
}


.member-grid {
  margin-top: 20px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 40px;
  margin-top:80px;
}

.grid-item {
  /*background-color: #f9f9f9;*/
  /*padding: 20px;*/
  /*border: 1px solid #ddd;*/
  text-align: center;
  /*outer glow*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding-bottom:12px;

}

.member-image {
 max-height:290px;
  overflow: hidden;
  position: relative;
  border-bottom: solid 1px #efefef;
}

.member-image img {
  max-width: 100%;
  height: auto;
  border-bottom: solid 1px #efefef;
  position:relative;
}

.member-info {
  margin-top: 10px;
  text-align: left;
}

.member-info .werkstattzeichen-firma, .member-info .werkstattzeichen-ort{
  padding-left:12px;
  font-weight:300;
  text-decoration: none;
  color: var(--body-color);
}

.member-info .werkstattzeichen-name {
  font-weight: 300;
  color: var(--primary);
  font-size: 18px;
  padding: 8px;
  padding-left:12px;
  padding-bottom: 20px;
  margin-botton:10px;
}
.member-info .werkstattzeichen-info{
    font-weight: 300;
}









/* Mitgllieder.css */