/* SIGNEXT V3.1 – Korrektur Projektseite */
.page-hero { padding-bottom: 62px !important; }
.sx-visual-process { padding-top: 72px !important; }

.sx-process-line {
  margin-top: 42px !important;
  gap: 22px !important;
  align-items: start;
}
.sx-process-line:before { top: 31px !important; }
.sx-step {
  width: 62px !important;
  height: 62px !important;
  margin-bottom: 14px !important;
  border-width: 5px !important;
}
.sx-process-line img {
  display:block;
  width:100%;
  height:190px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center;
  margin:0 0 18px !important;
  background:transparent !important;
  mix-blend-mode:multiply;
}
.sx-process-line h3 { margin:0 0 8px !important; }

.sx-interface-section { padding:88px 0 !important; }
.sx-interface-grid {
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr) !important;
  gap:56px !important;
}
.sx-interface-copy h2 {
  max-width:720px;
  font-size:clamp(3.2rem,5.4vw,5.8rem) !important;
  line-height:.94 !important;
  text-wrap:balance;
}
.sx-interface-grid figure {
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f0efeb;
  padding:36px;
}
.sx-interface-grid img {
  width:100% !important;
  max-width:620px;
  max-height:390px;
  object-fit:contain;
}

@media (max-width:1000px) {
  .sx-interface-grid { grid-template-columns:1fr !important; }
  .sx-interface-copy h2 { max-width:850px; }
  .sx-process-line img { height:230px !important; }
}
@media (max-width:650px) {
  .page-hero { padding-bottom:42px !important; }
  .sx-visual-process { padding-top:58px !important; }
  .sx-process-line { margin-top:30px !important; }
  .sx-process-line article {
    display:grid !important;
    grid-template-columns:58px 1fr !important;
    column-gap:14px !important;
    margin-bottom:28px;
  }
  .sx-process-line .sx-step {
    grid-row:1/4 !important;
    width:54px !important;
    height:54px !important;
  }
  .sx-process-line img {
    grid-column:2 !important;
    height:210px !important;
    margin-bottom:10px !important;
  }
  .sx-interface-section { padding:64px 0 !important; }
  .sx-interface-grid figure { min-height:0; padding:22px; }
}