.sub-hero .sub-hero-media {
  width: 100%;
  min-height: 0;
  height: auto;
  align-self: center;
  justify-self: center;
}
.sub-hero .sub-hero-media img {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.service-moment {
  padding: clamp(54px, 7vw, 100px) clamp(18px, 6vw, 86px);
  color: #fff;
  background: var(--ink);
}
.service-moment-copy {
  max-width: 1180px;
  margin: 0 auto clamp(28px, 4vw, 50px);
}
.service-moment-copy h2 {
  font-size: clamp(2rem, 4.5vw, 4.5rem);
  line-height: 1.1;
  max-width: 24ch;
  margin-bottom: 20px;
}
.service-moment-copy > p:last-child {
  max-width: 58ch;
  color: #d9d5d1;
  font-size: 1rem;
  line-height: 1.65;
}
.service-moment-film {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  overflow: hidden;
  border-bottom: 4px solid var(--red);
  background: #161616;
}
.service-moment-film video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.service-moment-film figcaption {
  position: absolute;
  left: 18px;
  bottom: 18px;
  max-width: calc(100% - 36px);
  padding: 9px 12px;
  font-size: 0.875rem;
  background: rgba(0, 0, 0, 0.78);
}

.service-editorial {
  display: grid;
  grid-template-columns: minmax(0, 400px) minmax(0, 560px);
  grid-template-rows: auto auto;
  justify-content: center;
  align-items: start;
  gap: 22px clamp(36px, 6vw, 88px);
  padding-block: clamp(56px, 7vw, 100px);
  border-top: 1px solid var(--dark-line);
}
.service-editorial .service-editorial-image {
  grid-column: 1;
  grid-row: 1 / 3;
  margin: 12px 0 0;
  position: relative;
}
.service-editorial-image::after {
  content: "";
  position: absolute;
  width: 64px;
  height: 4px;
  bottom: -18px;
  left: 0;
  background: var(--red);
}
.service-editorial-image img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--dark-line);
}
.service-editorial > div { grid-column: 2; min-width: 0; }
.service-editorial h2 {
  font-size: clamp(2rem, 3.3vw, 3.3rem);
  line-height: 1.12;
  text-wrap: balance;
  margin-bottom: 0;
}
.service-editorial .kicker { color: var(--red); font-size: 0.875rem; }
.service-editorial .text-stack { gap: 14px; }
.service-editorial .text-stack p { margin: 0; }
#garantieverlaengerung {
  grid-template-columns: minmax(0, 560px) minmax(0, 400px);
  background: var(--paper);
}
#garantieverlaengerung .service-editorial-image { grid-column: 2; }
#garantieverlaengerung > div { grid-column: 1; }
@media (max-width: 700px) {
  .service-editorial,
  #garantieverlaengerung { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .service-editorial .service-editorial-image,
  #garantieverlaengerung .service-editorial-image {
    grid-column: 1;
    grid-row: auto;
    width: min(100%, 400px);
    margin: 0 0 16px;
  }
  .service-editorial > div { grid-column: 1; }
}