/* DSA Onboarding — "So funktioniert's" (v2.11.0) */
.dsa-ob-wrap {
  max-width: 760px; margin: 32px auto; padding: 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #2C2C2A;
}
.dsa-ob-eyebrow { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #ABA285; margin: 0 0 4px; }
.dsa-ob-h1 { font-size: 30px; font-weight: 800; letter-spacing: -.02em; margin: 0 0 8px; color: #1a1a14; }
.dsa-ob-intro { font-size: 16px; line-height: 1.6; color: #6B6A64; margin: 0 0 32px; }

/* Flussdiagramm */
.dsa-ob-flow { display: flex; flex-direction: column; align-items: stretch; gap: 0; margin-bottom: 36px; }
.dsa-ob-step {
  display: flex; align-items: flex-start; gap: 16px;
  background: #fff; border: 1.5px solid #E0DDD0; border-radius: 12px;
  padding: 16px 18px;
}
.dsa-ob-step-num {
  flex: 0 0 auto; width: 36px; height: 36px; line-height: 36px; text-align: center;
  background: #ABA285; color: #fff; font-size: 17px; font-weight: 800; border-radius: 50%;
}
.dsa-ob-step-body { flex: 1 1 auto; padding-top: 2px; }
.dsa-ob-step-title { font-size: 16px; font-weight: 700; color: #1a1a14; margin-bottom: 2px; }
.dsa-ob-step-desc { font-size: 14px; line-height: 1.55; color: #6B6A64; }
.dsa-ob-arrow { text-align: center; color: #C8C6B2; font-size: 20px; line-height: 1; padding: 6px 0; }

/* Section-Titel */
.dsa-ob-section-title {
  font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
  color: #ABA285; margin: 36px 0 14px;
}

/* Apps */
.dsa-ob-apps { display: flex; gap: 14px; flex-wrap: wrap; }
.dsa-ob-app {
  flex: 1 1 240px; background: #F7F5EE; border: 1px solid #E0DDD0; border-radius: 12px;
  padding: 18px 20px;
}
.dsa-ob-app-title { font-size: 17px; font-weight: 700; color: #1a1a14; margin-bottom: 4px; }
.dsa-ob-app-desc { font-size: 14px; line-height: 1.5; color: #6B6A64; }

/* Vorteile */
.dsa-ob-why { display: flex; flex-direction: column; gap: 18px; }
.dsa-ob-why-item { display: flex; align-items: flex-start; gap: 14px; }
.dsa-ob-why-item > div:last-child { padding-top: 2px; }
.dsa-ob-why-icon {
  flex: 0 0 auto; width: 40px; height: 40px; line-height: 40px; text-align: center;
  background: #F1EFE8; border-radius: 10px; font-size: 20px;
}
.dsa-ob-why-title { font-size: 15px; font-weight: 700; color: #1a1a14; margin-bottom: 1px; }
.dsa-ob-why-desc { font-size: 14px; line-height: 1.5; color: #6B6A64; }

/* CTA */
.dsa-ob-cta-wrap { margin-top: 36px; text-align: center; }
.dsa-ob-cta {
  display: inline-block; background: #ABA285 !important; color: #fff !important;
  font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important;
  padding: 14px 32px !important; border-radius: 10px !important; border: none !important;
}
.dsa-ob-cta:hover { opacity: .88 !important; }

@media (max-width: 560px) {
  .dsa-ob-h1 { font-size: 24px; }
  .dsa-ob-apps { flex-direction: column; }
}