.accordion {
    color: #000;

    .accordion-item {
        border: none;
    }
    .accordion-body,
    .accordion-button {
        padding-inline: 0;
        color: #000;
    }

    .accordion-button {
        font-size: 1.6rem;
        font-weight: 600;
        color: #000;
        width: 100%;
        border: none;
        background: none;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2.5rem;

        &:focus {
            box-shadow: none;
        }

        &:after {
            display: none;
        }

        .accordion-hint {
            display: none;
            &:after {
                content: 'Aufklappen';
            }

            i {
                transition: transform 0.3s ease;
            }
        }

        &[aria-expanded="true"]{
            .accordion-hint:after {
                content: 'Zuklappen';
            }

            i {
                transform: rotate(180deg);
            }
        }
    }

    .accordion-button:not(.collapsed) {
        background-color: unset;
        box-shadow: none;
    }

    .accordion-body *,
    .accordion-body {
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 768px) {
    .accordion .accordion-button .accordion-hint {
        display: block;
    }
}