/* TABLE */
.lex-list {
  width: 90%;
  margin: 2rem auto;
  font-family: var(--fliesstext, sans-serif);
  font-size: var(--txtm, 1rem);
  border-left: 2px solid var(--design);
}
.lex-list thead {
  background: var(--tbl-main);
  text-align: left;
}
.lex-list th, .lex-list td {
  padding: 0.75rem 1rem;
  vertical-align: top;
  line-height: 1.4;
}
.lex-list th { font-weight: 600; letter-spacing: 0.5px; }
.lex-list tbody tr { border-top: 1px solid var(--akzent-hell); }
.lex-list tbody tr:nth-child(even) { background: var(--tbl-main-tr); }
.lex-list tbody tr:hover { background: var(--tbl-main-tr2); transition: background .2s; }

/* DIV-LISTE */
.lex-div-list {
  margin: 10px;
  font-size: var(--txtm, 1rem);
  border-left: 2px solid var(--design);
  display: flex;
  flex-direction: column;
}
.lex-div-list__head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--tbl-main);
  color: var(--txtinv, #111); /* anpassen, ggf. #fff */
  font-weight: 600;
  letter-spacing: .5px;
}
.lex-div-list__head > div { padding: .75rem 1rem;
font-family: var(--akzenttext);
  font-size: var(--txtxxl);
  color: var(--akzent-hell); }
.lex-div-list__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--akzent-mid);
}
.lex-div-list__row > div { padding: .75rem 1rem; line-height: 1.4; }

/* Zebra nur für Rows (ohne Header mitzuzählen) */
.lex-div-list > :nth-child(even of .lex-div-list__row) { background: rgba(0,0,0,.02); }
.lex-div-list > :nth-child(odd of .lex-div-list__row):hover { background: rgba(0,0,0,.05); transition: background .2s; }

/* Mobile */
@media (max-width: 768px) {
  .lex-div-list__head,
  .lex-div-list__row { grid-template-columns: 1fr; }
  .lex-div-list__head { display: none; }
  .lex-div-list__row > div { padding: .5rem 1rem; }
  .lex-div-list__row > div:first-child { font-weight: 600; margin-bottom: .25rem; }
}

/* 3-Spalten-Variante */
.lex-div-list.lex-div-list--3col .lex-div-list__head,
.lex-div-list.lex-div-list--3col .lex-div-list__row {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .lex-div-list.lex-div-list--3col .lex-div-list__row { grid-template-columns: 1fr; }
  .lex-div-list.lex-div-list--3col .lex-div-list__row > div:first-child { font-weight: 600; margin-bottom: .25rem; }
}