.elementz {
  	--slider-color: var(--logo-color-1-light);
}


.elementz .Carrier .Element .overlay {
  width: 100%;
  height: 100%;
  max-width: initial;
  left: 0;
  top: 0;
  text-align: center;

}

.elementz .Carrier .Element .overlay .layer {
  width: var(--stage-maxwidth);
  height: 100%;
  max-width: 96%;
  margin: 0 2%;
  display: inline-block;
  position: relative;

}
.elementz .Carrier .Element .overlay .layer .text {
	position: absolute;
	top: 10%;
  right: 0%;
}
.elementz .Carrier .Element .overlay .layer .text .h1s {
  margin-bottom: 0px;
  color: var(--font-color-light);
  background-color: color-mix(in srgb, var(--logo-color-2) 50%, transparent);
  opacity: 1;
  text-shadow: 2px 2px #000;
  border: none;
  text-transform: none;
  animation: bounceInLeft 1.5s;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.elementz.InView .Carrier .Element .overlay .layer .text p {
  animation: bounceInRight 2s;
  opacity: 1;
  padding-top: 20px;
  font-size: 18px;
  text-shadow: none;
}


.FooterElementz .elementz .Carrier .Element .overlay .layer .text {
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  text-align: center;
  width: 100%;
  max-width: var(--stage-maxwidth);
  z-index: 40;
  position: relative;
}
.FooterElementz .elementz .Carrier .Element .overlay .layer .text .h1s {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 500;
}
.FooterElementz .elementz .Carrier .Element .overlay .layer .text p {
  padding-top: 20px;
  font-size: 18px;
}


.elementz.InView .Carrier .Element .overlay .layer .text p {
  animation: bounceInRight 2s;
  opacity: 1;
  padding-top: 20px;
  font-size: 18px;
  color: #fff;
  text-shadow: none;
}

.elementz .Carrier .Element .overlay .layer .text p {
  animation: bounceInRight 2s;
  opacity: 1;
  font-size: 18px;
  color: #fff;
  text-shadow: none;
  border: none;
  background-color: color-mix(in srgb, var(--logo-color-1) 90%, transparent);
  padding: 5px;
}

.elementz .Toggle { right: 5%; }

.iqelementz_0Spacer, .iqelementz_1Spacer { display: none; }

@keyframes bounceInLeft { from,	60%, 75%, 90%,
	to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
	0% { opacity: 0; transform: translate3d(-3000px, 0, 0); 	}
	60% { opacity: 1; transform: translate3d(25px, 0, 0); 	}
	75% { transform: translate3d(-10px, 0, 0); }
	90% { transform: translate3d(5px, 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}

@keyframes bounceInRight { from, 60%, 75%, 90%,
	to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	from { opacity: 0; transform: translate3d(3000px, 0, 0); }
	60% { opacity: 1; transform: translate3d(-25px, 0, 0); }
	75% { transform: translate3d(10px, 0, 0); }
	90% { transform: translate3d(-5px, 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}

@media (max-width: 1200px) { .elementz .Carrier .Element .overlay { transform-origin: initial; }  }

.elementz .controls .layer{
  transform: none !important;
}

.elementz .Element {
	position: absolute;
	width: 100%;
	height: 100%; /* wichtig, damit Höhe definiert ist */

}

.elementz .Element img {
	width: 120%;
	height: 100%;
	object-fit: cover;
	animation: zoomPan 50s ease-in-out infinite;
	transform-origin: center center;
}

@keyframes zoomPan {
	0% {
		transform: scale(1) translateX(0);
	}
	25% {
		transform: scale(1.1) translateX(-7%);
	}
	75% {
		transform: scale(1.2) translateX(7%);
	}
	100% {
		transform: scale(1) translateX(0);
	}
}