/* ============================================================
   Seite: Serverlösungen & Storage (Page-ID 61, öffentliche URL)
   Nur Abweichungen zum iih-Nachbau (it-infrastruktur-und-hardware.css):
   die 3 hartkodierten Anker-Karten des Originals statt der ACF-Karten.
   Werte 1:1 aus 61.css + universal.css (Oxygen-IDs im Kommentar).
   ============================================================ */

/* #div_block-10869-61: @1920 ohne Seitenpolster (lp: 20px) */
@media (max-width: 1920px) {
  .sls-cards {
    padding-left: 0;
    padding-right: 0;
  }
}

/* #link-1087x-61 + .drop_shaddow_large-blue (universal.css):
   160px hoch (lp: 130px), blauer Schatten, Pfeil ausgeblendet */
.sls-card {
  height: 160px;
  box-shadow: 0px 50px 50px rgba(34, 58, 79, 0.2);
}

.sls-card .lp-linkcard-arrow {
  display: none; /* #image-10873-61: display:none */
}

/* #text_block-10871-61: fw400 (lp: 600), 26px → 20px @1920 → 22px @479 */
.sls-card-title {
  font-weight: 400;
}

@media (max-width: 1920px) {
  .sls-card-title {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .sls-card-title {
    font-size: 22px;
  }
}

/* #div_block-10882-61: Textspalte — pr 0 @1920 (lp: 20px),
   @1399 pt75 + zentriert, @767 gap20, @479 pt48 */
@media (max-width: 1920px) {
  .sls-mehr-text {
    padding-right: 0;
  }
}

@media (max-width: 1399px) {
  .sls-mehr-text {
    padding-top: 75px;
    text-align: left;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .sls-mehr-text {
    gap: 20px;
  }
}

@media (max-width: 479px) {
  .sls-mehr-text {
    padding-top: 48px;
  }
}

/* Original .ct-span ist sitewide inline-block — Span bricht als Block um */
.sls-mehr-text .lp-intro-block-headline span {
  display: inline-block;
}

/* #headline-11105-61: h2 rendert im Original dunkel (Element-Regel schlägt
   .white-text-Vererbung) — iih-headline setzt fälschlich weiß */
.sls-storage-headline {
  color: #111;
}

/* #text_block-10883/10885-61 @1399: zentriert (Copy nur 60% breit) */
@media (max-width: 1399px) {
  .sls-mehr-text .lp-intro-block-headline {
    width: 100%;
    text-align: center;
  }

  .sls-mehr-text .lp-intro-block-copy {
    width: 60%;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .sls-mehr-text .lp-intro-block-copy {
    width: 100%;
  }
}

/* #div_block-10936-61 @767: auch rechts ohne Polster (Icon exakt zentriert) —
   iih lässt 20px stehen */
@media (max-width: 767px) {
  .iih-icon-col--zukunft.iih-icon-col--zukunft {
    padding-right: 0;
  }
}

/* #div_block-10904-61 / -10936-61 @1920: Icon-Spalten ohne rechtes Polster
   (Icons sitzen 20px weiter rechts als im iih-Nachbau) */
@media (max-width: 1920px) {
  .iih-icon-col--cloud.iih-icon-col--cloud,
  .iih-icon-col--zukunft.iih-icon-col--zukunft {
    padding-right: 0;
  }
}