/* Webflow: .change-padding */
.eff-heading {
  margin: 0;
  color: var(--eff-dark-gray);
  font-family: var(--eff-font-display);
  font-size: clamp(2rem, 4vw, 2.8125rem);
  font-style: italic;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}

/* Webflow: .change-padding.change-color-white */
.eff-heading--stroke {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: var(--eff-stroke-width);
  -webkit-text-stroke-color: var(--eff-white);
}

/* Breakdance setzt Textfarbe pro Element (.bde-heading-XX-YY) — Stroke braucht Vorrang */
.bde-heading.eff-heading--stroke,
h1.bde-heading.eff-heading--stroke,
h2.bde-heading.eff-heading--stroke {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.bde-heading.eff-heading--stroke .eff-heading-fill:not(.eff-heading-fill--static),
h1.bde-heading.eff-heading--stroke .eff-heading-fill:not(.eff-heading-fill--static),
h2.bde-heading.eff-heading--stroke .eff-heading-fill:not(.eff-heading-fill--static) {
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: var(--eff-stroke-width);
  -webkit-text-stroke-color: var(--eff-white);
}

/* Hero: Akzent-Wörter starten als reiner Stroke, füllen sich nach kurzer Verzögerung (Webflow .mit / .an) */
.eff-heading--hero .eff-heading-fill,
.eff-hero-animate .eff-heading--stroke .eff-heading-fill {
  animation: eff-heading-fill-in var(--eff-fill-duration) var(--eff-motion-ease) forwards;
  animation-delay: calc(var(--eff-fill-delay) + var(--eff-fill-i, 0) * var(--eff-fill-stagger));
}

.eff-heading--hero .eff-heading-fill:nth-of-type(1),
.eff-hero-animate .eff-heading-fill:nth-of-type(1) {
  --eff-fill-i: 0;
}

.eff-heading--hero .eff-heading-fill:nth-of-type(2),
.eff-hero-animate .eff-heading-fill:nth-of-type(2) {
  --eff-fill-i: 1;
}

.eff-heading--hero .eff-heading-fill:nth-of-type(3),
.eff-hero-animate .eff-heading-fill:nth-of-type(3) {
  --eff-fill-i: 2;
}

.eff-heading-fill--static {
  animation: none !important;
  color: var(--eff-white) !important;
  -webkit-text-fill-color: var(--eff-white) !important;
}

.eff-heading--stroke.eff-heading--blue {
  -webkit-text-stroke-color: var(--eff-blue);
}

.eff-heading--stroke-center {
  text-align: center;
}

.eff-heading--hero {
  font-size: clamp(2.75rem, 7vw, 5.3125rem);
  line-height: 1.05;
  padding-left: 0.35rem;
}

/* Webflow: .mit / .an inside hero — Default nur relevant außerhalb Stroke */
.eff-heading-fill {
  -webkit-text-stroke-color: var(--eff-white);
}

/* Webflow: .top-heading-text */
.eff-eyebrow {
  margin: 0;
  color: var(--eff-medium-gray);
  font-family: var(--eff-font-display);
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1;
  text-transform: uppercase;
}

.eff-eyebrow--light {
  color: var(--eff-white);
}

.eff-eyebrow-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Webflow: .home-one-top-heading-line */
.eff-eyebrow-line {
  width: 2.5rem;
  height: 1px;
  background-color: var(--eff-medium-gray);
  flex-shrink: 0;
}

.eff-eyebrow-line--light {
  background-color: var(--eff-white);
}

/* Webflow: .heading-six */
.eff-label {
  margin: 0;
  font-family: var(--eff-font-ui);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.eff-label--light {
  color: var(--eff-white);
}