/* bhAccordeonItem */

.bhAccordeonItem {
    --font-color-highlight: #C3AB82;
    --bg-color: #FFFFFF;
    --spacing--2xs: clamp(1rem, calc(0.38rem + 1.25vw), 1.50rem);
    --spacing--3xs: clamp(0.75rem, calc(0.20rem + 0.89vw), 1.00rem);
    --max-width--m: 960px;

    --default-max-width: var(--max-width--m);
}

.accordion {
    text-align: left;
    border-top: 1px solid color-mix(in srgb, var(--font-color-highlight), var(--bg-color) 60%);
    border-bottom: 1px solid color-mix(in srgb, var(--font-color-highlight), var(--bg-color) 60%);;
}

.accordion+.accordion,
.bhAccordeonItem.bh-margin-none+.bhAccordeonItem .accordion,
.bhAccordeonItem.bh-margin-none+.bhe-container-dropzone+.bhAccordeonItem .accordion {
    margin-top: -1px;
}

.accordion__toggler {
    cursor: pointer;
}

.accordion__toggler__inner {
    position: relative;
    padding: var(--spacing--3xs) 0;
    transition: padding 0.3s;
    color: var(--font-color-highlight);
    padding-right: calc(var(--spacing--3xs) + 30px);
}

.accordion__toggler__inner::before,
.accordion__toggler__inner::after {
    font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: var(--spacing--3xs);
    top: 50%;
    line-height: 1;
    transform: translateY(-50%);
    font-size: 20px;
    transition: opacity var(--emg-transition-time--m);
    color: var(--font-color-highlight);
}

.accordion__toggler__inner::before {
    content: "\e90f";
}

.accordion__toggler__inner::after {
    content: "\e910";
    opacity: 0
}

.bh-accordion-active .accordion__toggler__inner::before,
.custom-accordion-active .accordion__toggler__inner::before {
    opacity: 0;
}

.bh-accordion-active .accordion__toggler__inner::after,
.custom-accordion-active .accordion__toggler__inner::after {
    opacity: 1;
}

.accordion__body__inner {
    padding: var(--spacing--2xs) 0;
}

.accordion__toggler__text {
    color: var(--font-color-highlight);
    font-weight: 400;
}

.bh-accordion-toggler {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    width: 100%;
    text-align: start;

    font-size: 18px;
}

@media only screen and (max-width: 840px) {
    .bh-accordion-toggler-inner {
        padding: 15px 40px 15px 15px;
    }
    .bh-accordion-element-inner {
        padding: 0px 15px 20px;
    }
    .bh-accordion-toggler-inner::after {
        right: 4px;
    }

}