.pageelement-text-accordion-main.contentbox {
    overflow: unset;
}

.pageelement-text-accordion-main .wrapper {
    color: #fff;
    width: 100%;
}

.pageelement-text-accordion-main .element-headline {
    margin: 0 auto 1.2500rem;
    display: flex;
    max-width: 87.5000rem;
    justify-content: space-between;
    padding: 0 1.2500rem;
}

.pageelement-text-accordion-main details {
    margin-bottom: 0.938rem;
    background-color: var(--bg);
}

.pageelement-text-accordion-main.short-margin {
    margin-bottom: 1.562rem;
}

.pageelement-text-accordion-main .top {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}
.pageelement-text-accordion-main .top:hover .headline {
    text-decoration: underline;
}

.pageelement-text-accordion-main .top:has(summary:focus-visible) {
    outline: var(--outline);
    outline-offset: 0.188rem;
}

.pageelement-text-accordion-main .top summary {
    list-style: none;
    width: 100%;
    display: block;
    position: relative;
    padding: 0.625rem 1.875rem 0.625rem 2.812rem;
    box-sizing: border-box;
    background-color: inherit;
}
.pageelement-text-accordion-main .top,  .pageelement-text-accordion-main .top summary {
    border-radius: var(--radius-default);
}

.pageelement-text-accordion-main .top summary {
    background-color: var(--bg);
}

.pageelement-text-accordion-main .top summary * {
    color: var(--fg);

}

.pageelement-text-accordion-main details summary::-webkit-details-marker {
    display: none;
}


.pageelement-text-accordion-main .top summary:focus {
    outline: none;
}

.pageelement-text-accordion-main .top .headline {
    padding-right: 0.938rem;
    line-height: 1.562rem;
    margin-bottom: 0 !important;
    margin-top: 0;
    margin-left: 0.625rem;
}

.pageelement-text-accordion-main .top summary .arrow {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.25rem;
    background: currentColor; /*hier variable color*/
    display: block;
    border-radius: 0.25rem;
}

.pageelement-text-accordion-main .top .arrow::before {
    width: auto;
    display: inline-block;
}

.pageelement-text-accordion-main .top summary .arrow::before {
    content: '\f054';
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 900;
    font-size: 1rem;
    color: var(--bg);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    right: auto;
    transition: transform 0.3s ease;;
}

.pageelement-text-accordion-main .top[open] .arrow::before {
    transform: translate(-50%, -50%) rotate(90deg);
}


.pageelement-text-accordion-main .text {
    cursor: default !important;
    padding: 1rem 1.875rem 1.525rem 3.437rem;
    background-color: inherit;

}

.pageelement-text-accordion-main .text-white * {
    color: #fff !important;
}

.pageelement-text-accordion-main .text-black * {
    color: #000 !important;
}

.pageelement-text-accordion-main .text-black a:focus-visible {
    outline-color: #000 !important;
}

.pageelement-text-accordion-main .text-white + .arrow {
    color: #fff;
}

.pageelement-text-accordion-main .text-black + .arrow {
    color: #000;
}

.pageelement-text-accordion-main .text a {
    color: inherit;
}

.pageelement-text-accordion-main .text a:focus-visible {
    outline: 0.1875rem solid #fff;
    outline-offset: var(--defaultform-outline-offset);
}


@media screen and (max-width: 50.0rem) {

    .pageelement-text-accordion-main .top summary,
    .pageelement-text-accordion-main .text {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
}