.zuechter-liste-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}


/* EV-Result-Listen kommen als table.ev_result_listing ohne tbody */
.zuechter-liste-container table.ev_result_listing {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
}

.zuechter-liste-container table.ev_result_listing th {
  background-color: #8AC640 !important;
  color: #fff;
  text-align: left !important;
  padding: 12px 10px;
  font-weight: bold;
}

.zuechter-liste-container table.ev_result_listing th#th_event_listing {
  background-color: #6B9F2E !important;
}

.zuechter-liste-container table.ev_result_listing td {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
}

.zuechter-liste-container table.ev_result_listing tr:nth-child(odd) td {
  background-color: #f5f5f5 !important;
}

.zuechter-liste-container table.ev_result_listing tr:nth-child(even) td {
  background-color: #ffffff !important;
}

.zuechter-liste-container table.ev_result_listing tr:hover td {
  background-color: #e8f5e0 !important;
}

.zuechter-liste-container table.stripe,
.zuechter-liste-container table.views-table,
.zuechter-liste-container table.stripe table.drc_result_lists,
table.views-table,
table.views-table.drc_result_lists,
table.stripe,
table.stripe.drc_result_lists,
table.drc_result_lists,
table#drc_result_lists {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
}
.zuechter-liste-container table.stripe thead tr,
.zuechter-liste-container table.views-table thead tr,
.zuechter-liste-container table.stripe table.drc_result_lists thead tr,
table.views-table thead tr,
table.views-table.drc_result_lists thead tr,
table.stripe thead tr,
table.stripe.drc_result_lists thead tr,
table.drc_result_lists thead tr,
table#drc_result_lists thead tr {
  background-color: #8AC640 !important; /* DRC Hellgrün */
  color: #fff;
}
.zuechter-liste-container table.stripe thead th,
.zuechter-liste-container table.views-table thead th,
.zuechter-liste-container table.stripe table.drc_result_lists thead th,
table.views-table thead th,
table.views-table.drc_result_lists thead th,
table.stripe thead th,
table.stripe.drc_result_lists thead th,
table.drc_result_lists thead th,
table#drc_result_lists thead th {
  text-align: left !important;
  padding: 12px 10px;
  font-weight: bold;
}
.zuechter-liste-container table.stripe thead td,
.zuechter-liste-container table.views-table thead td,
.zuechter-liste-container table.stripe table.drc_result_lists thead td,
table.views-table thead td,
table.views-table.drc_result_lists thead td,
table.stripe thead td,
table.stripe.drc_result_lists thead td,
table.drc_result_lists thead td,
table#drc_result_lists thead td {
  text-align: left !important;
  padding: 12px 10px;
  font-weight: bold;
}
.zuechter-liste-container table.stripe thead th div,
.zuechter-liste-container table.views-table thead th div,
.zuechter-liste-container table.stripe table.drc_result_lists thead th div,
.zuechter-liste-container table.stripe thead td div,
.zuechter-liste-container table.views-table thead td div,
.zuechter-liste-container table.stripe table.drc_result_lists thead td div,
table.views-table thead th div,
table.views-table thead td div,
table.views-table.drc_result_lists thead th div,
table.views-table.drc_result_lists thead td div,
table.stripe thead th div,
table.stripe thead td div,
table.stripe.drc_result_lists thead th div,
table.stripe.drc_result_lists thead td div,
table.drc_result_lists thead th div,
table.drc_result_lists thead td div,
table#drc_result_lists thead th div,
table#drc_result_lists thead td div {
  text-align: left !important;
}
.zuechter-liste-container table.stripe tbody tr:nth-child(odd),
.zuechter-liste-container table.views-table tbody tr:nth-child(odd),
.zuechter-liste-container table.stripe table.drc_result_lists tbody tr:nth-child(odd),
table.views-table tbody tr:nth-child(odd),
table.views-table.drc_result_lists tbody tr:nth-child(odd),
table.stripe tbody tr:nth-child(odd),
table.stripe.drc_result_lists tbody tr:nth-child(odd),
table.drc_result_lists tbody tr:nth-child(odd),
table#drc_result_lists tbody tr:nth-child(odd) {
  background-color: #f5f5f5 !important; /* Hellgrau */
}
.zuechter-liste-container table.stripe tbody tr:nth-child(even),
.zuechter-liste-container table.views-table tbody tr:nth-child(even),
.zuechter-liste-container table.stripe table.drc_result_lists tbody tr:nth-child(even),
table.views-table tbody tr:nth-child(even),
table.views-table.drc_result_lists tbody tr:nth-child(even),
table.stripe tbody tr:nth-child(even),
table.stripe.drc_result_lists tbody tr:nth-child(even),
table.drc_result_lists tbody tr:nth-child(even),
table#drc_result_lists tbody tr:nth-child(even) {
  background-color: #ffffff !important; /* Weiß */
}
.zuechter-liste-container table.stripe tbody td,
.zuechter-liste-container table.views-table tbody td,
.zuechter-liste-container table.stripe table.drc_result_lists tbody td,
table.views-table tbody td,
table.views-table.drc_result_lists tbody td,
table.stripe tbody td,
table.stripe.drc_result_lists tbody td,
table.drc_result_lists tbody td,
table#drc_result_lists tbody td {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.zuechter-liste-container table.stripe tbody tr:hover,
.zuechter-liste-container table.views-table tbody tr:hover,
.zuechter-liste-container table.stripe table.drc_result_lists tbody tr:hover,
table.views-table tbody tr:hover,
table.views-table.drc_result_lists tbody tr:hover,
table.stripe tbody tr:hover,
table.stripe.drc_result_lists tbody tr:hover,
table.drc_result_lists tbody tr:hover,
table#drc_result_lists tbody tr:hover {
  background-color: #e8f5e0 !important; /* Helles Grün beim Hover */
}
.zuechter-liste-container a {
  color: #6B9F2E !important; /* DRC-Grün für Links */
  text-decoration: underline !important;
  font-weight: 500;
}
.zuechter-liste-container a:hover {
  color: #4A7C1F !important; /* Dunkleres DRC-Grün beim Hover */
  text-decoration: underline !important;
  font-weight: bold;
}
.zuechter-liste-container a:visited {
  color: #5A8527 !important; /* Gedämpftes Grün für besuchte Links */
}
.zuechter-liste-container h1 {
  color: #6B9F2E;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
}
.zuechter-liste-container h2 {
  color: #6B9F2E;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: bold;
  border-bottom: 2px solid #8AC640;
  padding-bottom: 8px;
}

