.ma-btn-grow-subtle .elementor-button {
  transition: transform 0.3s ease-in-out;
}

.ma-btn-grow-subtle .elementor-button:hover {
  transform: scale(1.04); 
}

.elementor-widget-heading span.green {
    color: var(--e-global-color-primary);
}

.elementor-widget-heading span.red {
    color: var(--e-global-color-accent);
}

.dq-emboss-wrapper,
.dq-drive-wrapper,
.dq-megaphone-wrapper,
.dq-spray-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  min-height: 300px
}

@media screen and (max-width: 767px) {
  .dq-emboss-wrapper,
  .dq-drive-wrapper,
  .dq-megaphone-wrapper,
  .dq-spray-wrapper {
    min-height: 200px;
  }
}

.dq-emboss-image,
.dq-drive-image,
.dq-megaphone-image,
.dq-spray-image   {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.dq-leder-leer {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/leder-leer.jpg');
}

.dq-leder-praegt {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/leder-praegt.jpg');
  opacity: 0;
}

.dq-antrieb-dunkel {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/antrieb-dunkel.jpg');
}

.dq-antrieb-hell {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/antrieb-hell.jpg');
  opacity: 0; 
}

.dq-megafon-still {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/megaphone.jpg');
}

.dq-sound-wave {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/sound.png');
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0; 
  transform: scale(0.1); 
}

.dq-wand-leer {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/wand-leer.jpg');
}

.dq-wand-wirkt {
  background-image: url('https://neu.designquartier-brandenburg.de/wp-content/uploads/2025/07/wand-wirkt.jpg');
  mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAEACAMAAAC4t0UeAAAAA1BMVEUAAACnej3aAAAASElEQVR4nO3BMQEAAADCoPVPbQ0PoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+BsTOAAGaQW5pAAAAAElFTkSuQmCC'); /* Dummy-Teil für Fallback */
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); /* Für alte Browser */
  mask-image: linear-gradient(to right, 
    black 0%, 
    black 45%, 
    rgba(0,0,0,0.95) 48%, 
    rgba(0,0,0,0.8) 50%, 
    rgba(0,0,0,0.5) 51%, 
    rgba(0,0,0,0.2) 52%, 
    rgba(0,0,0,0.05) 53%, 
    transparent 55%, 
    transparent 100%
  );
  mask-size: 200% 100%;
  -webkit-mask-size: 200% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 100% 50%;
  -webkit-mask-position: 100% 50%;
}

.ken-burns-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;

}

.ken-burns-wrapper .elementor-shortcode {
  width: 100%;
  height: 100%;
}

.ken-burns-wrapper .elementor-shortcode .portfolio-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  animation-name: kenburns-final-zoom; 
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards; 
  -webkit-animation: kenburns-final-zoom 10s linear forwards !important;
  animation: kenburns-final-zoom 10s linear forwards !important;
}

@keyframes kenburns-final-zoom {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.7) translate(-10%, 11%);
  }
}

@-webkit-keyframes kenburns-final-zoom {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
  }
  100% {
    -webkit-transform:  scale(1.7) translate(-10%, 11%);
  }
}