/** Marquee **/

.wp-block-uagb-container.cont-marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  /* Verhindert, dass der Text umbricht */
  margin-bottom: 0 !important;
}

.txt-marquee,
.txt-marquee-skinny {
  display: inline-block;
  padding-left: 100%;
  /* Startet außerhalb des sichtbaren Bereichs */
  animation: marquee 15s linear infinite;
  -webkit-animation: marquee 15s linear infinite;
  /* Für Safari und ältere Chrome-Versionen */
}

.wp-block-uagb-container.cont-marquee.yellow {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.cont-marquee .txt-marquee,
.wp-block-uagb-container.cont-marquee .txt-marquee-skinny {
  padding: 0 0 var(--cont-gap) 0;
}

.wp-block-uagb-advanced-heading.txt-marquee .uagb-heading-text {
  font-family: var(--headlinefont);
  font-size: calc(var(--h2-font-size) * 2);
  font-weight: 800;
  font-style: normal;
  padding-right: calc(var(--gap-m) + var(--gap-l));
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -0.8px;
  -webkit-text-stroke-width: 1.43px;
  -webkit-text-stroke-color: var(--ast-global-color-3);
}

.wp-block-uagb-advanced-heading.txt-marquee .uagb-heading-text em {
  font-style: normal !important;
  color: transparent !important;
}

/* with black and yellow font **/
.cont-marquee.wp-block-uagb-container.cont-marquee.yellow
  .wp-block-uagb-advanced-heading.txt-marquee
  .uagb-heading-text {
  color: var(--ast-global-color-4);
  -webkit-text-stroke-color: var(--ast-global-color-4);
}

.wp-block-uagb-container.cont-marquee.yellow {
  background: var(--ast-global-color-0);
}

/* skinny font **/
.cont-marquee
  .txt-marquee-skinny
  .wp-block-uagb-advanced-heading
  .uagb-heading-text {
  font-family: var(--mainfont);
  font-size: calc(var(--h2-font-size) * 2);
  font-style: normal;
  font-weight: 400;
  line-height: 0.69;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0;
}

.wp-block-uagb-container.txt-marquee-skinny .uagb-container-inner-blocks-wrap {
  gap: var(--gap-xl);
}

/**----------------- Responsive -------------**/

@media (max-width: 764px) {
  .wp-block-uagb-container.cont-marquee.background-dark {
    padding-top: 150px !important;
  }

  .wp-block-uagb-container.cont-marquee .txt-marquee,
  .wp-block-uagb-container.cont-marquee .txt-marquee-skinny {
    padding-bottom: 150px !important;
  }
}