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

.accordions {
    max-width: 1000px;
    border-top: 2px solid var(--sentience-anthrazit-light);
}

.section--mintgreen .accordions {
    border-color: var(--color-white-transparent);
}

.accordion {
    position: relative;
    border-bottom: 2px solid var(--sentience-anthrazit-light);
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.section--mintgreen .accordion {
    border-color: var(--color-white-transparent);
}

.accordion.accordion--active {
    background-color: var(--sentience-anthrazit-lighter);
}

.section--mintgreen .accordion.accordion--active {
    background-color: rgba(255,255,255,.1);
}

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



/* ------------------------------ */
/* ------ Simple Accordion ------ */
/* ------------------------------ */

.accordion_trigger {
    position: relative;
}

.accordions:not(.accordions--big-typo) .accordion_trigger {
    padding: 15px var(--spacing-7) 13px var(--spacing-3);
}

.accordions.accordions--big-typo .accordion_trigger {
    padding: 25px var(--spacing-7) 23px var(--spacing-3);
}

.accordion_trigger h3, .accordion_trigger h3 + span {
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.accordion_trigger h3 {
    margin-bottom: 0;
}

.accordions:not(.accordions--big-typo) h3 {
    font-size: var(--font-size-3);
    line-height: 1.5;
}

.accordions.accordions--big-typo h3 {
    font-size: var(--font-size-7);
    line-height: var(--line-height-2);
}

.no-touchevents .accordion_trigger:hover h3, .no-touchevents .accordion_trigger:hover h3 + span {
    opacity: var(--opacity-2);
}

.accordion_trigger h3 + span {
    display: block;
    margin-top: -2px;
}

.accordion_trigger.iconset--arrow-small::after {
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.no-touchevents .accordion:hover .accordion_trigger.iconset--arrow-small::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}

.accordion.accordion--active .accordion_trigger.iconset--arrow-small::after {
    opacity: 0;
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
}



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


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

    .accordion_trigger {
        padding: 10px var(--spacing-7) 10px 10px;
    }

    .accordion_trigger h3 {
        font-size: var(--font-size-2);
    }

    .accordion_trigger h3 + span {
        font-size: 17px;
        line-height: var(--line-height-2);
        display: block;
    }

    .accordion__content {
        padding-right: 10px;
        padding-left: 10px;
    }

}


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

    .accordion_trigger {
        padding-right: 25px;
    }

    .accordion_trigger h3 {
        word-break: break-word;
    }

    .accordion_trigger.iconset--arrow-small::after {
        right: 6px;
    }

}