/* ============================================================
   Seite: Virtualisierung (Page-ID 63)
   Werte 1:1 aus 63.css + universal.css (Oxygen-Element-IDs im
   Kommentar). Gemeinsame Bausteine (lp-*) in leistung-shared.css —
   hier nur Seitenspezifisches (vt-*).
   ============================================================ */

/* Original .ct-span ist sitewide inline-block — Umbruchverhalten spiegeln */
.vt-hero .lp-intro-headline span,
.vt-mehr-headline span,
.vt-mstrong span,
.vt-iconrow-headline span {
  display: inline-block;
}

/* Hero: 2. Button (#link_button-10968-63) — grüner Rahmen, weißer Text */
.vt-hero .lp-intro-btns .btn-outline-green {
  color: #fdfeff;
}

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

/* ------------------------------------------------------------
   #mehr-Intro-Block (Abweichungen zum lp-Baustein)
   ------------------------------------------------------------ */

/* #div_block-10857-63 @767: ohne Seitenpolster */
@media (max-width: 767px) {
  .vt-mehr {
    padding-top: 40px; /* #mehr @767 (lp: 25px) */
  }

  .vt-cards {
    padding-left: 0;
    padding-right: 0;
  }

  .vt-mehr-text {
    padding-top: 35px; /* #div_block-10870-63 @767 */
  }
}

/* .category-sublink-bar (universal.css): min-height 160px (lp: 130px) */
.vt-card {
  height: 160px;
}

/* #text_block-1085x-63: fw400 (lp: 600), 26px auf allen Breiten */
.vt-card-title {
  font-weight: 400;
}

/* #text_block-10871-63: 54px fest (Klasse headline-xl würde 47.776px geben) */
.vt-mehr-headline {
  font-size: 54px;
}

/* #text_block-10873-63 */
.vt-mehr-copy {
  font-size: 22px;
  line-height: 1.5;
  max-width: 650px;
}

@media (max-width: 767px) {
  .vt-mehr-headline {
    font-size: 31px;
  }

  .vt-mehr-copy {
    font-size: 20px;
  }
}

/* ------------------------------------------------------------
   Gemeinsames: Sektionen, Spalten, Headline (M-Strong), Copy
   ------------------------------------------------------------ */
