/* ============================================================
   Seite: IT-Service & Beratung (Page-ID 19, Prefix isb-)
   Ergänzungen zu leistung-shared.css — Werte 1:1 aus 41.css
   (Original rendert hier das Redirect-Ziel it-wartung-administration,
   Oxygen-Element-IDs section-10837-41 / section-10934-41).
   ============================================================ */

/* Original universal.css: .ct-span ist inline-block — Spans in
   Headlines brechen als Einheit um (bestimmt die Zeilenumbrüche!) */
.isb-hero .lp-intro-headline span,
.isb-hero .lp-intro-block-headline span,
.isb-headline-betreuung span,
.isb-deep .lp-media-headline span,
.isb-iconrow .lp-iconrow-headline span,
.isb-cta-headline span {
  display: inline-block;
}

/* Hero-Sektion (Original section-2-12: height calc(100vh + 875px);
   min-height, damit der Karten-Block auf Mobil nicht überläuft) */
.isb-hero {
  min-height: calc(100vh + 875px);
}

/* Sektion "Umfassende Betreuung" (Original section-10837-41: z-index 999) */
.isb-media {
  position: relative;
  z-index: 999;
}

/* Original #text_block-10842-41: max-width 560px.
   hyphens:manual — das Original trennt "Betreuung" nicht (der
   U+2028-Rohtext im Oxygen-Inhalt unterbindet dort die Silbentrennung) */
.isb-headline-betreuung {
  max-width: 560px;
  hyphens: manual;
}

/* Original #text_block-10944-41 trägt Klasse Heading-Pre: line-height 1.4 */
.isb-deep .lp-media-copy {
  line-height: 1.4;
}

/* CTA-Box: liegt im Original IN der Deep-Sektion (div_block-10965-41),
   margin-top 113px, Padding sitzt auf der Content-Spalte statt der Box */
.isb-cta.lp-cta-box {
  margin-top: 113px;
  padding-top: 0;
  padding-bottom: 0;
}

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

/* Original #div_block-10967-41: max-width 800px (Pilot: 650px) */
.isb-cta .lp-cta-inner {
  max-width: 800px;
}

/* Original #headline-10968-41: gruen, Span weiss (invertiert zum Pilot) */
.isb-cta-headline {
  color: #32b4a2;
  margin-bottom: 15px;
  margin-right: -91px;
}

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

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

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

@media (max-width: 767px) {
  /* 41.css setzt bei section-10837-41 mobil nur links/rechts 20px —
     unten bleiben 85px (Shared-Baustein setzt 29px) */
  .isb-media .section-inner {
    padding-bottom: 85px;
  }

  /* Original #div_block-10936-41 behält mobil 20px unten
     (padding-top/-right werden auf 0 gesetzt) */
  .isb-deep .lp-media-columns > .lp-media-col-img {
    padding-bottom: 20px;
  }

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

  /* Original #new_columns-10953-41: margin-top 79px mobil */
  .isb-iconrow.lp-iconrow {
    margin-top: 79px;
  }

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

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