/*
CMSGO Modul Accordion 
2023-12-19 CMSGO Sebastian Heimpel
I.V.m. accordion.js, accordion.demo.html snippet
/alexandria/accounts/3mdls/accordion/accordion.css 
*/

/* accordion */

.accordion { margin-bottom:0px; width:100%; }
.accordion > div {  margin-bottom: 10px; max-width: 100%; }
.accordion h2 { font-weight:400; cursor:pointer; padding:10px; width:100%; text-align:right; border-bottom:0px solid #EBEBEB; background-color:#EBEBEB }
.accordion h2:hover { background-color:#ccc; }
.accordion .image { float: right; margin:0 0 30px 70px; height:auto; max-width:100%; }

h2.H {  margin-bottom:0px; }

h2 .arrow { 
    display:inline-block;
    width:18px; 
    height:18px; 
    background-image:url('fa-black-up.png');
    background-size:cover;
    background-position:center bottom;
    opacity:.6 
}

h2 .arrow.active {
    background-image:url('fa-black-down.png');
} 

.item {
    margin:0;
    height: 0px;
    overflow:hidden;
    opacity: 0;
    transition: all 500ms ease;
}

.item.active { 
    margin:20px 0 30px 0;
    height:auto; 
    opacity:1;
    transform: translate(all); 
}