section.m17_akkordeon .m17_akkordeon_item {
   position: relative;
}

section.m17_akkordeon .m17_akkordeon_item:not(:last-child) {
    margin-bottom: 25px;
}

section.m17_akkordeon .m17_akkordeon_item_head{
	display: flex;
    justify-content: space-between;
    align-items: center;
	cursor:pointer;
	padding: 15px 40px 13px;
	background-color: transparent;
    border-radius: 50px;
    border: 2px solid #ccd5d0;
	-webkit-transition: background-color .1s, border-radius .4s, border-color .4s;
    -moz-transition:    background-color .1s, border-radius .4s, border-color .4s;
    -ms-transition:     background-color .1s, border-radius .4s, border-color .4s;
    -o-transition:      background-color .1s, border-radius .4s, border-color .4s;
    transition:         background-color .1s, border-radius .4s, border-color .4s;
}

section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head{
	background-color: #025a2e;
    border: 2px solid #025a2e;
    border-radius: 28px 28px 0 0;
}

section.m17_akkordeon .m17_akkordeon_item_head p{
	margin:0;
	color:white;
}

section.m17_akkordeon .m17_akkordeon_item_content{
   position: absolute;
   display:none;
   overflow:hidden;
   width: calc(100% - (12.75px + 25px));
   border-radius: 0 0 28px 28px;
   padding: 0 40px;
   background: #025a2e;
   z-index: 5;
}

section.m17_akkordeon .m17_akkordeon_item:nth-child(odd) .m17_akkordeon_item_content {
   left: 12.75px;
}

section.m17_akkordeon .m17_akkordeon_item:nth-child(even) .m17_akkordeon_item_content {
   left: 25px;
}

section.m17_akkordeon .m17_akkordeon_item_content_main{
    position: relative;
	padding: 25px 0;
}

section.m17_akkordeon .m17_akkordeon_item_content_main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #357b58;
}

section.m17_akkordeon .m17_akkordeon_item_head_icon_container{
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    border-radius: 50%;
    background: transparent;
    margin-bottom: 2px;
    -webkit-transition: background .4s;
    -moz-transition:    background .4s;
    -ms-transition:     background .4s;
    -o-transition:      background .4s;
    transition: 		background .4s;
}

section.m17_akkordeon .m17_akkordeon_item_head_icon_container:hover,
section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head_icon_container {
    background: #ffee00;
}

section.m17_akkordeon .m17_akkordeon_item_head_icon_container:before,
section.m17_akkordeon .m17_akkordeon_item_head_icon_container:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #faf7f1;
    -webkit-transition: background .4s;
    -moz-transition:    background .4s;
    -ms-transition:     background .4s;
    -o-transition:      background .4s;
    transition:         background .4s;
    -webkit-transform: 	translate(-50%, -50%);
    -moz-transform: 	translate(-50%, -50%);
    -ms-transform: 		translate(-50%, -50%);
    -o-transform: 		translate(-50%, -50%);
    transform: 			translate(-50%, -50%);
}

section.m17_akkordeon .m17_akkordeon_item_head_icon_container:before {
    width: 10px;
    height: 2px;
    z-index: 1;
    -webkit-transition: width .4s;
    -moz-transition:    width .4s;
    -ms-transition:     width .4s;
    -o-transition:      width .4s;
    transition:         width .4s;
}

section.m17_akkordeon .m17_akkordeon_item_head_icon_container:after {
    width: 2px;
    height: 10px;
    z-index: 2;
    -webkit-transition: opacity .4s, background .4s;
    -moz-transition:    opacity .4s, background .4s;
    -ms-transition:     opacity .4s, background .4s;
    -o-transition:      opacity .4s, background .4s;
    transition:         opacity .4s, background .4s;
}

section.m17_akkordeon .m17_akkordeon_item_head_icon_container:hover:before,
section.m17_akkordeon .m17_akkordeon_item_head_icon_container:hover:after,
section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head_icon_container:before {
    background: #2c2c2c;
}

section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head_icon_container:before {
    width: 6px;
}

section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head_icon_container:after {
    opacity: 0;
}

section.m17_akkordeon .m17_titel_container h2 {
    color: #ffef00;
}

section.m17_akkordeon .m17_titel_text_container {
    margin-bottom: 45px;
}

section.m17_akkordeon .m17_akkordeon_item_head_beschriftung p {
    font-weight: 400;
    -webkit-transition: color .4s;
    -moz-transition:    color .4s;
    -ms-transition:     color .4s;
    -o-transition:      color .4s;
    transition:         color .4s;
}

section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head_beschriftung p {
    color: #ffef00;
}

section.m17_akkordeon .m17_akkordeon_item:nth-child(odd) {
    padding-right: 25px;
}

section.m17_akkordeon .m17_akkordeon_item:nth-child(even) {
    padding-left: 25px;
}

section.m17_akkordeon .m17_akkordeon_item_content_main a {
   color: #ffef00;
   -webkit-transition: color .4s;
    -moz-transition:    color .4s;
    -ms-transition:     color .4s;
    -o-transition:      color .4s;
    transition:         color .4s;
}

section.m17_akkordeon .m17_akkordeon_item_content_main a:hover {
   color: rgba(249, 249, 249, .5);
}

@media screen and (max-width: 1920px) {
    section.m17_akkordeon .m17_akkordeon_item_head {
        min-height: 85px;
        border-radius: 40px;
    }
    
    section.m17_akkordeon .m17_akkordeon_item.active .m17_akkordeon_item_head {
        border-radius: 40px 40px 0 0;
    }
    
    section.m17_akkordeon .m17_akkordeon_item_content {
        border-radius: 0 0 40px 40px;
    }
}

@media screen and (max-width: 1599px) {
   section.m17_akkordeon .m17_akkordeon_item:nth-child(odd) {
       padding-right: 12.75px;
   }
   
   section.m17_akkordeon .m17_akkordeon_item:nth-child(even) {
       padding-left: 12.75px;
   }
   
   section.m17_akkordeon .m17_akkordeon_item_head_beschriftung {
       padding-right: 40px;
   }
   
   section.m17_akkordeon .m17_akkordeon_item:nth-child(even) .m17_akkordeon_item_content {
      left: 12.75px;
   }
   
   section.m17_akkordeon .m17_akkordeon_item_content{
      width: calc(100% - (2*12.75px));
   }
}

@media screen and (max-width: 575px) {
    section.m17_akkordeon .m17_akkordeon_item_head {
        padding: 15px 25px 13px;
    }
    
    section.m17_akkordeon .m17_akkordeon_item_content {
        padding: 0 25px;
    }
}