/* --- CLAIMS GRID SYSTEM (ABEL & TRINITY) --- */

.claims_d {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(13, min-content);
  gap: 5px; /* Etwas mehr Luft zwischen den Boxen */
  grid-auto-flow: row;
  grid-template-areas:
    "claims_female claims_male claims_divers"
    "claims_abcd claims_abcd claims_abcd"
    "claims_f_abcd claims_m_abcd claims_d_abcd"
    "claims_efgh claims_efgh claims_efgh"
    "claims_f_efgh claims_m_efgh claims_d_efgh"
    "claims_ijkl claims_ijkl claims_ijkl"
    "claims_f_ijkl claims_m_ijkl claims_d_ijkl"
    "claims_mnop claims_mnop claims_mnop"
    "claims_f_mnop claims_m_mnop claims_d_mnop"
    "claims_qrst claims_qrst claims_qrst"
    "claims_f_qrst claims_m_qrst claims_d_qrst"
    "claims_uvwxyz claims_uvwxyz claims_uvwxyz"
    "claims_f_uvwxyz claims_m_uvwxyz claims_d_uvwxyz";
}

.claims {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: repeat(13, min-content); 
  gap: 5px; 
  grid-template-areas: 
    "claims_female claims_male"
    "claims_abcd claims_abcd"
    "claims_f_abcd claims_m_abcd"
    "claims_efgh claims_efgh"
    "claims_f_efgh claims_m_efgh"
    "claims_ijkl claims_ijkl"
    "claims_f_ijkl claims_m_ijkl"
    "claims_mnop claims_mnop"
    "claims_f_mnop claims_m_mnop"
    "claims_qrst claims_qrst"
    "claims_f_qrst claims_m_qrst"
    "claims_uvwxyz claims_uvwxyz"
    "claims_f_uvwxyz claims_m_uvwxyz"; 
}

/* --- HEADER (Geschlechter) --- */
.claims_female, .claims_male, .claims_divers { 
  background: #0f1215 !important;
  color: #7fa394 !important; /* Salbeigrün */
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 10px;
  text-align: center;
  border: 1px solid #2d3540;
}

/* --- BUCHSTABEN-TRENNER --- */
.claims_abcd, .claims_efgh, .claims_ijkl, .claims_mnop, .claims_qrst, .claims_uvwxyz { 
  grid-area: auto; /* Grid Area wird über das Layout oben gesteuert */
  background: #1a1e24 !important;
  color: #d1d9d4 !important;
  border-bottom: 1px solid #7fa394 !important;
  padding: 8px;
  font-size: 11px;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
}

/* --- LISTEN-BEREICHE --- */
.claims_f_abcd, .claims_m_abcd, .claims_d_abcd, 
.claims_f_efgh, .claims_m_efgh, .claims_d_efgh,
.claims_f_ijkl, .claims_m_ijkl, .claims_d_ijkl,
.claims_f_mnop, .claims_m_mnop, .claims_d_mnop,
.claims_f_qrst, .claims_m_qrst, .claims_d_qrst,
.claims_f_uvwxyz, .claims_m_uvwxyz, .claims_d_uvwxyz { 
  background: #0f1215;
  padding: 8px;
  border: 1px solid #1a1e24;
}

/* --- EINTRÄGE --- */
.claims_avatar {
  padding: 4px 5px;
  font-family: 'Anaheim', sans-serif;
  font-size: 12px;
  color: #8a9bb8;
  border-bottom: 1px solid #232931;
}

.claims_avatar::before {
  content: "»";
  color: #7fa394; /* Salbeigrüne Pfeile */
  padding-right: 5px;
  font-weight: bold;
}

/* Hover Effekt für die Namen */
.claims_avatar:hover {
  background: #1a1e24;
  color: #d1d9d4;
  cursor: default;
}