
.accordion article.text .headline{
    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;
    vertical-align: middle;
    font-size: var(--main_text_font_size);
    line-height: var(--main_text_line_height);
    padding-bottom:5px;
}
.accordion article.text .inhalt{
    border-top:0px;
    padding:20px;
    display:none;
}
.accordion article.text .inhalt *{
    margin-bottom:0px;
}
body.inhalte_bearbeiten .accordion article.text .inhalt,
.accordion.accordion_open article.text .inhalt{
    display:block;
}
.clicker{
    display:inline-block;
    vertical-align: middle;
    /*position:absolute;*/
    /*left:2px;*/
    /*top:2px;*/
    /*bottom:2px;*/
    background-color:white;
    color: rgba(35,110,175,0);
    width:40px;
    height:40px;
    padding-left:5px;
    padding-right:5px;
}
.clicker span{
    position: relative;
    display: block;
    width: 70%;
    height: 4px;
    background-color: var(--primaryColor);
    margin: 17px auto 0;
}
.clicker span:after{
    width: 100%;
    height: 4px;
    background-color: var(--primaryColor);
    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);
}

/* Rahmen */
.accordion.rahmen_links_rechts{
    border-left:10px solid var(--acc_color1);
    border-right:10px solid var(--acc_color1);
}
.accordion.rahmen_links_rechts article.text .headline{
    border-top:1px solid var(--acc_color2);
}
.accordion.rahmen_top{
    border-top:10px solid var(--acc_color1);
}
.accordion.rahmen_top article.text .headline{
    border-top:0px;
}
.accordion.rahmen_bottom{
    border-bottom:10px solid var(--acc_color1);
}
.accordion.rahmen_bottom article.text .inhalt {
    border-top:0px;
}

