/* ------------------------------ */
/* ----- Accordion (General) ---- */
/* ------------------------------ */

.accordion__header {
    position: relative;
    cursor: pointer;
}
  
.accordion__header .row {
    margin: 0;
}
  
.accordion__content {
    overflow: hidden;
    display: none;
}
  
.accordion__inside .picture_container, .accordion__inside .video_container {
    margin: var(--spacing-5) 0;
}
  
.accordion__inside .picture_container:first-child, .accordion__inside .video_container:first-child {
    margin-top: 0;
}


/* Styling */
.accordions {
    border-bottom: 1px solid var(--color-grey);
}

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

.accordion_trigger h4 {
    font-weight: bold;
    -webkit-transition: opacity var(--transition-1);
    -o-transition: opacity var(--transition-1);
    transition: opacity var(--transition-1);
}

.accordion_trigger svg.icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);

    -webkit-transition: transform var(--transition-1), opacity var(--transition-1);
    -o-transition: transform var(--transition-1), opacity var(--transition-1);
    transition: transform var(--transition-1), opacity var(--transition-1);
}

.faq__content .accordion_trigger svg.icon {
    stroke: var(--color-black);
    stroke-width: 3px;
}

.no-touchevents .accordion:not(.accordion--active) .accordion_trigger:hover h2, .no-touchevents .accordion:not(.accordion--active) .accordion_trigger:hover h3, .no-touchevents .accordion:not(.accordion--active) .accordion_trigger:hover h4, .no-touchevents .accordion_trigger:hover svg.icon {
    opacity: var(--opacity-1);
}

.no-touchevents .accordion_trigger:hover svg.icon, .accordion--opening .accordion_trigger svg.icon, .accordion--active .accordion_trigger svg.icon {
    -webkit-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}

.accordion--active .accordion_trigger svg.icon, .no-touchevents .accordion--active .accordion_trigger:hover svg.icon {
    opacity: 0;
}

.accordion__content {
    padding: 0 35px var(--spacing-6) 0;
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 1240px) {

    .faq__content .accordion_trigger svg.icon {
        width: 15px;
        height: 15px;
        right: var(--spacing-2);
    }

}


@media all and (min-width: 992px) {

    .accordion_trigger {
        padding: 14px 35px 12px 0;
    }

    .accordion_trigger svg.icon {
        right: var(--spacing-4);
    }

}


@media all and (max-width: 1239.98px) {

    .faq__content .accordion_trigger svg.icon {
        right: var(--spacing-1);
    }

}


@media all and (max-width: 991.98px) {

    .accordion_trigger {
        padding: 12px 35px 10px 0;
    }

    .accordion_trigger svg.icon {
        right: 5px;
    }

}


@media all and (max-width: 767.98px) {

}


@media all and (max-width: 575.98px) { 



}