/* Ergänzungen für Monitoring und die zugehörige Software-Übersicht. */
.navigation a.nav-parent-active::after { transform: scaleX(1); }
.container.gsd-wide { width: calc(100% - 48px); max-width: none; }
.monitoring-promo-section { padding-top: 0; }
.monitoring-feature {
    display: grid;
    grid-template-columns: 1.55fr 1fr;
    gap: 70px;
    align-items: center;
    padding: 64px;
    border-radius: 30px;
    background: radial-gradient(ellipse at 100% 0%, #57145f 0%, transparent 64%), #211627;
    color: #fff;
}
.monitoring-feature .eyebrow { color: #e3b2e8; }
.monitoring-feature h2 { font-size: clamp(36px, 4.5vw, 58px); }
.monitoring-feature-copy > p:not(.eyebrow) { color: #c2b4cb; font-size: 15px; }
.monitoring-feature .button { margin-top: 12px; background: #fff; color: #650065; border-color: #fff; }
.monitoring-feature .button:hover { background: #f3e4f4; }
.monitoring-feature-aside { border: 1px solid #ffffff24; background: #ffffff05; border-radius: 22px; padding: 34px; }
.monitoring-feature-number { color: #fff; font-size: 78px; line-height: 1; letter-spacing: -.065em; margin-bottom: 34px; }
.monitoring-feature-number > span { display: block; font-size: 11px; letter-spacing: .02em; color: #d0bad9; margin-top: 14px; line-height: 1.5; }
.monitoring-feature-aside ul { list-style: none; padding: 0; margin: 0; }
.monitoring-feature-aside li { font-size: 12px; line-height: 1.6; color: #e7dfea; padding: 14px 0; border-top: 1px solid #ffffff17; }
.monitoring-feature-aside li::before { content: '↗'; color: #d59cdb; margin-right: 12px; }
@media (max-width: 1000px) {
    .monitoring-feature { padding: 45px; gap: 35px; }
    .monitoring-feature-aside { padding: 28px; }
    .monitoring-feature-number { font-size: 66px; }
}
@media (max-width: 700px) {
    .monitoring-feature { grid-template-columns: 1fr; padding: 38px 30px; gap: 32px; }
    .monitoring-feature h2 { font-size: 40px; }
    .monitoring-feature-number { font-size: 64px; }
    .monitoring-feature-aside { padding: 28px; }
}
@media (max-width: 380px) {
    .monitoring-feature { padding: 32px 24px; }
    .monitoring-feature h2 { font-size: 35px; }
    .monitoring-feature .button { font-size: 11px; padding-inline: 18px; gap: 14px; }
}