/* Softwarelösungen: gemeinsame Navigation, Startseiten-Auswahl und Verzeichnis. */
.solution-main-nav a:hover{color:#164b8c}
.solution-main-nav a:focus-visible,.solutions-overview a:focus-visible{outline:3px solid #487fb8;outline-offset:5px}
.solution-main-nav a[aria-current="page"]{color:#164b8c;font-weight:700}
.b .solutions-overview{padding:48px 0 42px;border-bottom:1px solid var(--line);scroll-margin-top:30px}
.solutions-heading{max-width:760px;margin-bottom:26px}
.solutions-heading h2{font-size:34px;line-height:1.2;letter-spacing:-.9px;margin-bottom:17px}
.solutions-heading>p:last-child{font-size:15px;max-width:690px;margin:0}
.solutions-top-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;list-style:none;padding:0;margin:0 0 28px}
.solutions-top-list li{min-width:0;border-bottom:1px solid #dce4ed}
.solutions-top-list a{display:flex;align-items:center;gap:12px;min-height:54px;height:100%;padding:12px 0;font-size:13px;line-height:1.5;color:#263c55}
.solutions-top-list a:before{content:'';flex:0 0 5px;height:5px;border-radius:50%;background:#164b8c;opacity:.7}
.solutions-top-list a>span{margin-left:auto;color:#7892ad;font-size:14px;padding-left:5px;flex-shrink:0}
.solutions-top-list a:hover{color:#164b8c;background:#f7f9fc}
.solutions-top-list a:hover>span{color:#164b8c}
.solutions-overview-footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.solutions-overview-footer .button{font-size:13px;display:inline-flex;gap:18px;align-items:center}
.solutions-overview-footer p{font-size:12px;margin:0;max-width:290px}
.solutions-page .solutions-hero{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:65px;padding:40px 0 46px;border-bottom:1px solid var(--line)}
.solutions-page .solutions-hero h1{font-size:47px;margin-bottom:22px}
.solutions-page .solutions-hero>div:first-child>p:last-child{max-width:640px;font-size:16px;line-height:1.75;margin:0}
.solutions-facts{border-left:1px solid #dce4ed;padding:8px 0 8px 38px}
.solutions-facts strong{display:block;color:#164b8c;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.6px;margin-bottom:12px}
.solutions-page .solutions-facts p{font-size:12px;line-height:1.7;margin:13px 0 0}
.solutions-directory{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;padding:46px 0 34px;align-items:start}
.solutions-aside{position:sticky;top:28px}
.solutions-aside .eyebrow{font-size:10px;margin-bottom:15px}
.solutions-page .solution-index{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.solution-index a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;padding:12px 0;border-bottom:1px solid #dce4ed;color:#455b73}
.solution-index a:hover{color:#164b8c;background:#f6f9fc}
.category-count{font-size:10px;color:#7c91a8;font-variant-numeric:tabular-nums}
.solutions-page .solutions-aside-note{font-size:12px;line-height:1.7;margin:22px 0 13px;color:#64778b}
.solutions-page .solutions-contact-link{font-size:12px;font-weight:700;color:#164b8c;display:inline-flex;gap:12px}
.solution-category{margin-bottom:40px;scroll-margin-top:28px}
.solutions-page .category-heading{display:flex;align-items:flex-start;gap:16px;margin:0;padding:0 0 19px;border-bottom:2px solid #164b8c}
.category-number{font-size:11px;line-height:1.5;font-weight:700;color:#718ca8;padding-top:5px}
.solutions-page .category-heading h2{font-size:26px;letter-spacing:-.6px;margin:0 0 7px}
.solutions-page .category-heading p{font-size:13px;line-height:1.6;margin:0;color:#65788e}
.solution-list{margin:0}
.solution-entry{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:28px;padding:20px 0;border-bottom:1px solid #dce4ed;scroll-margin-top:28px}
.solution-entry dt{font-size:14px;font-weight:700;line-height:1.6;color:#23384f}
.solution-entry dd{margin:0;color:#5e6c7b;font-size:14px;line-height:1.7}
.solution-entry:target{background:#edf3fa;box-shadow:inset 3px 0 #164b8c;padding-left:14px;padding-right:14px}
.solution-entry:target dt{color:#164b8c}
.solutions-page .closing{margin-top:0}
@media(max-width:1000px){
 .solutions-directory{grid-template-columns:185px minmax(0,1fr);gap:30px}
 .solution-entry{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .solutions-page .solutions-hero{gap:30px;grid-template-columns:1fr 190px}
 .solutions-page .solutions-hero h1{font-size:41px}
 .solutions-top-list{column-gap:22px}
}
@media(max-width:760px){
 .b .hero header,.service-page .site-header{flex-wrap:wrap;row-gap:20px}
 .b .hero header .solution-main-nav,.service-page .solution-main-nav{display:flex;width:100%;gap:12px 20px;flex-wrap:wrap;font-size:12px}
 .service-page .solution-main-nav>a:not(.header-contact){display:inline-flex}
 .b .solutions-overview{padding:34px 0}
 .solutions-heading h2{font-size:29px}
 .solutions-top-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
 .solutions-top-list a{font-size:12px;min-height:55px;gap:9px}
 .solutions-overview-footer{gap:13px}
 .solutions-overview-footer p{max-width:none}
 .solutions-page .solutions-hero{grid-template-columns:1fr;padding:30px 0;gap:25px}
 .solutions-page .solutions-hero h1{font-size:37px}
 .solutions-page .solutions-hero>div:first-child>p:last-child{font-size:15px}
 .solutions-facts{padding:0 0 0 16px;border-left:2px solid #164b8c}
 .solutions-facts strong{font-size:24px;letter-spacing:-.4px;margin:0 0 6px}
 .solutions-page .solutions-facts p{font-size:13px;margin:0}
 .solutions-directory{display:block;padding-top:30px}
 .solutions-aside{position:static;margin-bottom:35px}
 .solutions-page .solution-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
 .solution-index a{font-size:12px;min-height:48px}
 .solutions-page .solutions-aside-note,.solutions-aside .solutions-contact-link{display:none}
 .solutions-page .category-heading h2{font-size:25px}
 .solution-entry{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px}
 .solution-entry dt,.solution-entry dd{font-size:13px}
}
@media(max-width:480px){
 .solutions-top-list{grid-template-columns:1fr}
 .solutions-top-list a{min-height:48px;font-size:13px}
 .solutions-heading h2{font-size:27px}
 .solutions-heading h2 br{display:none}
 .solutions-overview-footer .button{font-size:12px;gap:12px;padding:12px 15px}
 .solution-entry{grid-template-columns:1fr;gap:6px;padding:17px 0}
 .solution-entry dt{font-size:14px}
 .solution-entry dd{font-size:13px}
 .solutions-page .category-heading h2{font-size:23px}
 .solutions-page .solutions-hero h1{font-size:34px}
 .solutions-page .closing h2 br{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}