/* Leistungsseiten: bestehende DOST-IT-Farben und lokale Schrift verwenden. */
.nav-menu .drop-down:focus-within>ul{opacity:1;visibility:visible;top:100%}
.service-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0 0;margin-top:24px;border-top:1px solid #444}
.service-footer-links a{color:#ddd}
.service-detail{padding-top:100px;overflow-wrap:anywhere}
.service-detail section{overflow:visible}
.service-hero{padding:28px 0 60px;background:linear-gradient(135deg,#f8f4f4,#f6f7f9)}
.service-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:.78rem;margin-bottom:38px;color:#62666d}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:44px;align-items:center}
.service-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#a52c2c;font-weight:700;margin-bottom:14px}
.service-detail h1{font-size:clamp(1.85rem,3.1vw,2.9rem);font-weight:700;line-height:1.2;color:#20242b;letter-spacing:-.04em;hyphens:auto}
.service-detail h2{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.35;color:#20242b;margin-bottom:24px;hyphens:auto}
.service-detail h3{font-size:1.06rem;font-weight:700;line-height:1.5;color:#20242b;hyphens:auto}
.service-lead{font-size:1.03rem;line-height:1.85;margin:24px 0}
.service-actions{display:flex;gap:12px;flex-wrap:wrap}
.service-button{display:inline-flex;align-items:center;justify-content:center;background:#b92f2f;border:2px solid #b92f2f;color:#fff;border-radius:8px;padding:12px 18px;font-size:.85rem;font-weight:600;text-align:center}
.service-button:hover{background:#962626;border-color:#962626;color:#fff}
.service-button--outline{background:transparent;border-color:#42464d;color:#30343b}
.service-button--outline:hover{background:#30343b;border-color:#30343b;color:#fff}
.service-detail a:focus-visible,.service-detail summary:focus-visible{outline:3px solid #b92f2f;outline-offset:5px}
.service-caption{font-size:.75rem;line-height:1.8;color:#62666d;margin:20px 0 0}
.service-brief{background:#242832;color:#f2f3f5;padding:30px;border-radius:16px;border-top:4px solid #c73535;box-shadow:0 14px 35px #18212d18}
.service-brief>i{font-size:2rem;color:#ff9696;margin-bottom:20px}
.service-brief h2{font-size:1.2rem;color:#fff}
.service-brief ul{padding-left:20px;line-height:1.8;font-size:.9rem}
.service-brief li{margin-bottom:12px}
.service-brief>p{border-top:1px solid #51545d;padding-top:18px;margin:20px 0 0;font-size:.8rem;line-height:1.8;color:#d5d7dd}
.service-content-section{padding:60px 0}
.service-content-section--soft{background:#f6f7f9}
.service-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-detail-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-detail-card{border:1px solid #dce0e5;padding:25px;border-radius:12px;background:#fff}
.service-detail-card p,.service-process p,.service-section-intro{font-size:.9rem;line-height:1.85}
.service-detail-card p:last-child{margin-bottom:0}
.service-section-intro{max-width:850px;margin-bottom:26px}
.service-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:28px 0}
.service-step-number{display:block;font-size:1.7rem;font-weight:700;color:#b92f2f;margin-bottom:12px}
.service-scope-note{font-size:.86rem;line-height:1.8;padding:20px;border-left:3px solid #c73535;background:#fff;margin:16px 0 0}
.service-example img{display:block;max-width:100%;object-fit:contain;object-position:left center;margin-bottom:22px}
.service-example>a{font-size:.85rem;font-weight:600}
.service-faq details{border-bottom:1px solid #d4d9df;padding:20px 0}
.service-faq summary{font-weight:600;cursor:pointer;line-height:1.7}
.service-faq details p{font-size:.9rem;line-height:1.85;margin:16px 0 0;max-width:950px}
.service-contact-panel{padding:34px;border:1px solid #e3c8c8;border-radius:16px;background:#fcf7f7}
.service-contact-panel p{line-height:1.85;max-width:870px}
.service-related{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.85rem;margin-top:28px}
.service-shop-note{margin:25px 0;padding:24px;background:#f6f7f9;border-left:3px solid #c73535;line-height:1.8}
@media(max-width:991px){.service-hero-grid{grid-template-columns:1fr;gap:28px}.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail{padding-top:88px}}
@media(max-width:575px){.service-hero{padding-bottom:36px}.service-breadcrumb{margin-bottom:28px}.service-content-section{padding:38px 0}.service-detail-grid,.service-process{grid-template-columns:1fr}.service-brief,.service-detail-card,.service-contact-panel{padding:22px}.service-actions{flex-direction:column;align-items:stretch}.service-detail h1{font-size:1.85rem}.service-footer-links{flex-direction:column}.service-process{gap:14px}}
/* Fünf digitale Leistungen: drei Karten oben, zwei gleich breite darunter. */
@media(min-width:992px){
  #services .service-group[aria-labelledby="services-digital-title"] .service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  #services .service-group[aria-labelledby="services-digital-title"] .icon-box{grid-column:span 2}
  #services .service-group[aria-labelledby="services-digital-title"] .icon-box:nth-child(n+4){grid-column:span 3}
}