.imgMob {display:none;}
.zaswiperaccordions {
	display: inline-flex;
	/* float: left; */
}
.zaswiperaccordions .accordion dt a:focus{
	outline:none;
}
.zaswiperaccordions .accordion dt a{
	color: #000;
	text-decoration: none;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Lato", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; /* 140% */
	margin-left: -1.5px;    
	padding: 10px 20px;
}
.za-imgright.showimg{display:inline;-webkit-animation: accordionIn 0.75s alternate ease-in-out both 1;
	animation: accordionIn 0.75s alternate ease-in-out both 1;}
.za-imgright.showimg img{ border-radius:10px;}
.za-imgright{display:none; 
	-webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
	animation: accordionOut 0.75s alternate ease-in-out both 1;}
.heading-primary {
	font-size: 2em;
	padding: 2em;
	text-align: center;
}
.accordion dl, .accordion-list {
	border-left: 2px solid #A5A5A5;
}

.accordion dd, .accordion__panel {
	color: #0C0C0C;

	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "Lato", Sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 25.2px; /* 140% */
	padding: 0px 20px;
	margin: 0;
}

.accordion {
	position: relative;
	width:536px;
	margin-right: 111px;
}
.za-rightimg {
	width: 554px;
	height: 563px;
	padding: 9px 7px 8px 7px;
	border-radius: 10px;
	background: #F2F2F2;
}
.accordionTitle, .accordion__Heading {  
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out; 
	height: 52px;
}
.accordionTitle:after, .accordion__Heading:after {
	font-family: "Font Awesome 5 Free";
	content:"\f078";
	font-size: 18px;
	line-height: 25px;
	float: left;	
	margin-top: 5px;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;

	right: 20px;
	position: absolute;
}
.accordionTitle:hover, .accordion__Heading:hover {
	/* background-color: #2ba659;*/
}
.accordionTitleActive, .accordionTitle.is-expanded {
	/*  background-color: #2ba659;*/
	border-left: 2px solid #000000;
}
.accordionTitleActive:after, .accordionTitle.is-expanded:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.accordionItem {
	height: auto;
	overflow: hidden;
	max-height: 50em;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
}
@media screen and (min-width: 48em) {
	.accordionItem {
		max-height: 20em;
		-webkit-transition: max-height 0.5s;
		transition: max-height 0.5s;
	}
}
.accordionItem.is-collapsed {
	max-height: 0;
}
.no-js .accordionItem.is-collapsed {
	max-height: auto;
}
.animateIn {
	-webkit-animation: accordionIn 0.65s normal ease-in-out both 1;
	animation: accordionIn 0.65s normal ease-in-out both 1;
}
.animateOut {
	-webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
	animation: accordionOut 0.75s alternate ease-in-out both 1;
}
@-webkit-keyframes accordionIn {
	0% {
		opacity: 0; 
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
	100% {
		opacity: 1; 
	}
}
@keyframes accordionIn {
	0% {
		opacity: 0; 
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
	100% {
		opacity: 1; 
	}
}
@-webkit-keyframes accordionOut {
	0% {
		opacity: 1; 
	}
	100% {
		opacity: 0; 
	}
}
@keyframes accordionOut {
	0% {
		opacity: 1; 
	}
	100% {
		opacity: 0; 
	}
}

@media only screen and (max-width: 767px) {
	.za-rightimg {
		display: none;
	}
	.imgMob {
		display: inline;
	}
	.accordion {
		width: 100%;
		margin-right: 0px; 
	}
	.zaswiperaccordions .accordion dt a{
		font-size:17px;
	}
	.zaimgInterne {
		margin: 15px 0px;
	}
	.zaimgInterne img {
		border-radius: 10px !important;
	}
	.zaswiperaccordions .accordion dt a{
		    margin-left: -1.5px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {

	.accordion { 
		width: 48%;
		margin-right: 30px;
	}
	.za-rightimg {
		width: 48%;
		height: max-content;
	}

}