@charset "UTF-8";
/* CSS Document */

.modul-multi-content{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.modul-multi-content .MultiGrid{
	position: relative;
	width: 100%;
	height:auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: transparent;
	display: grid;
	grid-template-columns: 50% auto;
	grid-template-rows: auto;
}


.modul-multi-content .MultiGridElm{
	position: relative;
	width: 100%;
	height: auto;
	/*width: calc((100% - (1.5625vw * 2)) / 3);
	height: 30vw;*/
	margin: 0;
	padding: 0px;
	/*margin-left: 1.5625vw;*/
	background-color: transparent;

}


.modul-multi-content .ModulVideo{
	position: relative;
	width: 100%;
	/* height:calc((100vw / 16) * 9); */
	/*width: calc((100% - (1.5625vw * 2)) / 3);
	height: 30vw;*/
	margin: 0;
	padding: 0px;
	/*margin-left: 1.5625vw;*/
	background-color: transparent;;
	overflow: hidden;

}
/*
.faq-answer {
  display: none;
}

.faq-question {
  cursor: pointer;
}

.faq-question::after {
  content: '+';
  float: right;
}

.faq-question.active::after {
  content: '-';
}
*/

.faq-question {
	position: relative;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.question {
	position: relative;
	margin: 0;
	padding: 0;
	
	padding-top:calc(var(--pad-desk) * 0.5vw);
	padding-bottom:calc(var(--pad-desk) * 0.5vw);
	
	width: 100%;
	height: auto;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
  	justify-content:space-between;
	align-content: center;
	align-items: center;
	gap:calc(var(--pad-desk) * 1vw);
}

.PadBox {
}

.question .BlockBtnIcon{
	transform: rotate(90deg);
}
.question .BlockBtnIcon .BtnIconGrid{
	height: 2.34375vw;
	width: 2.34375vw;
}
.faq-question.active  .BlockBtnIcon{
	transform: rotate(-90deg);
}
.faq-question.active .question{
}


.faq-answer {
  position: relative;
  max-height: 0; /* Startzustand */
  overflow: hidden; /* Versteckt den Inhalt */
  transition: max-height 0.3s ease; /* Sanfte Animation */
}
.answer{
	 position: relative;
}
.faq-answer.active {
  max-height: 4000px; /* Setzen Sie hier eine ausreichend große Maximalhöhe */
}






.modul-multi-content .ContentSlider{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: transparent;
	
	object-fit: cover;
}


.modul-multi-content .ContentSlide{
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px;
	background-color: transparent;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.modul-multi-content .ElmPos{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	align-content: center;

}


.MultiBtn{
	position: relative;
	width:auto;
	height:auto;
	margin: 0;
	padding: 1.235vw;
	display:flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 1.5625vw;
	cursor: pointer;
	overflow: hidden;
	
	border-radius: 0px;
	border: none;
	outline-style: none;
  	box-shadow: none;
  	text-decoration: none;
	background: transparent;
	
	transition:all .6s ease-in-out;
	transform: rotateX(0deg);
} 

.MultiBtn:hover{
	transform: rotateX(0deg);
	border-radius: 90px;
} 

/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {
.modul-multi-content .MultiGrid{
	grid-template-columns:100% !important;
}
.MultiBtn {
	padding: 3.125vw;
	gap: 3.125vw;
} 
	
.question .BlockBtnIcon .BtnIconGrid{
	height: 4.6875vw;
	width: 4.6875vw;
}
	
	
.modul-multi-content .ContentSlide{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {

.modul-multi-content .ContentSlide{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/* ------------------------------------------------------------------------ */

}