/* Ergänzungen zu Offsite-Backup und KI-Fachseiten. Bestehendes AOIT-Design bleibt erhalten. */
.seo-content { color: #18334b; min-width: 0; }
.seo-content + .seo-content { margin-top: 3.5rem; }
.seo-section-header { max-width: 74ch; margin-bottom: 1.5rem; }
.seo-content h2 { color: #092030; font-size: clamp(1.6rem, 2.5vw, 2.2rem); line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
.seo-content h3, .ai-capability-grid h3 { color: #102c42; font-size: 1.15rem; line-height: 1.4; letter-spacing: -.01em; margin: 0 0 .75rem; overflow-wrap: anywhere; }
.seo-content p, .seo-content dd, .seo-content li { font-size: 1rem; line-height: 1.75; }
.seo-content p { margin: .75rem 0 0; }
.seo-content .eyebrow { color: #0864ae; font-size: .875rem; line-height: 1.5; margin: 0 0 .65rem; }
.seo-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1rem; }
.seo-info-card { min-width: 0; border: 1px solid #dce6ee; border-radius: 1rem; padding: 1.4rem; background: #f5f9fd; }
.seo-case { border-top: 3px solid #167cce; background: #f7fafc; padding: clamp(1.2rem, 2.5vw, 2rem); }
.seo-case dl { margin: 0; }
.seo-case dt { color: #0864ae; font-size: .875rem; font-weight: 700; margin: 1.25rem 0 .3rem; }
.seo-case dd { margin: 0; }
.seo-delivery { background: #edf4fa; }
.seo-project-steps { margin: 0; padding: 0 0 0 1.75rem; list-style: decimal; }
.seo-project-steps li { padding: 1.1rem 0 1.1rem .6rem; border-bottom: 1px solid #cbdce8; }
.seo-project-steps li::marker { color: #0864ae; font-weight: 700; }
.seo-project-steps h3 { margin-bottom: .4rem; }
.seo-note { padding: 1.3rem 1.5rem; margin-top: 1.5rem; border-left: 3px solid #07879a; background: #edf6f8; border-radius: 0 .75rem .75rem 0; }
.seo-note strong { color: #123b47; font-size: 1rem; }
.seo-topic-links { display: grid; gap: .75rem; margin: 0; padding-left: 1.25rem; list-style: disc; }
.seo-topic-links a { color: #075da3; text-decoration: underline; text-underline-offset: .2em; }
.seo-content a:focus-visible, .seo-faq summary:focus-visible { outline: 3px solid #167cce; outline-offset: 4px; }
.seo-faq details { padding: 1rem 0; border-bottom: 1px solid #cbdce8; }
.seo-faq summary { display: list-item; cursor: pointer; font-size: 1rem; font-weight: 700; line-height: 1.5; }
.offsite-expanded > .seo-content { margin: 2.5rem 0; }
.content-card > .seo-content { margin: 2.5rem 0; }
@media (max-width: 700px) { .seo-card-grid { grid-template-columns: minmax(0, 1fr); } .seo-info-card { padding: 1.15rem; } .seo-note { padding: 1.1rem; } }