/* ==========================================================
   THOMAS GLOSSAR
   Ziel: /thomas-group.com_wp/wp-content/b3/glossar.css
   ========================================================== */

.thomas-glossar,
.thomas-glossar-group,
.thomas-glossar-item,
.thomas-glossar-term,
.thomas-glossar-trigger,
.thomas-glossar-definition {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.thomas-glossar,
.thomas-glossar * {
    color: #000;
}

.thomas-glossar-search {
    width: 100%;
    margin: 0 0 3rem;
}

.thomas-glossar-search-input {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid #000 !important;
    border-radius: 2em !important;
    background: #fff !important;
    color: #000 !important;
    font: inherit !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    outline: none !important;
}

.thomas-glossar-search-input::placeholder {
    color: #000 !important;
    opacity: .55;
}

.thomas-glossar-search-input:focus {
    border-color: #0F0 !important;
    box-shadow: 0 0 0 1px #0F0 !important;
}

.thomas-glossar-no-results {
    margin: 0 0 2rem;
    color: #000 !important;
}

.thomas-glossar-letter {
    color: #0F0 !important;
    font-size: 6rem;
    font-weight: 400;
    line-height: 1;
    margin: 1em 0 .35em;
}

.thomas-glossar-item {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    background: transparent !important;
}

.thomas-glossar-term {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.thomas-glossar-trigger,
.thomas-glossar-trigger:hover,
.thomas-glossar-trigger:focus,
.thomas-glossar-trigger:active {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 2rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1.25rem 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #000 !important;
    cursor: pointer !important;
    text-align: left !important;
}

.thomas-glossar-trigger:focus-visible {
    outline: 2px solid #0F0 !important;
    outline-offset: 4px !important;
}

.thomas-glossar-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #000 !important;
}

.thomas-glossar-icon {
    flex: 0 0 auto !important;
    display: block !important;
    margin-left: auto !important;
    padding: 0 !important;
    color: #0F0 !important;
    font-size: 3.5rem !important;
    font-weight: 400 !important;
    line-height: .7 !important;
    text-align: right !important;
}

.thomas-glossar-definition {
    padding: 0 0 1.5rem !important;
    background: transparent !important;
}

.thomas-glossar-definition,
.thomas-glossar-definition-inner,
.thomas-glossar-definition p,
.thomas-glossar-definition li,
.thomas-glossar-definition span,
.thomas-glossar-definition strong {
    color: #000 !important;
}

.thomas-glossar-synonyms {
    margin-top: 1.25rem;
}

.thomas-glossar-autolink,
.thomas-glossar-autolink:visited,
.thomas-glossar-autolink:hover,
.thomas-glossar-autolink:focus {
    color: #0F0 !important;
    text-decoration: underline !important;
    text-underline-offset: .15em;
}

@media (max-width: 767px) {
    .thomas-glossar-letter {
        font-size: 4rem;
    }

    .thomas-glossar-trigger {
        gap: 1rem !important;
    }

    .thomas-glossar-icon {
        font-size: 3rem !important;
    }
}


/* ==========================================================
   THOMAS GLOSSAR – PASSENDE INHALTE
   ========================================================== */
.thomas-glossar-sources { margin-top: 1.5rem; }
.thomas-glossar-sources-title { margin: 0 0 .5rem !important; }
.thomas-glossar-sources-list { margin: 0 !important; padding-left: 1.2em !important; }
.thomas-glossar-sources-list li { margin: .25rem 0 !important; }
.thomas-glossar-sources-list a,
.thomas-glossar-sources-list a:visited,
.thomas-glossar-sources-list a:hover,
.thomas-glossar-sources-list a:focus { color: #0F0 !important; text-decoration: underline !important; text-underline-offset: .15em; }


/* ==========================================================
   THOMAS GLOSSAR – ALPHABETISCHER INDEX
   ========================================================== */
.thomas-glossar-index { display: flex; flex-wrap: wrap; gap: .5rem 1rem; width: 100%; margin: 0 0 3rem; }
.thomas-glossar-index-link,
.thomas-glossar-index-link:visited { color: #000 !important; text-decoration: none !important; font-weight: 700; }
.thomas-glossar-index-link:hover,
.thomas-glossar-index-link:focus { color: #0F0 !important; text-decoration: underline !important; text-underline-offset: .15em; }
.thomas-glossar-group { scroll-margin-top: 150px; }