/* ============================================================
   Seite: ECM Software (Page-ID 849) — /ecm-software/
   Neue Software-Seite (Juli 2026), Skelett aus Templates 63+155.

   Bausteine: lp-* (leistung-shared.css) + sw-* (crm-software.css,
   Eigentümer: Agent CRM/ERP/HR — nur nutzen!). Hier NUR die
   ECM-spezifischen Abweichungen (Prefix ecm-), Werte 1:1 aus
   dem Oxygen-Dynamik-CSS der Seite (849.css, Element-IDs im
   Kommentar). Die CTA-Sektion (section-11317-849) ist die
   Startseiten-Kontakt-CTA (template-parts/kontakt-cta.php,
   kontakt-cta.css global geladen) mit zwei Overrides.
   ============================================================ */

/* ------------------------------------------------------------
   Hero (Template 63): Blob-Puls wie Original-T63-Seiten
   ------------------------------------------------------------ */
.ecm-hero .lp-intro-blob #state-1,
.ecm-hero .lp-intro-blob #state-2,
.ecm-hero .lp-intro-blob #state-3 {
  opacity: 0;
  transition: opacity .1s;
}

@keyframes ecm-fade-in-out {
  0%, 100% { opacity: 0; }
  50% { opacity: .3; }
}

.ecm-hero .lp-intro-blob #state-1 {
  animation: ecm-fade-in-out 3s .5s infinite;
}

.ecm-hero .lp-intro-blob #state-2 {
  animation: ecm-fade-in-out 3s 1s infinite;
}

.ecm-hero .lp-intro-blob #state-3 {
  animation: ecm-fade-in-out 3s 1.5s infinite;
}

/* Original sitewide .ct-span { display:inline-block } (span-11084-155) */
.ecm-hero .lp-intro-headline span {
  display: inline-block;
}

/* #link_button-10968-63: btn-outline-green, Text weiß */
.ecm-hero .lp-intro-btns .btn-outline-green {
  color: #fdfeff;
}

@media (max-width: 767px) {
  .ecm-hero .lp-intro-btns .btn-outline-green {
    min-width: 253px;
  }
}

/* ------------------------------------------------------------
   #mehr: ELO-Partner-Logo unter der Copy (image-11282-849)
   ------------------------------------------------------------ */
.ecm-elo-logo {
  margin-top: 25px;
  max-width: 100%;
  height: auto;
}

/* ------------------------------------------------------------
   Deep-Section: M-Strong-Headlines der Text-links-Zeilen
   (text_block-11294-849 / -10994-63: max-width 650px)
   ------------------------------------------------------------ */
.ecm-strong-max {
  max-width: 650px;
}

/* ------------------------------------------------------------
   CTA (section-11317-849) = Startseiten-Kontakt-CTA, aber:
   - Inner-Wrap ohne 170px-Sonder-Padding der Startseite
     (Original: has-blured-end-Default 42px oben)
   - Headline weiß (#headline-11321-849: color #fdfeff)
   ------------------------------------------------------------ */
.ecm-body .kontakt-cta > .section-inner {
  padding-top: 42px;
}

.ecm-body .kontakt-cta-headline {
  color: #fdfeff;
}