/* Ausklappbare FAQ Elemente (Luis Lohse) */

.RCE_faq_container {
	display: flex;
	flex-flow: column nowrap;

	border: 1px solid #999;
	border-top: none;
	border-bottom: none;

	margin-top: 1rem;
}

.RCE_faq_question {
	width: 100%;
	background-color: #EFEFEF;

	color: black;

	display: flex;
	flex-flow: row nowrap;

	cursor: pointer;
}

.RCE_faq_question_field {
	width: 90%;
}

.RCE_faq_icon {
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.RCE_faq_icon div {
	height: 18px;
	width: 18px;


	border-bottom: 1px solid black;
	border-right: 1px solid black;

	transform: rotateX(0deg) rotateZ(45deg) translateY(-5px);

	transition-duration: .5s;
}

.RCE_faq_question_field span {
	padding: 1rem;
	display: inline-block;
}

.RCE_faq_answer {
	width: 100%;
	max-height: 0px;
	background-color: #fff;
	overflow: hidden;
	color: #1e8c00;

	transition-duration: .5s;
}

.RCE_faq_answer p {
	padding: 1rem;
}

/* MEDIA QUERY für FAQ Element */

@media only screen and (max-width: 700px) {
	.RCE_faq_question_field {
		width: 80%;
	}

	.RCE_faq_icon {
		width: 20%;
	}
}