/* THOMAS FAQ – passend zu Plugin 0.3.3 */

.thomas-faq,
.thomas-faq-group,
.thomas-faq-item,
.thomas-faq-question,
.tgfaq__trigger,
.thomas-faq-answer {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

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

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

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

.thomas-faq-question {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.tgfaq__trigger,
.tgfaq__trigger:hover,
.tgfaq__trigger:focus,
.tgfaq__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;
}

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

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

.tgfaq__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-faq-answer,
.thomas-faq-answer-inner,
.thomas-faq-answer p,
.thomas-faq-answer li,
.thomas-faq-answer span,
.thomas-faq-answer strong {
    color: #000 !important;
}

.thomas-faq-answer {
    padding: 0 0 1.5rem !important;
    background: transparent !important;
}

.thomas-faq-more { margin-top: 1.5rem; }

.thomas-faq-more-title {
    color: #000 !important;
    font-weight: 700;
    margin-bottom: .5rem;
}

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

.thomas-faq-contact { margin-top: 1.5rem; }

.thomas-faq-contact-cta,
.thomas-faq-contact a,
.thomas-faq-contact button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .75em 1.5em;
    border: 0;
    border-radius: 2em;
    background: #000 !important;
    color: #fff !important;
    text-decoration: none;
    line-height: 1.2;
    cursor: pointer;
}

.thomas-faq-contact-cta:hover,
.thomas-faq-contact-cta:focus,
.thomas-faq-contact a:hover,
.thomas-faq-contact a:focus,
.thomas-faq-contact button:hover,
.thomas-faq-contact button:focus {
    background: #0F0 !important;
    color: #000 !important;
}

@media (max-width: 767px) {
    .thomas-faq-letter { font-size: 4rem; }
    .tgfaq__trigger { gap: 1rem !important; }
    .tgfaq__icon { font-size: 3rem !important; }
}


/* ----------------------------------------------------------
   FAQ Suche
   ---------------------------------------------------------- */

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

.thomas-faq-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-faq-search-input::placeholder {
    color: #000 !important;
    opacity: .55;
}

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

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