@charset "utf-8";

@keyframes rotateclose {
from {transform: rotate(0deg);}
to {transform: rotate(-45deg);}
}
.faq-box .text-content .text{
display: none;
}
.faq-box .box-more-text .line-1{
display: block;
width: 2px;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #278B8E;
}
.faq-box .number{
font-family: Roboto;
font-weight: normal;
color: #278B8E;
}
.faq-box .width50{
width: 50%;
}
.faq-box  .number{
position: absolute;
left: 0px;
top: -2px;
font-size: 23px;
border-right: 1px solid #278B8E;
padding-right: 8px;
}
.faq-box .box-more-text .line-2{
display: block;
height: 2px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #278B8E;
}
.faq-box .spalten-titel{
position: relative;
cursor: pointer;
padding-right: 35px;
}
.faq-box.imageleft .spalten-titel {
display: flex;
}
.faq-box.imageleft .spalten-titel span.title-inner{
display: inline-block;
padding-left: 20px;
}
.faq-box.imageleft .spaltenbild{
margin-left: inherit !important;
margin-right: inherit  !important;
}
.faq-box.nummerierung .spalten-titel {
padding-left: 45px;
}
.faq-box .box-more-text{
width: 20px;
height: 20px;
position: absolute;
display: block;
right: 0px;
top: 0px;
}
.faq-box .item.active .box-more-text{
animation-name: rotateclose;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
.faq-box .item{
transition: all 0.3s;
}