@charset "UTF-8";
/* CSS Document */
.ServiceGallery{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

}

.modul-service .ServiceGallery .main-carousel-service{
	
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.modul-service .ServiceGallery .carousel-cell{
	position: relative;
	width:21.875vw;
	height:auto;
	margin-right:3.125vw;
	margin-bottom: 1.5625vw;
}

.modul-service .ServiceGallery .ServiceElm{
	position: relative;
	width:100%;
	max-height:100%;
	min-height: 25vw;
	
}

.modul-service .ServiceGallery .ElementInfo{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 1.5625vw;
}
.modul-service .ServiceGallery .ElementHead{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 1.5625vw;
	text-transform: uppercase;
}


.modul-service .ServiceGallery .ServiceContentBox{
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 57.8125%;
}

.modul-service .ServiceGallery .modulContentInfo{
	padding-bottom: 1.5625vw;
}
.modul-service .ServiceGallery .modulContentBut{
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	height: auto;
	padding-bottom: 1.5625vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.modul-service .ServiceGallery .modulContentBut .buttxt {
	position: relative;
	width: auto;
	height:auto;
}

.modul-service .ServiceGallery .modulContentBut .buttxt:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height:100%;
	bottom: 0;
	left: 0;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.modul-service .ServiceGallery a:hover .modulContentBut .buttxt:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.toggler{
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	
	cursor: pointer;
	border-radius: 3px;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	
}

.ServiceTogglerList{
	position: relative;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	padding-top:0;
	padding-bottom:0;
	display: none;
	overflow: hidden;
}
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

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

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

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

.ServiceGallery{
	position: relative;
	width: 100%;
	height: 0%;
	margin: 0;
	padding: 0;
	display: none;
	overflow: hidden;
}

.modul-service .ServiceGallery .carousel-cell{
	position: relative;
	width:100%;
	height:auto;
	margin-right:1.5625vw;
}

.modul-service .ServiceGallery .ServiceElm{
	position: relative;
	max-height:100%;
	min-height: 90vw;
	border-bottom: none;
	
}
.modul-service .ServiceGallery .ServiceContentBox{
	height: 70.3125%;
}

.modul-service .ServiceTogglerList {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

	
.modul-service .ServiceTogglerList .ServiceElm{
	position: relative;
	width:100%;
	max-height:auto;
	height: auto;
	padding-top: 1.5625vw;
	padding-bottom: 1.5625vw;
	
}
	
.modul-service .ServiceTogglerList .ServiceElm:first-child {
	padding-top: 0vw;
}
	
.modul-service .ServiceTogglerList .ServiceHeader{
	position: relative;
	width:100%;
	height:auto;
	
}

	
	.modul-service .ServiceTogglerList .ElementInfo{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 1.5625vw;
}
.modul-service .ServiceTogglerList .ElementHead{
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 1.5625vw;
	text-transform: uppercase;
}
.modul-service .ServiceTogglerList .faq-frage{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	opacity:1;
}


.modul-service .ServiceTogglerList .faq-antwort{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	
}
	
.modul-service .ServiceTogglerList .ServiceContentBox{
	position: relative;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: auto;
}

.modul-service .ServiceTogglerList .modulContentInfo{
	padding-top: 1.5625vw;
	padding-bottom: 1.5625vw;
}
.modul-service .ServiceTogglerList .modulContentBut{
	position: relative;
	bottom: 0;
	max-width: 100%;
	height: auto;
	padding-top: 1.5625vw;
	padding-bottom: 1.5625vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
	
.modul-service .ServiceTogglerList .modulContentBut a:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height:100%;
	bottom: 0;
	left: 0;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.modul-service .ServiceTogglerList .modulContentBut a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
}