/* ============================================================
   Seite: ISO 27001 & Notfallplanung (neu 09/2026, Prefix iso-)
   Pfad: /leistungen/compliance-datenschutz/iso-27001/

   Kein Oxygen-Vorbild — uebernimmt die Feinwerte der Seite
   Systemhauswechsel (systemhauswechsel.css), damit die Seite optisch
   exakt zu den uebrigen Leistungsseiten passt.
   ============================================================ */

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

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

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

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

/* Inline-Link zur Fallstudie: Textfarbe erben statt Link-Blau */
.iso-deep .lp-media-copy a {
  color: inherit;
  text-decoration: underline;
}

/* Zwei Bild-links-Bausteine hintereinander (Richtlinien, Fragebogen):
   Abstand wie zwischen Baustein und Iconrow */
.iso-deep .lp-media-columns + .lp-media-columns {
  margin-top: 100px;
}

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

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

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

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

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

/* Hero-Text ist laenger als auf den anderen Leistungsseiten (Martin, 09/2026):
   Platz fuer den Scroll-Link unten lassen (absolut, bottom 50px) */
.iso-hero .lp-intro-col-content {
  padding-bottom: 140px;
}

/* Primaerer CTA im Hero: "Kostenlose" nur, wo der Button einzeilig bleibt */
@media (max-width: 767px) {
  .iso-hero .lp-intro-col-content {
    padding-bottom: 20px;
  }

  .iso-btn-lang {
    display: none;
  }
}

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

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

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

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

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

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

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

  /* #headline-10940-41: mobil 30px (Shared: 31px) */
  .iso-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 */
  .iso-deep .lp-media-text {
    align-items: flex-start;
  }

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

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

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

@media (max-width: 767px) {
  .iso-deep .lp-media-columns + .lp-media-columns {
    margin-top: 60px;
  }
}

/* Zweite Iconrow (ISO 27001, NIS2, DSGVO & Kundenanforderungen) folgt
   direkt auf den Fragebogen-Baustein: Abstand wie zwischen Bausteinen */
.iso-iconrow--anforderungen.lp-iconrow {
  margin-top: 120px;
}

.iso-iconrow--anforderungen .lp-iconrow-headline span {
  white-space: nowrap;
}

@media (max-width: 991px) {
  .iso-iconrow--anforderungen .lp-iconrow-headline span {
    white-space: normal;
  }
}