section.m31_accordeon_horizontal .m31_accordeon_horizontal_item_head{
display: flex;
justify-content: space-between;
cursor:pointer;
padding:30px 41px;
background-color:#14191c;
-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;
border-right:1px solid #272a2c;
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item.last .m31_accordeon_horizontal_item_head{
border-right:0;
}
.m31_accordeon_horizontal_item{
background-color:#121212;
-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; 
}
.m31_accordeon_horizontal_item.active{
background-color:#1f1f1f;
}
.m31_titel_container{
margin-bottom: 60px;
}
.m31_accordeon_horizontal_item_content_main_title,
.m31_titel_container .m1_titel{
margin-bottom: 0;
}
.m31_accordeon_horizontal_item_content_main_title{
margin-bottom:29px;
color: #ededed;
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item.active .m31_accordeon_horizontal_item_head,
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item:hover .m31_accordeon_horizontal_item_head{
background-color:#1f1f1f;
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item_head p{
margin:0;
color:#cbcccc;
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item_content{
overflow:hidden;
height:100%;
display: flex;
align-items: end;
writing-mode: horizontal-tb;
transform: rotate(0);
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item_content_main{
padding: 26px 65px;
opacity:0;
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item_head_icon{
width:20px;
fill: #cbcccc;
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.m31_accordeon_horizontal .m31_accordeon_horizontal_item.active .m31_accordeon_horizontal_item_head_icon{
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-webkit-transition: transform 0.5s;
-moz-transition:    transform 0.5s;
-ms-transition:     transform 0.5s;
-o-transition:      transform 0.5s;
transition:         transform 0.5s;
}
.m31_accordeon_horizontal_items{
display:flex;
justify-content: end;
overflow: hidden;
}
.m31_accordeon_horizontal_item_head_beschriftung{
writing-mode: vertical-lr;
transform: rotate(-180deg);
opacity: .6;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item.active .m31_accordeon_horizontal_item_head_beschriftung,
section.m31_accordeon_horizontal .m31_accordeon_horizontal_item:hover .m31_accordeon_horizontal_item_head_beschriftung {
opacity: 1;
}
.m31_accordeon_horizontal_item[data-identifier="content"]{
width:0;
}
.m31_accordeon_horizontal_item_head_beschriftung_main{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.m31_accordeon_horizontal_item_head_icon_container *{
color:#cbcccc;
}
.m31_accordeon_horizontal{
display:block;
}
.m31_accordeon_horizontal_mobile{
display:none;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item_head p {
color: #cbcccc;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item_head {
background-color: #13181b;
display: flex;
justify-content: space-between;
align-items: center;
cursor:pointer;
padding: 33px 26px;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item.active .m17_akkordeon_item_head {
background-color: #1b1e20;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item:not(:last-child) {
margin-bottom: 20px;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item_content_main {
padding: 20px;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item_content {
display: none;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.m31_accordeon_horizontal_mobile {
display:block;
}
.m31_accordeon_horizontal{
display:none;
}
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m1_titel_container {
margin-bottom: 30px;
}
}
@media screen and (max-width: 350px) {
section.m17_akkordeon.m31_accordeon_horizontal_mobile .m17_akkordeon_item_head p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}