body.variant-editorial .container {
  width: min(calc(100% - 40px), 1120px);
}

body.variant-editorial .hero {
  min-height: auto;
  padding-bottom: 40px;
}

body.variant-editorial .hero-grid {
  grid-template-columns: 1fr;
  gap: 22px;
}

body.variant-editorial .hero h1 {
  max-width: 11ch;
  font-size: clamp(3.8rem, 9vw, 8.2rem);
}

body.variant-editorial .stack {
  grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr);
  align-items: stretch;
}

body.variant-editorial .city {
  min-height: 360px;
}

body.variant-editorial .summary {
  grid-template-columns: 1fr;
}

body.variant-editorial .summary-row {
  min-height: 0;
}

body.variant-editorial .section {
  padding: 110px 0;
}

body.variant-editorial .head {
  grid-template-columns: 260px minmax(0, 1fr);
  display: grid;
  align-items: start;
}

body.variant-editorial .title {
  max-width: none;
  font-size: clamp(2.8rem, 5vw, 4.8rem);
}

body.variant-editorial .copy {
  max-width: 48ch;
  padding-top: 18px;
}

body.variant-editorial #leistungen .services {
  grid-template-columns: 1fr;
  gap: 28px;
}

body.variant-editorial #leistungen .service {
  min-height: 0;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

body.variant-editorial #leistungen .service .index {
  margin-top: 6px;
}

body.variant-editorial #leistungen .service h3,
body.variant-editorial #leistungen .service p,
body.variant-editorial #leistungen .service .list {
  grid-column: 2;
}

body.variant-editorial #referenzen .reference-grid,
body.variant-editorial #portal .portal-grid,
body.variant-editorial #ablauf .workflow,
body.variant-editorial #kontakt .contacts {
  grid-template-columns: 1fr;
}

body.variant-editorial #referenzen .reference-summary {
  order: 2;
}

body.variant-editorial #referenzen .map-shell {
  order: 1;
}

body.variant-editorial #referenzen .reference-map {
  height: 560px;
}

body.variant-editorial #portal .portal-card {
  grid-template-columns: 240px minmax(0, 1fr);
  display: grid;
  gap: 22px;
  align-items: start;
}

body.variant-editorial #portal .portal-head,
body.variant-editorial #portal .portal-card h3,
body.variant-editorial #portal .portal-card p,
body.variant-editorial #portal .portal-list,
body.variant-editorial #portal .portal-actions {
  grid-column: 2;
}

body.variant-editorial #portal .portal-head {
  margin-top: 2px;
}

body.variant-editorial #portal .portal-kicker,
body.variant-editorial #portal .portal-state {
  grid-column: 1;
}

@media (max-width: 900px) {
  body.variant-editorial .stack,
  body.variant-editorial .head,
  body.variant-editorial #leistungen .service,
  body.variant-editorial #portal .portal-card {
    grid-template-columns: 1fr;
  }

  body.variant-editorial #leistungen .service h3,
  body.variant-editorial #leistungen .service p,
  body.variant-editorial #leistungen .service .list,
  body.variant-editorial #portal .portal-head,
  body.variant-editorial #portal .portal-card h3,
  body.variant-editorial #portal .portal-card p,
  body.variant-editorial #portal .portal-list,
  body.variant-editorial #portal .portal-actions {
    grid-column: auto;
  }
}