/* ============================================================
   Seite: Systemhauswechsel (Page-ID 143, Prefix sw-)
   Pfad: /leistungen/it-service-und-beratung/systemhauswechsel/

   Gleiches Oxygen-Skelett wie Page 41 (identische Element-IDs
   section-2-12 / section-10837-41 / section-10934-41), aber
   eigene 143.css mit kleinen Abweichungen:
   - KEINE Hero-Zusatzhöhe (41.css: height calc(100vh + 875px))
   - #mehr mobil 43px statt 45px oben
   - Deep-Copy ohne cocco-narrow/Heading-Pre (Font Cocogoose
     regular, line-height 1.6 — daher hier KEIN lh-Override)
   - Intro-Block-Copy max-width 1300px (= Shared-Default)
   Werte 1:1 aus 143.css.
   ============================================================ */

/* Original universal.css: .ct-span ist inline-block — Spans in
   Headlines brechen als Einheit um */
.sw-hero .lp-intro-headline span,
.sw-hero .lp-intro-block-headline span,
.sw-headline-vorbereitung span,
.sw-deep .lp-media-headline span,
.sw-iconrow .lp-iconrow-headline span,
.sw-cta-headline span {
  display: inline-block;
}

/* #text_block-10696-61: Intro-Block-Headline max 800px, zentriert */
.sw-hero .lp-intro-block-headline {
  max-width: 800px;
}

/* Sektion "Vorbereitung und Planung" (#section-10837-41: z-index 999) */
.sw-media {
  position: relative;
  z-index: 999;
}

/* #text_block-10842-41: max-width 560px */
.sw-headline-vorbereitung {
  max-width: 560px;
}

/* CTA-Box liegt im Original IN der Deep-Sektion (div_block-10965-41),
   identisch zu Seite 41 */
.sw-cta.lp-cta-box {
  margin-top: 113px;
  padding-top: 0;
  padding-bottom: 0;
}

.sw-cta .lp-cta-content {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* #div_block-10967-41: max-width 800px */
.sw-cta .lp-cta-inner {
  max-width: 800px;
}

/* #headline-10968-41: gruen, Span weiss (#span-11014-143) */
.sw-cta-headline {
  color: #32b4a2;
  margin-bottom: 15px;
  margin-right: -91px;
}

.sw-cta-headline span {
  color: #ffffff;
}

@media (max-width: 1399px) {
  .sw-cta .lp-cta-content {
    padding: 40px;
  }

  .sw-cta-headline {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  /* 143.css #mehr: mobil padding-top 43px (Shared: 25px) */
  .sw-hero .lp-intro-block {
    padding-top: 43px;
  }

  /* #section-10837-41 setzt mobil nur links/rechts 20px —
     unten bleiben 85px (Shared-Baustein: 29px) */
  .sw-media .section-inner {
    padding-bottom: 85px;
  }

  /* #div_block-10841-41: mobil padding-top 29px (Shared --wide: 20px) */
  .sw-media .lp-media-col-text--wide {
    padding-top: 29px;
  }

  /* #div_block-10839-41: mobil padding-bottom 0 (Shared --shadow: 20px 0) */
  .sw-media .lp-media-col-img--shadow {
    padding-bottom: 0;
  }

  /* #div_block-10936-41 behält mobil 20px unten */
  .sw-deep .lp-media-columns > .lp-media-col-img {
    padding-bottom: 20px;
  }

  /* #headline-10940-41: mobil 30px (Shared: 31px) */
  .sw-deep .lp-media-headline {
    font-size: 30px;
  }

  /* #div_block-10939-41 hat in 143.css KEIN mobiles Zentrieren
     (41.css schon) — Original bleibt align-items:flex-start */
  .sw-deep .lp-media-text {
    align-items: flex-start;
  }

  /* #new_columns-10953-41: mobil margin-top 64px (41: 79px) */
  .sw-iconrow.lp-iconrow {
    margin-top: 64px;
  }

  .sw-cta .lp-cta-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 479px) {
  /* #text_block-10972-41 bleibt bei 20px (Shared: 18px) */
  .sw-cta .lp-cta-copy {
    font-size: 20px;
    margin-bottom: 0;
  }
}