/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---------------------------------- START "Search form" --------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tierzucht-search-form label.minor {
    font-weight: var(--bw-font-weight-regular);
}

.tierzucht-search-form .flex-container {
    display: flex;
}

.tierzucht-search-form .flex-item {
    padding-right: 5px;
}

.tierzucht-search-form .form-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tierzucht-search-form .form-column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.tierzucht-search-form .form-column-50 {
    width: calc(50% - 2rem);
}

.tierzucht-search-form .form-column-33 {
    width: calc(33% - 2rem);
}

.tierzucht-search-form .form-column-25 {
    width: calc(25% - 2rem);
}

.tierzucht-search-form .accordion {
    margin: 20px 0;
    width: 100%;
}

.tierzucht-search-form .accordion__content {
    max-width: 100%;
}

.tierzucht-search-form p.label {
    margin-left: 1rem;
}

@media (max-width: 51.875em) {
    .tierzucht-search-form .form-column-50, .tierzucht-search-form .form-column-33, .tierzucht-search-form .form-column-25 {
        width: 100% !important;
    }
    .tierzucht-search-form .flex-container div:not(:last-child) {
        margin-bottom: var(--bw-space-400);
    }
}

.tierzucht-search-form .form__field:first-child:nth-last-child(2),
.tierzucht-search-form div:not(.form__field)+.form__field:nth-last-child(2) {
    margin-bottom: var(--bw-space-700);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ---------------------------------- START "Search detail" ------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.tierzucht-detail { width: 100%; margin-top: 15px; border: 1px solid black; border-collapse: separate; }
table.tierzucht-detail tr.head1 { background-color: #147402; }
table.tierzucht-detail tr.head2 { background-color: #42952B; }
table.tierzucht-detail tr.content { background-color: #C9E193; }
table.tierzucht-detail .contentlight { background-color: #EFF6DE; }
table.tierzucht-detail .daten td { padding: 0 0 10px 0; align: left; vertical-align: top; height: 25px; font-size: 1em; }
table.tierzucht-detail td { padding: 3px 10px; word-break: break-word; }
table.tierzucht-detail table.abstammung { border-collapse: collapse; }
table.tierzucht-detail th { text-align: left; padding-left: 1rem; }
table.milchwerte { margin-bottom: 0 !important; }

table.tierzucht-detail table.alternierend tr:nth-child(even) { background-color: #FFFDEA; }
.tabellenbeschriftung { height: 30px; position: absolute; top: 4px; z-index: 12; }

table.exterieur, table.abstammung, table.kinder { margin-top: 20px; }
table.exterieur td { font-size: 10pt; }
table.exterieur th { font-size: 10pt; text-align: left; padding: 0 10px; background-color: #EFF6DE;}
table.exterieur tr.tierzucht-detail-extwerte-oben td { font-weight: bold; }
.tierzucht-bold { font-weight: bold; }
table.exterieur .tierzucht-detail-extwerte2 { border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: right;}
table.exterieur .tierzucht-detail-extwerte4 { border-left: 1px solid #ccc; text-align: right;}

table.exterieur .tierzucht-wertbalken {width: 50%; position:absolute; left:0; text-align: right; z-index: 10;}
table.exterieur .tierzucht-skalenbalken {width:1px; height: 80px; border-left: 1px dotted #ccc; position: absolute; top: -30px; z-index: 9;}
#table.tierzucht-ziege table.alternierend tr:nth-child(odd) { background-color: #FFFDEA; }

.tierzucht-aufklapp-headline { cursor: pointer; }
.tierzucht-aufklapp-headline td { border-top: 2px solid #C9E193;}

table.contentlight td { border: 1px solid #147402; }
table.contentlight td:first-child { border-left: none; }
table.contentlight td:last-child { border-right: none; }
table.contentlight tr:first-child td { border-top: none; }
table.contentlight td { border-bottom: none; }

table.contentlight th { border: 1px solid #147402; border-top: none; }
table.contentlight th:first-child { border-left: none; }
table.contentlight th:last-child { border-right: none; }

@media (max-width: 36.24em) {
    table.tierzucht-detail .hide-mobile {
        display: none;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------- START "Search result" -------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.tierzucht { width: 100%;}
table.tierzucht th { text-align: center;}
table.tierzucht td { text-align: right; }
table.tierzucht td.lb { text-align: left; }
table.dataTable thead th, table.dataTable thead td { padding: 10px 14px; }
table.tierzucht .wichtig { font-weight: bold; background-color: #ABD2A5 !important;}
table.tierzucht td.nowrap {
    white-space: nowrap;
}
table.tierzucht td.control {
  text-align: center;
  cursor: pointer;
}
table.tierzucht table.dataTable td.control::before {
  content: '+';
  display: inline-block;
  font-weight: bold;
}
table.tierzucht tr.parent td.control::before {
  content: '-';
}
table.tierzucht .card-row-details {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-left: 30px;
}
table.tierzucht .card-item {
    flex: 0 0 auto;
    background: white;
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
}