@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;
}