.is-style-accordion {
    --content-height: 0px; /* Initialwert, wird dynamisch via JS gesetzt */
    position: relative;
    overflow: hidden; /* Inhalte abschneiden */
    /* transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; */
    border-radius: var(--wp--custom--border-radius--big);
    width: 100%;
}

.is-style-accordion > div {
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    max-height: 0;
    opacity: 0;
}

details[open].is-style-accordion > div {
    max-height: var(--content-height);
    opacity: 1;
    padding-top: 1.5rem;
}

.is-style-accordion summary::after {
    content: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="28" cy="28" r="28" fill="%23FAB31E"/><path d="M13 28.1667H28.1667M28.1667 28.1667H43.3333M28.1667 28.1667V13M28.1667 28.1667V43.3333" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    margin-left: auto;
    display: flex;
    transition: transform 0.5s ease;
}

details:not([open]).is-style-accordion summary::after {
    transform: rotate(0deg);
}

details[open].is-style-accordion summary::after {
    transform: rotate(180deg);
}

.is-style-accordion > summary {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
    transition: all 600ms ease-out;
}

.is-style-accordion > summary::-webkit-details-marker {
    display: none;
}

details[open].is-style-accordion p {
    /* opacity: 1; */
    /* max-height: 200px;  */
    line-height: 1.4em;
}

.is-style-accordion .wp-block-columns {
    margin: 0;
}

.is-style-accordion:hover summary {
    font-size: 2.05rem;
    transition: all 600ms ease-out;
}

.interface-interface-skeleton__html-container .is-style-accordion {
    --content-height: unset;
}