.accordion{
    margin-bottom:3px;
}
.accordion article.text .headline{
    border:2px solid rgba(77,77,77,.5)!important;
    background-color: #EDEDED;
    padding-left:50px;
    cursor:pointer;
    position:relative;
    color:white;
    display:inline-block;
    font-weight:100;
    font-size:2em;
    width:100%;
}
.accordion article.text .headline .h{
    display:inline-block;
    font-weight:400;
    font-size:1em;
}
.accordion article.text .inhalt{
    border:2px solid rgba(77,77,77,.5) ;
    border-top:0px;
    padding:20px;
    display:none;
}
body.inhalte_bearbeiten .accordion article.text .inhalt,
.accordion.accordion_open article.text .inhalt{
    display:block;
}
.clicker{
    display:block;
    position:absolute;
    left:2px;
    top:2px;
    bottom:2px;
    background-color:white;
    color: rgba(35,110,175,0);
    width:40px;
}
.clicker span{
    position: relative;
    display: block;
    width: 70%;
    height: 4px;
    background-color: rgba(35,110,175,1);
    margin: 17px auto 0;
}
.clicker span:after{
    width: 100%;
    height: 4px;
    background-color: rgba(35,110,175,1);
    display: block;
    position: absolute;
    left: 0;
    rotation-point: center;
    transform: rotate(90deg);
    content: ' ';
    transition: transform 1s;
}
.accordion .active .clicker span:after,
.accordion.active .clicker span:after{
    transform: rotate(180deg);
}