.accordion.content_row .content_container{
    display:none;
}
.accordion.content_row .content_container.w_100:first-of-type{
    display:block;
}
.content_container:not(.headlinecontainer){
    transition: opacity .4s;
}
.accordion.content_row .content_container.w_100:first-of-type .headline{
    border:1px solid #28a144;
    padding:0px;
    margin:0px;
    cursor:pointer;
}
.accordion.content_row .content_container.w_100:first-of-type .headline .h{
    margin:0px;
    display:inline-block;
    font-size:1.5em;
    padding-top:10px;
    padding-bottom:10px;
}
.accordion.content_row .content_container.w_100:first-of-type .headline{
    position:relative;
    padding-left:100px;
}
.accordion.content_row .content_container.w_100:first-of-type .headline .clicker{
    background-color: #28a144;
    color:white;
    font-size:3.5em;
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    width:80px;
}
.accordion.content_row .content_container.w_100:first-of-type .headline .clicker span{
    position: relative;
    display: block;
    width: 40%;
    height: 3px;
    background-color: #ffffff;
    margin: 23px auto 0;
}
.accordion.content_row .content_container.w_100:first-of-type .headline .clicker span:after{
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    left:0;
    rotation-point: center;
    transform: rotate(90deg);
    content: ' ';
    transition: transform 1s;
}
.accordion.content_row .content_container.w_100:first-of-type .headline .clicker.open span:after{
    transform: rotate(180deg);
}
.accordion .content_container.w_100:not(.headlinecontainer):last-of-type{
    margin-top:40px;
}

@media screen and (max-width:820px){
    .accordion.content_row .content_container.w_100:first-of-type .headline .h{
        font-size:2.5em;
    }
}
@media screen and (max-width:578px){
    .accordion.content_row .content_container.w_100:first-of-type .headline .h{
        font-size:1.5em;
    }
}