/*
 * Natives WordPress-Accordion (core/accordion) im Look von .unicollapse (pages.css):
 */

.wp-block-accordion .wp-block-accordion-item {
    margin: 0 0 1em;
    border-bottom: 1px solid #D6D6D6;
}

.wp-block-accordion .wp-block-accordion-heading {
    margin: 0 0 1em;
    font: inherit;
    letter-spacing: inherit;
    text-transform: none;
    color: inherit;
}

.wp-block-accordion .wp-block-accordion-heading__toggle {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.wp-block-accordion .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title,
.wp-block-accordion .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    font: normal normal 600 20px/26px TheSans;
    letter-spacing: 0px;
    color: black;
    text-decoration: none;
}

/* Natives "+"-Icon ausblenden, stattdessen Font-Awesome-Chevron rechts */
.wp-block-accordion .wp-block-accordion-heading__toggle-icon {
    display: none;
}

.wp-block-accordion .wp-block-accordion-heading__toggle::after {
    float: right;
    display: inline-block;
    padding-left: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #5E5E5D;
    content: "\f078";
}

.wp-block-accordion .wp-block-accordion-heading__toggle[aria-expanded="true"]::after,
.wp-block-accordion .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle::after {
    content: "\f077";
}

.wp-block-accordion .wp-block-accordion-panel {
    margin: 0;
    padding: 0;
    font: normal normal normal 18px/25px TheSans;
    letter-spacing: 0.09px;
    color: #404040;
}

@media (min-width: 992px) {
    .wp-block-accordion .wp-block-accordion-heading__toggle::after {
        color: #999997;
    }
}

.wp-block-accordion .wp-block-accordion-item {
    display: grid;
    grid-template-rows: min-content 0fr auto;
    transition: grid-template-rows 0.35s ease;
}

.wp-block-accordion .wp-block-accordion-item.is-open {
    grid-template-rows: min-content 1fr auto;
}

.wp-block-accordion .wp-block-accordion-panel,
.wp-block-accordion .wp-block-accordion-panel[hidden] {
    display: block !important;
    grid-row: 2 / 4;
    min-height: 0;
    overflow: hidden;
    content-visibility: visible;
    visibility: hidden;
    transition: visibility 0.35s ease;
}

.wp-block-accordion .wp-block-accordion-item.is-open > .wp-block-accordion-panel {
    visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-accordion .wp-block-accordion-item,
    .wp-block-accordion .wp-block-accordion-panel {
        transition: none;
    }
}
