/* ============================================================
   Seite: Hardware (Page-ID 133)
   Baut auf dem T133-Skelett (t133-* in usv-loesungen.css) auf —
   hier NUR die Hardware-spezifischen Abweichungen (hw-*):
   im Wesentlichen die Mobil-Overrides, die 133.css hat (129.css
   nicht!), plus die eigene CTA-Variante (section-193-133).
   ============================================================ */

/* #text_block-36-133 (133): max. 780px (129: 900px) */
.hw-mehr-headline {
  max-width: 780px;
}

/* #mehr (133) @767: Seitenpolster 20px kommt schon vom lp-Baustein. */
@media (max-width: 767px) {
  /* #text_block-36-133 @767 */
  .hw-mehr-headline {
    font-size: 31px;
  }

  /* #div_block-35-133 @767: ohne Seitenpolster (nur in 133.css) */
  .hw-mehr .t133-mehr-text {
    padding-left: 0;
    padding-right: 0;
  }

  /* #text_block-38-133 @767: 20px (nur in 133.css) */
  .hw-mehr .t133-mehr-copy {
    font-size: 20px;
  }
}

/* ------------------------------------------------------------
   Text-Bild-Sektionen mobil (nur 133)
   ------------------------------------------------------------ */
@media (max-width: 767px) {
  /* #section-39-133 inner @767 */
  .hw-media-a .section-inner {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  /* #section-47-133 inner @767 */
  .hw-media-b .section-inner {
    padding: 37px 20px 39px;
  }

  /* #new_columns-48-133 @767: Bild über Text */
  .hw-media-b .t133-row {
    flex-direction: column-reverse;
    display: flex;
  }

  /* #div_block-41-133 @767 */
  .hw-media-a .t133-col-img {
    padding-right: 0;
    padding-top: 0;
  }

  /* #div_block-43-133 @767 */
  .hw-media-a .t133-col-text {
    padding-left: 0;
    padding-right: 0;
  }

  /* #div_block-51-133 @767 */
  .hw-media-b .t133-col-text--left {
    padding-right: 0;
  }

  /* #div_block-49-133 @767 */
  .hw-media-b .t133-col-img--right {
    padding-left: 0;
    padding-right: 0;
  }

  /* #text_block-44/52-133 @767 */
  .hw-media-a .t133-media-headline,
  .hw-media-b .t133-media-headline {
    font-size: 31px;
    text-align: center;
  }

  /* #text_block-46/54-133 @767 */
  .hw-media-a .t133-media-copy,
  .hw-media-b .t133-media-copy {
    font-size: 20px;
    text-align: center;
  }

  /* #headline-165-133 (133) @767: 31px (129: 30px) */
  .hw-blob-headline {
    font-size: 31px;
  }

  /* #section-63-133 inner @767 (nur 133) */
  .hw-service .section-inner {
    padding: 47px 20px 30px;
  }

  /* #div_block-67-133 @767 */
  .hw-service .t133-service-col {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  /* #text_block-68-133 @767 (Copy bleibt 22px — kein Original-Override) */
  .hw-service .t133-service-headline {
    font-size: 31px;
  }
}

/* ------------------------------------------------------------
   CTA-Variante (section-193-133)
   ------------------------------------------------------------ */

/* #div_block-194-133: wie 334er-CTA, zusätzlich overflow hidden */
.hw-cta .lp-cta-box {
  overflow: hidden;
}

/* #div_block-195-133: Inhaltsspalte mit eigenem vertikalen Polster
   (nur oberhalb 1399 — darunter gilt das 40px-Padding aus lp-cta) */
@media (min-width: 1400px) {
  .hw-cta .lp-cta-content {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

/* #text_block-201-133: ohne Abstand nach unten (lp: 22px) */
.hw-cta .lp-cta-copy {
  margin-bottom: 0;
}

/* #headline-197-133 @767: 31px (lp: 30px) */
@media (max-width: 767px) {
  .hw-cta .lp-cta-headline {
    font-size: 31px;
  }
}

/* #headline-165-133 (133): h2 rendert im Original dunkel (#111) —
   die Element-Regel schlägt die .white-text-Vererbung */
.hw-blob-headline {
  color: #111;
}

/* #span-180/176-133: Spans im Blob-H2 grün */
.hw-blob-headline span {
  color: #32b4a2;
}