/* ---------------------------------
   VORSTAND
---------------------------------- */

.mitgliederBox {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

/* Karten */
.mitgliederBox  > a {
  width: calc(33.3% - (2 * 1.2rem / 3));
  box-shadow: var(--box-shadow);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;  
  text-decoration: none;
  border-bottom: 3px solid var(--gs-gelb);
  aspect-ratio: 16 / 9;
}

.mitgliederBox  > a:hover {
  box-shadow: var(--box-shadow2);
  background-color: var(--lightgray);
}
.mitgliederBox div {
  padding: 1rem;
  text-align: center;
  /*hyphens: auto;*/
}



table.mitglied_table {
  border: 1px solid var(--gs-gelb);
	width: 100%;
}

table.mitglied_table tr td {
	border: 1px solid var(--gs-gelb);
	padding: 0.6rem;
  text-align: left;
}

table.mitglied_table tr:hover td  {
	background-color: var(--lightgray);
}

.mitglied_img {
  display: flex;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}

.mitglied_img figure {
  display: flex;
  width: calc(50% - 1rem);
  
}

.mitglied_img a {
  border: 1px solid var(--gs-gelb);
  line-height: 0;
  padding: 0;
}

.mitglied_img img {
  width: 100%;
}


table.mitglieder_statistik {
  border: 1px solid var(--gs-gelb);
	width: 100%;
}

table.mitglieder_statistik tr td {
	border: 1px solid var(--gs-gelb);
	padding: 0.6rem;
  text-align: left;
}

table.mitglieder_statistik tr:hover td  {
	background-color: var(--lightgray);
}

table.mitglieder_statistik tr td:nth-of-type(even)  {
	text-align: right;
}

table.mitglieder_statistik tr:nth-of-type(4) td  {
	border-bottom: 3px solid var(--gs-gelb);
}

table.mitglieder_statistik tr:nth-of-type(5) td  {
  background-color: var(--lightgray);
  font-weight: 500;
}





/* ---------------------------------
   RESPONSIVE BREAKPOINTS
---------------------------------- */

@media screen and (max-width: 980px), (max-device-width: 980px) {
.mitgliederBox  > a {
  width: calc(50% - (1 * 1.2rem / 2));
  aspect-ratio: none;
}
}