/* App-Entwicklung und KI-Angebot; ergänzend zum bestehenden Designsystem. */
.digital-services .reveal{opacity:1;transform:none}
.service-detail-link{margin-top:1.2rem;font-size:.84rem;white-space:normal;min-height:44px}
#apps-ki{padding-top:20px}
#app-entwicklung,#ki-beratung{scroll-margin-top:100px}
.digital-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.digital-detail{min-width:0;padding:32px;display:flex;flex-direction:column}
.digital-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--accent-2);margin-bottom:1.2rem}
.digital-detail h3{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.2}
.digital-detail>p{color:var(--muted);font-size:.95rem;line-height:1.7;margin-top:.5rem}
.digital-list{list-style:none;padding:0;margin:.7rem 0 1.2rem;display:grid;gap:18px}
.digital-list li{border-top:1px solid var(--line);padding-top:15px;min-width:0}
.digital-list b{display:block;color:var(--heading);font-size:.95rem;margin-bottom:5px}
.digital-list span{display:block;font-size:.88rem;line-height:1.75;color:var(--muted)}
.digital-detail p,.digital-list span,.ai-stack-grid p,.ai-governance{hyphens:auto;overflow-wrap:anywhere}
.digital-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:8px}
.digital-tags span{border:1px solid var(--line);background:var(--chip-bg);border-radius:999px;padding:5px 10px;font-size:.7rem;color:var(--accent-2)}
.digital-cta{align-self:flex-start;margin-top:24px;white-space:normal;min-height:46px;text-align:center}
.ai-ecosystem{margin-top:22px;padding:32px}
.ai-ecosystem .eyebrow{margin-bottom:12px;display:block;max-width:100%;font-size:.65rem;letter-spacing:.12em;hyphens:auto;overflow-wrap:anywhere}
.ai-ecosystem h3{font-size:1.4rem}
.ai-stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;margin-top:25px}
.ai-stack-grid h4{font-size:.9rem;color:var(--heading);margin:0 0 10px}
.ai-stack-grid p{font-size:.87rem;color:var(--muted);line-height:1.8;margin:0}
.ai-governance{border-top:1px solid var(--line);padding-top:18px;margin:25px 0 0;color:var(--muted);font-size:.78rem;line-height:1.8}
[data-theme="light"] .digital-label,[data-theme="light"] .digital-services .eyebrow,[data-theme="light"] .digital-tags span{color:#086b96}
@media(max-width:800px){
  .digital-grid{grid-template-columns:1fr}
  .digital-detail,.ai-ecosystem{padding:25px}
  .ai-stack-grid{grid-template-columns:1fr;gap:21px}
  .digital-label{font-size:.65rem;letter-spacing:.1em}
}
@media(max-width:400px){
  .digital-detail,.ai-ecosystem{padding:21px}
  .digital-cta{width:100%;justify-content:center;font-size:.86rem}
  .service-detail-link{padding-inline:1rem}
}
@media(prefers-reduced-motion:reduce){.digital-services .reveal{opacity:1;transform:none;transition:none}}
