/* --- Übereinanderlegen --- */

.brand-wrapper {
  position: relative;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-text-wrap,
.brand-logo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}

/* --- Start: Text an, Logo aus --- */

.brand-text-wrap {
  opacity: 1;
  visibility: visible;
}

.brand-logo {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
}

/* --- Wenn Header sticky: Text aus, Logo an --- */

.elementor-sticky--effects .brand-wrapper .brand-text-wrap,
.elementor-sticky--active  .brand-wrapper .brand-text-wrap {
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px);
}

.elementor-sticky--effects .brand-wrapper .brand-logo,
.elementor-sticky--active  .brand-wrapper .brand-logo {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Lottie skalieren */

.brand-logo svg,
.brand-logo lottie-player {
  width: 100% !important;
  max-width: 250px;
  height: auto !important;
}