/* Freier Aktionstext auf dem bestehenden Parallax-Motiv.
   Schriftrollen und Scrollbewegung bleiben bei den gemeinsamen Bausteinen. */
body.home-page .home-campaign {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:64px 32px;
  scroll-margin-top:110px;
}
body.home-page .home-campaign > img {
  object-position:65% center;
  filter:saturate(.85) contrast(1.04);
}
body.home-page .home-campaign::after {
  background:linear-gradient(0deg,rgba(0,0,0,.64),rgba(0,0,0,.52));
}
body.home-page .home-campaign__copy {
  position:relative;
  z-index:2;
  width:min(100%,850px);
  text-align:center;
  color:#fff;
}
body.home-page main .home-campaign__copy h2 {margin-inline:auto;overflow-wrap:normal}
body.home-page .home-campaign__lead {margin-top:26px}
body.home-page .home-campaign__cta {
  display:inline-flex;align-items:center;justify-content:center;gap:24px;
  min-height:52px;max-width:100%;margin-top:32px;padding:14px 22px;border-radius:999px;
  background:#e0f0eb;color:#173b35;text-decoration:none;
  font:400 14px/1.4 var(--service-sans);white-space:nowrap;
  transition:background .2s;
}
body.home-page .home-campaign__cta:hover {background:#fff}
body.home-page .home-campaign__cta:focus-visible {outline-color:#fff}
body.home-page .home-campaign__cta svg {width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.home-page main .home-campaign__note[data-text-role="note"] {margin:20px auto 0;max-width:490px;color:#e3e3e3}
@media (max-width:767px) {
  body.home-page .home-campaign {padding:64px 24px}
  body.home-page .home-campaign__cta {font-size:13px;padding-inline:18px;gap:16px}
}
@media (max-width:620px) {
  /* Die bisherigen Bereichsbuttons liegen auf Mobil sonst im selben Bild.
     Für Aktionen erhalten sie eine eigene Zeile vor der Bildkarte. */
  body.home-page .home-preview-hero--campaign {grid-template-areas:"brand" "copy" "services" "visual"}
  body.home-page .home-preview-hero--campaign .home-preview-metrics {
    grid-area:services;max-width:360px;margin:32px auto 0;padding:0;
    gap:28px;
  }
  body.home-page .home-preview-hero--campaign .home-preview-metric {color:#444;--service-ink:#222}
  body.home-page .home-preview-hero--campaign .home-preview-metric__cta {border-color:#666;background:transparent;color:#444}
  body.home-page .home-preview-hero--campaign .home-preview-image-stage {height:auto;min-height:0;margin-top:40px}
  body.home-page .home-campaign {height:auto;min-height:620px;padding:72px 20px}
  body.home-page .home-campaign > img {object-position:76% center;height:100%;transform:none}
}
@media (max-width:374px) {
  body.home-page .home-campaign {padding-inline:20px}
  body.home-page .home-campaign__cta {font-size:12px;padding-inline:18px;gap:14px}
}

/* Derselbe 24-px-Fade-up wie in den übrigen Inhaltssektionen, jedoch erst
   nach Scrollbeginn und wenn das Motiv weiter in den Viewport gerückt ist. */
body.home-page .home-campaign__copy.has-scroll-reveal {
  opacity:0;
  transform:translate3d(0,24px,0);
  pointer-events:none;
  transition:opacity .6s ease, transform .6s ease;
}
body.home-page .home-campaign__copy.has-scroll-reveal:is(.is-revealed,:focus-within) {
  opacity:1;
  transform:translate3d(0,0,0);
  pointer-events:auto;
}
body.home-page .home-campaign__copy:focus-within {transition:none}
@media (prefers-reduced-motion:reduce) {
  body.home-page .home-campaign__copy.has-scroll-reveal {opacity:1;transform:none;transition:none;pointer-events:auto}
}
@media print {
  body.home-page .home-campaign__copy.has-scroll-reveal {opacity:1;transform:none;pointer-events:auto}
}