/* Navigation und Beitragsvideos: gezielte Überarbeitung nach Sichtprüfung, 16.10.2026. */
:root {
    --kh-nav-grund: #14271f;
    --kh-nav-text: #f6f3eb;
    --kh-nav-akzent: #c78c61;
    --kh-nav-akzent-hover: #d69d72;
}

#header.header,
#header .megamenu,
#header nav.mega-menu,
#header .menu-list-items,
#header .mega-menu.desktopTopFixed,
#header .mega-menu.desktopTopFixed .menu-list-items {
    background: var(--kh-nav-grund) !important;
}
#header .menu-list-items {
    border-bottom: 1px solid rgba(246,243,235,.09);
    box-shadow: none;
}
#header .menu-logo img#logo_text {
    /* Die bestehende Wortmarke bleibt erhalten, ihre bisher grelle Orangefläche wird hell. */
    filter: brightness(0) invert(.96);
}
#header .menu-links > li > a {
    color: var(--kh-nav-text) !important;
    text-transform: none !important;
    text-shadow: none !important;
    font-weight: 500;
    letter-spacing: 0 !important;
    opacity: 1;
}
#header .menu-links > li:hover > a,
#header .menu-links > li.active > a,
#header .menu-links > li > a:focus-visible {
    color: var(--kh-nav-akzent-hover) !important;
}
#header .menu-links > li.kh-nav-login > a {
    border-color: transparent;
    background: transparent !important;
    box-shadow: none;
}
#header .menu-links > li.kh-nav-start > a.kh-nav-button,
.kh-hero-foto .btn-primary {
    background: var(--kh-nav-akzent) !important;
    border-color: var(--kh-nav-akzent) !important;
    color: var(--kh-nav-grund) !important;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: none;
}
#header .menu-links > li.kh-nav-start > a.kh-nav-button:hover,
.kh-hero-foto .btn-primary:hover {
    background: var(--kh-nav-akzent-hover) !important;
    border-color: var(--kh-nav-akzent-hover) !important;
    color: var(--kh-nav-grund) !important;
    box-shadow: none;
}
#header a:focus-visible { outline: 2px solid var(--kh-nav-akzent-hover); outline-offset: 4px; }
.kh-hero-foto a:not(.btn) { color: var(--kh-nav-akzent-hover); }
@media (min-width: 1400px) {
    #header .menu-links > li > a { font-size: 14px !important; }
}
@media (max-width: 991px) {
    #header .mega-menu .menu-links { background: var(--kh-nav-grund); border-radius: 0; }
    #header .mega-menu .menu-links > li { border-bottom-color: rgba(246,243,235,.12); }
    #header .mega-menu .menu-links > li:last-child { border-bottom: 0; }
    #header .mega-menu .menu-links > li > a { font-size: 16px !important; }
    #header .mega-menu .drop-down-multilevel { background: #f6f5f0 !important; }
    #header .mega-menu .mobileTriggerButton { color: var(--kh-nav-text) !important; }
    #header .menu-logo img#logo_text { width: 180px !important; height: auto !important; }
}

/* Eigene Querformat-Vorschauen verhindern, dass ein Hochformat-Poster den Player streckt. */
.kh-beitrag figure.kaderheld-video {
    display: block;
    width: 100%; max-width: 440px;
    margin-left: 0; margin-right: 0;
    padding: 0;
    background: transparent;
    border: 0; box-shadow: none;
}
.kh-beitrag .kaderheld-video video {
    display: block;
    width: 100% !important; height: auto !important;
    max-height: 320px;
    object-fit: contain;
    border-radius: 8px !important;
    background: #14271f !important;
}
.kh-beitrag .kaderheld-video video.kh-video-quer { aspect-ratio: 16 / 9; }
.kh-beitrag .kaderheld-video figcaption {
    margin-top: 10px !important;
    color: #55635b; font-size: .85rem; line-height: 1.5;
}
@media (max-width: 767px) {
    .kh-beitrag figure.kaderheld-video { max-width: 380px; }
    .kh-beitrag .kaderheld-video video { max-height: 260px; }
}