/* Lösungsseiten: Beispiele im gemeinsamen Seitenlayout, ohne zusätzliche Effektanimationen. */
.mw-solutions {--solution-line:#c8d8e5;--solution-ink:#172b3b;}
.mw-solutions .mw-statement h1 {max-width:16ch;}
.mw-solution-index {padding:22px 0 60px;}
.mw-solution-entry {display:grid;grid-template-columns:64px 1fr 1fr;gap:28px;align-items:start;padding:38px 0;border-bottom:1px solid var(--solution-line);}
.mw-solution-entry .mw-service-icon {margin:0;}
.mw-solution-entry h2 {font-size:clamp(26px,2.8vw,36px);margin:0 0 10px;}
.mw-solution-entry h2 a {color:var(--solution-ink);text-decoration:none;}
.mw-solution-entry h2 a:hover {color:#2378b9;text-decoration:underline;text-underline-offset:5px;}
.mw-solution-entry p {color:#465b6e;margin:0 0 12px;}
.mw-solution-entry .mw-solution-question {color:#2378b9;font-size:14px;letter-spacing:.01em;}
.mw-solution-entry .mw-quiet {font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.mw-solution-return {display:inline-block;margin-top:28px;font-weight:700;color:#236c9f;text-underline-offset:4px;}
.mw-solution-example {padding:40px;border-radius:24px;background:#142b3d;color:#fff;margin:48px 0;overflow:hidden;}
.mw-solution-example .mw-eyebrow {color:#8dcefb;}
.mw-solution-example h2 {color:#fff;font-size:clamp(28px,3vw,40px);max-width:24ch;}
.mw-solution-example > p {color:#d3e0eb;max-width:72ch;}
.mw-solution-example figcaption {font-size:13px;color:#bed1e0;margin-top:22px;line-height:1.6;}
.mw-solution-flow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 0;list-style:none;padding:0;}
.mw-solution-flow li {padding:25px;border:1px solid #526c81;border-radius:15px;background:#1e394f;min-width:0;}
.mw-solution-flow i {color:#8dcefb;font-size:27px;margin-bottom:17px;display:block;}
.mw-solution-flow strong {display:block;font-size:19px;color:#fff;line-height:1.35;}
.mw-solution-flow p {font-size:15px;line-height:1.65;color:#d3e0eb;margin:12px 0 0;hyphens:auto;overflow-wrap:anywhere;}
.mw-solution-example .mw-primary {margin-top:20px;}
.mw-solution-example a.mw-quiet {color:#a8d9fc;}
.mw-solution-network {padding-top:25px;}
.mw-solution-network .mw-solution-core {max-width:480px;margin:0 auto;padding:22px;border:1px solid #8dcefb;border-radius:15px;text-align:center;background:#25465e;}
.mw-solution-core strong,.mw-solution-core span {display:block;}
.mw-solution-core span {font-size:14px;color:#d3e0eb;margin-top:7px;}
.mw-solution-network .mw-solution-flow {position:relative;padding-top:26px;margin-top:0;}
.mw-solution-network .mw-solution-flow::before {content:"";position:absolute;left:50%;top:0;width:1px;height:26px;background:#8dcefb;}
.mw-solution-links {display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;}
.mw-solution-links a {color:#236c9f;font-weight:700;text-underline-offset:4px;}
.mw-solutions :is(a,summary):focus-visible {outline:3px solid #45a1e8;outline-offset:4px;}
#nav-submenu-5 {min-width:300px;}
#nav-submenu-5 .dropdown-item {white-space:normal;line-height:1.45;}
@media(max-width:991.98px){.mw-solution-flow {grid-template-columns:1fr;}}
@media(max-width:767.98px){
 .mw-solution-entry {grid-template-columns:44px minmax(0,1fr);gap:12px 18px;padding:28px 0;}
 .mw-solution-entry > div:last-child {grid-column:2;}
 .mw-solution-entry .mw-service-icon {width:42px;height:42px;font-size:20px;}
 .mw-solution-example {padding:26px 22px;margin:32px 0;border-radius:18px;}
 .mw-solution-flow {grid-template-columns:1fr;gap:12px;}
 .mw-solution-flow li {padding:20px;}
 .mw-solution-flow i {display:inline-block;margin:0 12px 10px 0;font-size:23px;}
 .mw-solution-flow strong {font-size:18px;}
 .mw-solution-index {padding-bottom:30px;}
 #nav-submenu-5 {min-width:0;}
}

/* Quellen bleiben lesbar, ohne die eigentlichen Leistungsbeschreibungen zu überlagern. */
.mw-solutions .mw-solution-source {font-size:14px;line-height:1.65;color:#465b6e;margin-top:22px;overflow-wrap:anywhere;}
.mw-solutions .mw-solution-source a {color:#236c9f;text-decoration:underline;text-underline-offset:3px;}
.mw-solutions :is(#sicherheitsupdates,#monitoring,#umsetzung,#einordnung) {scroll-margin-top:110px;}