/* A bounded change: customer outcomes lead within the existing services section. */
html[lang] #root #leistungen.bc-services-value .section-head {
  row-gap:26px;
  margin-bottom:40px;
}
html[lang] #root #leistungen.bc-services-value .section-head > div {
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(32px,4vw,72px);
  align-items:end;
}
html[lang] #root #leistungen.bc-services-value .section-head h2 {
  max-width:720px;
  font-size:clamp(38px,3.9vw,60px);
  line-height:1.09;
  letter-spacing:-.035em;
  text-wrap:balance;
}
html[lang] #root #leistungen.bc-services-value .section-head > div > p {
  margin:0 0 4px;
  padding-left:24px;
  border-left:2px solid var(--bc-visual-accent);
  font-size:17px;
  line-height:1.65;
  max-width:470px;
}
html[lang] #root #leistungen.bc-services-value .service-card {
  position:relative;
  min-height:0;
  padding:32px;
}
html[lang] #root #leistungen.bc-services-value .service-icon {
  position:absolute;
  top:28px;
  right:28px;
  margin:0;
  width:46px;
  height:46px;
}
html[lang] #root #leistungen.bc-services-value .service-icon .bc-symbol { width:28px; height:28px; }
html[lang] #root #leistungen.bc-services-value .bc-service-domain {
  display:block;
  padding-right:64px;
  color:var(--bc-visual-accent);
  font:600 12px/1.5 var(--ui-font);
  letter-spacing:.06em;
  text-transform:uppercase;
}
html[lang] #root #leistungen.bc-services-value .service-card h3 {
  max-width:490px;
  padding-right:45px;
  font-size:clamp(27px,2.3vw,35px);
  line-height:1.16;
  margin:18px 0 18px;
}
html[lang] #root #leistungen.bc-services-value .service-card p { font-size:16px; line-height:1.65; }
html[lang] #root #leistungen.bc-services-value .service-card ul { margin-top:22px; padding-top:15px; }
html[lang] #root #leistungen.bc-services-value .service-card li { font-size:14px; line-height:1.55; }
html[lang] #root #leistungen.bc-services-value .service-card small { padding-top:22px; }
@media (min-width:701px) and (max-width:1050px) {
  html[lang] #root #leistungen.bc-services-value .section-head > div { grid-template-columns:1fr; gap:24px; }
  html[lang] #root #leistungen.bc-services-value .section-head > div > p { max-width:720px; }
  html[lang] #root #leistungen.bc-services-value .service-card { padding:26px; }
  html[lang] #root #leistungen.bc-services-value .service-icon { top:22px; right:22px; }
}
@media (max-width:700px) {
  html[lang] .mobile-home #mb-services > h2 { font-size:34px; line-height:1.15; text-wrap:balance; -webkit-hyphens:none; hyphens:none; overflow-wrap:normal; }
  html[lang] .mobile-home #mb-services .mb-service > summary strong { font-size:20px; line-height:1.35; }
  html[lang] .mobile-home #mb-services .mb-service > summary small { margin-top:8px; font-size:13px; line-height:1.45; }
  html[lang] .mobile-home #mb-services .mb-prose > ul > li { font-size:15px; line-height:1.65; }
}