/* Aufklappbare CDT-Navigation, angelehnt an das beproba-Menue. */
.check-menu-toggle, .mobile-menu-contact { display: none; }
@media (max-width: 800px) {
    .site-header.has-check-menu .header-content { position: relative; flex-wrap: nowrap; gap: 16px; min-height: 88px; padding-top: 12px; padding-bottom: 12px; }
    .site-header.has-check-menu .header-content > .header-cta { display: none; }
    .site-header.has-check-menu .check-menu-toggle:not([hidden]) { display: inline-flex; flex: 0 0 44px; width: 44px; height: 44px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0; border: 1px solid #18384b55; border-radius: 8px; background: #ffffff80; color: #18384b; cursor: pointer; }
    .check-menu-toggle:hover, .check-menu-toggle[aria-expanded="true"] { background: #edf5ff; border-color: #18384b; }
    .check-menu-toggle-line { display: block; width: 20px; height: 2px; border-radius: 999px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
    .check-menu-toggle[aria-expanded="true"] .check-menu-toggle-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .check-menu-toggle[aria-expanded="true"] .check-menu-toggle-line:nth-child(2) { opacity: 0; }
    .check-menu-toggle[aria-expanded="true"] .check-menu-toggle-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .site-header.has-check-menu .main-nav { position: absolute; top: calc(100% + 6px); left: 20px; right: 20px; z-index: 5; display: none; flex-direction: column; align-items: stretch; gap: 0; width: auto; margin: 0; padding: 8px; border: 1px solid #dfeaf2; border-radius: 10px; background: #fbfdff; box-shadow: 0 12px 28px #172e491a; color: #18384b; font: 500 .98rem/1.4 'Source Sans Pro', sans-serif; }
    .site-header.has-check-menu .main-nav.is-open { display: flex; }
    .site-header.has-check-menu .main-nav a { display: flex; align-items: center; min-height: 46px; padding: 11px 14px; border-radius: 6px; }
    .site-header.has-check-menu .main-nav a:hover, .site-header.has-check-menu .main-nav a:focus-visible { background: #edf5ff; }
}
@media (prefers-reduced-motion: reduce) {
    .check-menu-toggle-line { transition: none; }
}