/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 02.11.2018, 13:58:34
    Author     : Herz
*/

.accordion {
    width:100%;
    box-sizing: border-box;
}
.accordion .headline{
    background-color:#7ca8ca;
    cursor:pointer;
}
.accordion article.text{
    margin-bottom:10px;

}
.accordion .headline h1,
.accordion .headline h2,
.accordion .headline h3,
.accordion .headline h4{
    margin-bottom:0px;
    padding:5px;

    display:inline-block;
    color:white;
    font-weight:bold;
}
.accordion .headline h1:before,
.accordion .headline h2:before,
.accordion .headline h3:before,
.accordion .headline h4:before{
    margin-bottom:0px;
    padding:5px;
    display:inline-block;
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color:white;
    padding-right:15px;
}
.accordion .headline.minus h1:before,
.accordion .headline.minus h2:before,
.accordion .headline.minus h3:before,
.accordion .headline.minus h4:before{
    content: "\f068";
}
.accordion .text_content{
    display:none;
    padding-top:5px;
}
.accordion .text_content.active{
    display:block;
    padding-right:110px;
}
@media screen and (max-width:1024px){
    .accordion .text_content.active {
        padding-right: 0px;
    }
}