/* ------------------
  Akkordeon / Accordion 2023
*/
/* .accordion-title.open => accordion--active  */


:root {
    --acc-hover-color: rgba(0, 0, 0, 0.5);
    --acc-border-color: #979797;
}


/* functionality */
/* div.accordion__content.show {
height: auto !important;
} */

div.custom_accordion_item:hover {
    cursor: pointer;
}

/* new */
div.not-click-to-close:hover {
    cursor: auto;
}

/* header */
.custom_accordion_item h3 {
    margin: 0;
    padding-top: 0.6em;
    padding-bottom: 0.7em;
}

.wpb_accordion_column.accordion_complex .custom_accordion_item h3 {
    padding-top: 0;
}

.custom_accordion_item.accordion--active .accordion-title-icon.icon--position-left::before,
div.custom_accordion_item:hover .accordion-title-icon.icon--position-left::before,
.custom_accordion_item h3.accordion-title {
    transition: 400ms linear all;
}

.custom_accordion_item h3.accordion-title {
    padding: 1rem 0;
}

/* hover item title */
/* .custom_accordion_item.accordion--active h3.accordion-title, */
div.custom_accordion_item:hover h3.accordion-title {
    color: var(--acc-hover-color);
}

/* .custom_accordion_item.accordion--active .accordion-title-icon.icon--position-left::before, */
div.custom_accordion_item:hover .accordion-title-icon.icon--position-left::before {
    opacity: 0.5;
}


.accordion--active .accordion-title::after {
    background: transparent;
}

/* Icon open / closed */

.accordion-title-icon::before {
    content: "";
    /* background-image: url("/wp-content/themes/SCHMUCKI_child/img/accordion_arrow.svg"); */
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6633 12.9634L2.66334 0.463353C2.06334 -0.136647 1.16333 -0.136646 0.563332 0.363354C-0.0366677 0.863354 -0.0366433 1.86335 0.463357 2.46335L10.0633 12.4634L11.3634 13.9634L0.363351 25.4634C-0.136649 26.0634 -0.136643 26.9634 0.463357 27.5634C1.06336 28.1634 2.06333 28.0634 2.56333 27.4634L14.5633 14.9634C14.9633 14.6634 14.9634 14.2634 14.9634 13.9634C15.0634 13.6634 14.8633 13.1634 14.6633 12.9634Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 35px;
    height: 12px;
    transition: transform 0.3s;
    opacity: 1;
    display: block;
}

.accordion-title-icon.icon--position-left::before {
    position: absolute;
    /* top: 7px; */
    top: 0.7em;
    left: 18px;
    width: 15px;
    height: 29px;
}


.accordion-title-icon.icon--position-right::before {
    position: absolute;
    right: 30px;
    top: 30px;
}

.custom_accordion_item.accordion--active .accordion-title-icon::before,
div.custom_accordion_item:hover .accordion-title-icon::before {
    /* background-image: url("/wp-content/themes/SCHMUCKI_child/img/accordion_arrow-hover.svg"); */
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6633 12.9634L2.66334 0.463353C2.06334 -0.136647 1.16333 -0.136646 0.563332 0.363354C-0.0366677 0.863354 -0.0366433 1.86335 0.463357 2.46335L10.0633 12.4634L11.3634 13.9634L0.363351 25.4634C-0.136649 26.0634 -0.136643 26.9634 0.463357 27.5634C1.06336 28.1634 2.06333 28.0634 2.56333 27.4634L14.5633 14.9634C14.9633 14.6634 14.9634 14.2634 14.9634 13.9634C15.0634 13.6634 14.8633 13.1634 14.6633 12.9634Z' fill='black'/%3E%3C/svg%3E%0A");
}

.wpb_accordion_column.accordion_complex .custom_accordion_item.accordion--active .accordion-title h3,
.wpb_accordion_column.accordion_complex .custom_accordion_item.accordion--active .accordion-title p {
    color: var(--acc-hover-color);
}

.custom_accordion_item.accordion--active div.accordion_trigger.js-accordion_trigger:not(.collapsed) .accordion-title-icon::before {
    transform: rotate(90deg);
}

.no-touchevents .custom_accordion_item.accordion--active:hover div.accordion_trigger.js-accordion_trigger:not(.collapsed) .accordion-title-icon::before {
    transform: rotate(75deg);
}

.wpb_accordion_column.accordion_simple .accordion-title>div {
    /* leave room for icon + 50px*/
    padding-right: 65px;
    padding-left: 60px;
}


.custom_accordion_item.accordion--active .accordion-title>div::before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}


/* Borders */

.custom_accordion_item {
    border-bottom: none;
}

.custom_accordion_item:last-child {
    border-bottom: 1px solid var(--acc-border-color);
}

.accordion-title {
    border-top: 1px solid var(--acc-border-color);
}

.wpb_accordion_column.accordion_complex .accordion-title {
    padding: 2.5em 15px;
}

.accordion--active .accordion-title {
    border-top: 1px solid var(--acc-hover-color);
}

.accordion-title,
.custom_accordion_item {
    transition: none;
}

.custom_accordion_item:not(:last-child, .accordion--active) {
    border-bottom: none;
}

.custom_accordion_item.accordion--active,
.custom_accordion_item.accordion--active .accordion-title {
    border-color: var(--acc-hover-color);
}

/* .custom_accordion_item.accordion--active:last-child .accordion-title */
.custom_accordion_item.accordion--active:last-child {
    border-bottom-color: var(--acc-border-color);
}

/* new */
.wpb_accordion_column .wpb_accordion_column {
    padding-bottom: 0;
}
/* content */

.accordion__content {
    display: none;
}

.accordion_complex .accordion__content {
    margin-top: 0.7em;
}


/* responsive */

@media (min-width: 1530px) {

    .accordion-title-icon.icon--position-right::before {
        /* max width position to right */
        width: 1200px;
        background-position: right;
        left: 0;
        right: 30px;
        margin-left: auto;
        margin-right: auto;
        transition: none;
    }


    .custom_accordion_item.accordion--active div.accordion_trigger.js-accordion_trigger:not(.collapsed) .accordion-title-icon.icon--position-right::before {
        /* transform: rotate(180deg); */
        background-position: left;
    }

}

@media (min-width: 1125px) {
    .accordion__element {
        max-width: 70%;
        /* min-width: 800px */
        min-width: clamp(100%, 800px, 100%);
    }

    .accordion__element>.accordion__element {
        max-width: 100%;
    }
}


@media (max-width: 767px) {

    .wpb_accordion_column .custom_accordion_item .accordion__content .inside,
    .wpb_accordion_column .custom_accordion_item .accordion__content .wpb_text_column {
        padding-left: 0;
        padding-right: 0;
    }

    .accordion__content .inside {
        margin-bottom: 0;
    }

    .custom_accordion_item.accordion--active .accordion-title {
        padding-bottom: 0.5em;
    }

    .accordion-title-icon::after,
    .accordion-title-icon::before {
        /* top: 13px; */
        width: 25px;
        height: 11px;
    }

    .accordion-title-icon.icon--position-right::before {
        right: 20px;
        top: 25px;
    }

}