section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head{
display: flex;
justify-content: space-between;
align-items: center;
cursor:pointer;
padding: 33px 26px;
background-color: #131313;
border: 1px solid rgba(255,255,255,.15);
-webkit-transition: background-color 0.5s, border-color .5s;
-moz-transition:    background-color 0.5s, border-color .5s;
-ms-transition:     background-color 0.5s, border-color .5s;
-o-transition:      background-color 0.5s, border-color .5s;
transition:         background-color 0.5s, border-color .5s;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item.active .m17_akkordeon_item_head{
background-color: #131313;
height: auto;
border-bottom-color: transparent;
-webkit-transition: background-color 0.5s;
-moz-transition:    background-color 0.5s;
-ms-transition:     background-color 0.5s;
-o-transition:      background-color 0.5s;
transition:         background-color 0.5s;   
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head p:not(.m17_akkordeon_zitat){
margin:0;
margin-bottom: 20px;
color:white;
font-size: 1.375rem;
font-family: "obviously", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
margin-top: -10px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content{
display:none;
overflow:hidden;
border: 1px solid rgba(255,255,255,.15);
border-top: none;
position: relative;
background: linear-gradient(to top left, rgba(204,204,204,.1), rgba(204,204,204,.1) 10%, rgba(204,204,204,.05) 25%, #131313);
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content:before {
content:'';
position: absolute;
width: calc(100% - 56px);
height: 1px;
left: 28px;
top: 0;
background: rgba(255,255,255,.15);
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content_main{
padding:20px 0;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head_icon_container {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
border: 1px solid rgba(255,255,255,.5);
border-radius: 50%;
-webkit-transition: background .4s, border-color .4s;
-moz-transition: background .4s, border-color .4s;
-ms-transition: background .4s, border-color .4s;
-o-transition: background .4s, border-color .4s;
transition: background .4s, border-color .4s;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item.active .m17_akkordeon_item_head_icon_container {
background: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.15);
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head_icon{
width:9px;
height: 11px;
fill: #fff;
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-webkit-transition: transform 0.5s;
-moz-transition:    transform 0.5s;
-ms-transition:     transform 0.5s;
-o-transition:      transform 0.5s;
transition:         transform 0.5s;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item.active .m17_akkordeon_item_head_icon{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-webkit-transition: transform 0.5s;
-moz-transition:    transform 0.5s;
-ms-transition:     transform 0.5s;
-o-transition:      transform 0.5s;
transition:         transform 0.5s;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m1_titel_container {
margin-bottom: 60px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item {
flex: 0 0 auto;
max-width: calc(50% - 16px);
width: 100%;
margin-bottom: 20px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content_main {
padding: 32px 28px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0 32px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content_main blockquote,
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head .m17_akkordeon_zitat {
position: relative;
padding-left: 18px;
margin-bottom: 27px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head .m17_akkordeon_zitat {
margin-bottom: 0;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content_main blockquote:before,
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head .m17_akkordeon_zitat:before {
content: '';
position: absolute;
left: -1px;
top: 6px;
width: 2px;
height: 78%;
background: #017fc4;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head_beschriftung {
width: calc(100% - 48px);
padding-right: 20px;
}
@media screen and (max-width: 991px) {
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item {
max-width: 100%;
}
}
@media screen and (max-width: 400px) {
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head_beschriftung {
width: calc(100% - 38px);
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head_icon_container {
width: 38px;
height: 38px;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head p {
font-size: 1.175rem;
}
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_head,
section.m17_akkordeon:not(.m31_accordeon_horizontal_mobile) .m17_akkordeon_item_content_main {
padding: 25px 18px;
}
}