table.drcliste {
          border-bottom-style:none; border-right-style:none;
          border-left-style:none; border-top-style:none;
  }
span.name  {
          font-family:Verdana, Arial, Helvetica;
          font-size:7pt; font-weight:bold; color:darkblue;
  }

td.drcahd {
    font-family:Verdana, Arial, Helvetica;
    font-size:7pt; color:black; vertical-align:middle;
    border-top-width:medium;
    border-top-style:solid;
    border-top-color:#FFF;
    
    border-left-width:medium;
    border-left-style:solid;
    border-left-color:#FFF;
    
    border-right-width:medium;
    border-right-style:solid;
    border-right-color:#FFF;

    border-bottom-width:medium; 
    border-bottom-style:solid; 
    border-bottom-color:#FFF;

    background-color:rgb(223,236,182);
    padding-left: 5px;
  }
    /*background-color:#C9CBA4;}*/


td.drcahh {
    font-family:Verdana, Arial, Helvetica;
    font-size:7pt; color:black; vertical-align:middle;
    border-top-width:medium;
    border-top-style:solid;
    border-top-color:#FFF;
    
    border-left-width:medium;
    border-left-style:solid;
    border-left-color:#FFF;
    
    border-right-width:medium;
    border-right-style:solid;
    border-right-color:#FFF;

    border-bottom-width:medium; 
    border-bottom-style:solid; 
    border-bottom-color:#FFF;
    
    background-color:rgb(239,245,219);
    padding-left: 5px;

  }
    /*background-color:#DCDDC5;}*/

input.atinput { 
    border-width:thin;
    border-style:solid;
    border-color:#FFF;
    
    background-color:#FFFFCC;
    font-family:Verdana, Arial, Helvetica; 
    font-size:7pt; 
    color:black; 
    vertical-align:middle;
        }

img.ahnen_thumbnail {
    width: 30px;  
    height: auto;
    display:inline-block;

}
img.thumbnail {
    border-color: #8AC640; /* DRC Hellgrün */
    border-radius: 5px ;
    border-style: solid;
    border-width: 2px;
}

/* Lupe in DRC-Listen konsistent und gut klickbar halten */
.zuechter-liste-container table.stripe td:first-child img,
.zuechter-liste-container table.views-table td:first-child img,
.zuechter-liste-container table.ev_result_listing td:first-child img {
  /*width: 48px !important;*/
  height: 48px !important;
  max-width: none !important;
}

/* Ahnentafel Formular Styling */
.ahnentafel-form {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 30px;
    margin: 20px 0;
    max-width: 900px;
}

.ahnentafel-form .form-group {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 6px;
    border-left: 4px solid #6B9F2E;
}

.ahnentafel-form .form-label {
    font-weight: 600;
    color: #333;
    min-width: 180px;
    text-align: right;
    font-size: 14px;
}

.ahnentafel-form .form-static-text {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.ahnentafel-form input[type="text"] {
    flex: 1;
    padding: 10px 15px;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
    max-width: 400px;
}

/* Spezifische Breiten für verschiedene Felder */
.ahnentafel-form input[name="form_maxgen"] {
    flex: 0 0 auto;
    max-width: 60px;
    width: 60px;
    text-align: center;
}

.ahnentafel-form input[name="form_zbnr"] {
    flex: 1;
    max-width: 100%;
    min-width: 300px;
}

.ahnentafel-form input[type="text"]:focus {
    outline: none;
    border-color: #6B9F2E;
    box-shadow: 0 0 0 3px rgba(107, 159, 46, 0.1);
}

.ahnentafel-form input[type="submit"] {
    background: #6B9F2E;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ahnentafel-form input[type="submit"]:hover {
    background: #4A7C1F;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.ahnentafel-form input[type="submit"]:active {
    transform: translateY(0);
}

.ahnentafel-form .form-hint {
    color: #666;
    font-size: 12px;
    font-style: italic;
    margin-left: 10px;
}

.ahnentafel-form .form-row-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

@media (max-width: 768px) {
    .ahnentafel-form .form-group {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .ahnentafel-form .form-label {
        text-align: left;
        min-width: auto;
    }
    
    .ahnentafel-form input[type="text"] {
        max-width: 100%;
    }
}