.startseite_acc ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    list-style: none;
  

    li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: #FFF;
        padding: 20px;
        margin: 0 auto 15px auto;
        border: 1px solid #eee;
        border-radius: 5px;
        cursor: pointer;

        &.active {
            h3 {
                &:after {
                    transform: rotate(45deg);
                }
            }
        }

        h3 {
            font-weight: 700;
            position: relative;
            display: flex;
            width: 50%;
            height: auto;
            padding: 0 0 0 0;
            margin: 0;
            font-size: 15px;
            letter-spacing: 0.01em;
            cursor: pointer;

     
        }

            div.answer {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            cursor: pointer;

            p {
                position: relative;
                display: block;
                font-weight: 300;
                padding: 10px 0 0 0;
                cursor: pointer;
                line-height: 150%;
                margin: 0 0 15px 0;
                font-size: 14px;
            }
        }
    }
}

.startseite_acc ul.accordion-list li {
    border-top: 1px solid #393939;
    padding: 1em 0.5em;
    cursor: pointer;
}
.startseite_acc ul.accordion-list li:last-child {
        border-bottom: 1px solid #393939;
}


.startseite_acc ul.accordion-list li span.indicator::before {
        content: '';
        background: url("../Images/noun-plus-101359.svg") 0 0 no-repeat;
        width: 42px;
        height: 42px;
        background-size: 100%;
        display: block;
}

.startseite_acc ul.accordion-list li span.indicator::before {
        content:'';
        width: 42px;
        height: 42px;
        background-size: 100%;
        display: block;
}

.startseite_acc ul.accordion-list li.active span.indicator::before {
    content:'';
    background: url('../Images/noun-minus-101365.svg') 0 0 no-repeat;
    width:42px;
    height:42px;
    background-size: 100%;
    display: block;
}





/* Alternate */





.alternate_acc ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    list-style: none;
}
.alternate_acc ul.accordion-list li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
 
       
       
 
        cursor: pointer;
}

 .alternate_acc ul.accordion-list  h3 {
            font-weight: 500;
            position: relative;
            display: block;
             height: auto;
            padding: 0 0 0 0;
            margin: 0;
            
          
            cursor: pointer;
            transition: ease-in-out 0.2s;
 }



 .alternate_acc ul.accordion-list h3 span {
    display:flex;
 }



 .alternate_acc ul.accordion-list h3:hover {
 
    color: #e7007f;
 }

 .alternate_acc ul.accordion-list h3:before {
    content: '';
    background: url(../Images/noun-plus-101359.svg) 0 0px no-repeat;
    width: 30px;
    height: 29px;
    display: inline-block;
    background-size: 28px;
 
    position: relative;
    float: left;
    margin-right: 0.5em;
 }


  .alternate_acc ul.accordion-list h3:hover:before {
   
        content: '';
        background: url(../Images/noun-plus-101359-E7007F.svg) 0 0px no-repeat;
        width: 30px;
        height: 29px;
        display: inline-block;
        background-size: 28px;
        position: relative;
        float: left;
        margin-right: 0.5em;
        transition: ease-in-out 0.2s;
        }



 .alternate_acc  ul.accordion-list .active h3:before {
     content: '';
     background: url(../Images/noun-minus-101365.svg) 0 0px no-repeat;
     width: 30px;
     height: 29px;
     display: inline-block;
     background-size: 28px;
 
     position: relative;
     float: left;
     margin-right: 0.5em;
     
 }
.alternate_acc ul.accordion-list .active h3:hover:before {
    content: '';
    background: url(../Images/noun-minus-101365-E7007F.svg) 0 0px no-repeat;
    width: 30px;
    height: 29px;
    display: inline-block;
    background-size: 28px;

    position: relative;
    float: left;
    margin-right: 0.5em;
    transition: ease-in-out 0.2s;
}

.alternate_acc ul.accordion-list div.answer {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            cursor: pointer;
}

.alternate_acc ul.accordion-list p {
                position: relative;
                display: block;
                font-weight: 300;
                padding: 10px 0 0 0;
                cursor: pointer;
          
                margin: 0 0 0 0;
                
     }

.alternate_acc ul.accordion-list li {
    border-top: 1px solid #393939;
    padding: 1em 0.5em;
    cursor: pointer;
}

.alternate_acc ul.accordion-list li:last-child {
    border-bottom: 1px solid #393939;
}