.vt-opt .section-inner,
.vt-vmware .section-inner,
.vt-massg .section-inner,
.vt-zukunft .section-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Oxygen ct-new-columns Default + z-index 999 (#new_columns-108xx-63) */
.vt-row {
  position: relative;
  z-index: 999;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}

@media (max-width: 1399px) {
  .vt-row > * {
    width: 100% !important;
  }
}

/* .M-Strong (universal.css): 50 → 44 @1920 → 40 @1600 → 21 @767 (zentriert) */
.vt-mstrong {
  margin: 0 0 20px;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 400;
  color: #fdfeff;
}

.vt-mstrong span {
  color: #223a4f;
}

@media (max-width: 1920px) {
  .vt-mstrong {
    font-size: 44px;
  }
}

@media only screen and (max-width: 1600px) {
  .vt-mstrong {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  /* IDs #text_block-10879/10887/10994-63 @767: 31px, linksbündig */
  .vt-mstrong {
    font-size: 31px;
    text-align: left;
  }
}

/* .Heading-Pre-artige Copy (#text_block-108xx-63) */
.vt-copy {
  margin-bottom: 15px;
  color: #fdfeff;
  font-weight: 300;
  font-size: 22px;
}

@media (max-width: 767px) {
  .vt-copy {
    font-size: 20px;
  }
}

/* ------------------------------------------------------------
   Sektion "Optimieren Sie Ihre IT" (section-10874-63)
   ------------------------------------------------------------ */

/* #div_block-10878-63 */
.vt-opt-col {
  width: 100%;
  padding: 20px 20px 20px 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}

/* #text_block-10879-63 / -10881-63 */
.vt-opt-headline {
  text-align: center;
}

.vt-opt-copy {
  text-align: center;
  max-width: 1295px;
}

@media (max-width: 767px) {
  .vt-opt .section-inner {
    padding-bottom: 24px;
  }

  .vt-opt-col {
    padding-left: 0;
    padding-right: 0;
  }

  /* #text_block-10879/10881-63 @767: linksbündig */
  .vt-opt-headline {
    text-align: left;
  }

  .vt-opt-copy {
    text-align: left;
  }
}

/* ------------------------------------------------------------
   Sektion #vmware (Reihe 1: Bild links / Reihe 2 #hyper-v: Bild rechts)
   ------------------------------------------------------------ */
.vt-vmware .section-inner {
  padding-left: 50px;
  padding-right: 50px;
}

/* #div_block-10884-63 (Bild links) */
.vt-col-img {
  width: 50%;
  padding: 20px 20px 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.vt-col-img img {
  width: 100%;
}

/* #div_block-10991-63 (Bild rechts) */
.vt-col-img--right {
  padding: 20px 0 20px 20px;
}

/* #div_block-10886-63 (Text rechts) */
.vt-col-text {
  width: 50%;
  padding: 20px 0 20px 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

/* #div_block-10993-63 (Text links) */
.vt-col-text--left {
  padding: 20px 50px 20px 0;
}

/* #text_block-10994-63 */
.vt-hyperv-headline {
  max-width: 650px;
}

/* #hyper-v (2. Reihe) */
.vt-hyperv {
  margin-top: 0;
  padding-top: 148px;
}

@media (max-width: 1399px) {
  .vt-col-img {
    padding-right: 0;
  }

  .vt-col-img--right {
    padding-left: 0;
  }

  .vt-col-text {
    padding-left: 0;
  }

  .vt-hyperv {
    padding-top: 70px;
    flex-direction: column-reverse;
    display: flex;
  }
}

@media (max-width: 767px) {
  .vt-vmware .section-inner {
    padding-top: 43px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .vt-col-img {
    padding-right: 0;
  }

  .vt-col-img--right {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .vt-col-text {
    padding-left: 0;
    padding-bottom: 0;
  }

  .vt-col-text--left {
    padding-right: 0;
    padding-bottom: 20px;
  }

  .vt-hyperv {
    margin-top: 82px;
    padding-top: 0;
  }
}

/* ------------------------------------------------------------
   Icon-Sektionen (#massgenscheiderte-loesungen + section-10898-63)
   ------------------------------------------------------------ */
.vt-massg .section-inner,
.vt-zukunft .section-inner {
  padding-left: 50px;
  padding-right: 50px;
}

/* #div_block-10892-63: leere Spacer-Spalte links (ab 1399 weg) */
.vt-massg-spacer {
  width: 40%;
  padding: 20px;
}

/* #div_block-10902-63: leere Spacer-Spalte rechts (@767 weg) */
.vt-zukunft-spacer {
  width: 40%;
  padding: 20px 20px 20px 42px;
}

/* #div_block-10894-63 / -10900-63: Icon + Text nebeneinander, gap 40 */
.vt-iconrow {
  width: 60%;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.vt-iconrow--massg {
  padding-left: 0;
  text-align: left;
}

.vt-iconrow--zukunft {
  text-align: center;
  align-items: flex-start;
  justify-content: center;
}

/* .primary-icon (universal.css) */
.vt-icon,
.vt-icon svg {
  width: 150px;
  height: 150px;
}

.vt-icon svg .st1 {
  fill: var(--primary-1000);
}

/* #div_block-11040-63 / -11061-63 */
.vt-icontext {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

/* #text_block-10895-63 / -10903-63: 31px fest */
.vt-iconrow-headline {
  font-size: 31px;
  line-height: 1.2;
  color: #fdfeff;
  margin-bottom: 20px;
}

.vt-iconrow-headline span {
  color: #223a4f;
}

/* #text_block-10895-63 */
.vt-massg-headline {
  max-width: 650px;
}

/* #text_block-10905-63 */
.vt-zukunft-copy {
  margin-bottom: 14px;
}

@media (max-width: 1399px) {
  .vt-massg .section-inner {
    padding-top: 0;
  }

  .vt-massg-spacer {
    display: none;
  }

  .vt-iconrow--zukunft {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .vt-massg .section-inner {
    padding: 35px 20px 0;
  }

  .vt-zukunft .section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .vt-iconrow {
    flex-direction: column;
    padding-right: 0;
  }

  .vt-iconrow--zukunft {
    text-align: center;
  }

  .vt-icon {
    margin-bottom: 30px; /* .primary-icon @767 */
  }

  .vt-zukunft-spacer {
    display: none;
  }
}

/* ------------------------------------------------------------
   CTA-Anpassungen (Original 334.css, wie iih-cta)
   ------------------------------------------------------------ */

/* #div_block-3598-12: Box ohne vertikales Padding */
.vt-cta .lp-cta-box {
  padding-top: 0;
  padding-bottom: 0;
}

/* #headline-3600-12: ragt rechts über die Spalte */
.vt-cta-headline {
  margin-right: -91px;
}

@media (max-width: 1399px) {
  .vt-cta-headline {
    margin-right: 0;
  }
}

/* #text_block-3603-12 @479: 20px (lp: 18px) */
@media (max-width: 479px) {
  .vt-cta .lp-cta-copy {
    font-size: 20px;
  }
}