.accordion{
    margin-bottom:12px;
}
.accordion article.text .headline{
    border:1px solid rgba(138,138,116,.35);
    background-color: var(--white);
    padding:18px 28px 18px 66px;
    cursor:pointer;
    position:relative;
    color: var(--primaryTextColor);
    display:flex;
    align-items:center;
    min-height:64px;
    font-weight:400;
    font-size:1.5em;
    width:100%;
    border-radius:6px;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.accordion article.text .headline:hover{
    background-color: var(--BG_2_transparent);
    border-color: var(--primaryTextColor);
    box-shadow: 0 8px 20px rgba(48,38,42,.07);
}
.accordion.active article.text .headline{
    background-color: var(--BG_2);
    border-color: var(--primaryTextColor);
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.accordion article.text .headline .h{
    display:inline-block;
    margin:0;
    padding:0;
    font-weight:400;
    font-size:1em;
    line-height:1.3;
    color:inherit;
}
.accordion article.text .inhalt{
    border:1px solid rgba(138,138,116,.35);
    border-top:0px;
    padding:24px 28px;
    display:none;
    background-color: var(--white);
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    color: var(--secondaryTextColor);
}
body.inhalte_bearbeiten .accordion article.text .inhalt,
.accordion.accordion_open article.text .inhalt{
    display:block;
}
.clicker{
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:52px;
    color: rgba(138,138,116,0);
}
.clicker span{
    position: absolute;
    display: block;
    width: 18px;
    height: 3px;
    background-color: var(--primaryTextColor);
    left:50%;
    top:50%;
    margin-left:-9px;
    margin-top:-1.5px;
    border-radius:2px;
}
.clicker span:after{
    width: 100%;
    height: 3px;
    background-color: var(--primaryTextColor);
    display: block;
    position: absolute;
    left: 0;
    top:0;
    border-radius:2px;
    transform: rotate(90deg);
    content: ' ';
    transition: transform .4s ease;
}
.accordion .active .clicker span:after,
.accordion.active .clicker span:after{
    transform: rotate(180deg);
}