.cb-subheader {
  color: 
  #0067B1;
}

.hero-overlay {
  background-color: #0060A94D;
}

/* EDL CSS OVERRIDES - Ersetzt #ab0033 mit EDL-Blau #0067B1 */

/* 1. PRIMARY BUTTONS */
.btn-primary,
.footer .btn-primary {
    background-color: #0067B1 !important;
}

/* 2. SUBHEADER CENTERED BLOCK (bereits erledigt, hier zur Vollständigkeit) */
.cb-centeredblock .element-subheader {
    color: #0067B1 !important;
}

/* 3. BUTTON-ROW ELEMENTE */
.buttonrow .btn-primary {
    background-color: #0067B1 !important;
}

/* 4. NAVIGATION - LANGUAGE SWITCHER HOVER */
.mobile-menu__language a:hover {
    color: #0067B1 !important;
}

/* 5. NAVIGATION - MOBILE MENU SEARCH */
.mobile-menu__item .search-input {
    border: 1px solid #0067B1 !important;
}

.mobile-menu__item .search-input:focus {
    border-color: #0067B1 !important;
    box-shadow: 0 0 0 3px rgba(0, 103, 177, 0.1) !important;
}

/* 6. SEARCH SUGGESTIONS */
.ke_search_sword-item:hover {
    color: #0067B1 !important;
}

.ke_search_sword-item.active {
    background-color: #0067B1 !important;
}

/* 7. SCROLLBAR */
.ke_search_sword-items::-webkit-scrollbar-thumb:hover {
    background: #0067B1 !important;
}

/* 8. SOCIAL MEDIA ICONS HOVER */
.social-media-icon:hover,
.social-media-icon-instagram:hover,
.social-media-icon-youtube:hover,
.footer .social-media-icon:hover {
    background-color: #0067B1 !important;
}

/* 9. FOOTER LINKS HOVER */
.footer ul li a:hover,
.footer .legal-link:hover {
    color: #0067B1 !important;
}

/* 10. NEWSLETTER INPUT FOCUS */
.footer .form-element-email .form-control:focus {
    border-color: #0067B1 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 177, 0.25) !important;
}

/* 11. CONTENT-BEREICHE */

/* News-Elemente */
.news-item .btn-primary,
.news-detail .btn-primary {
    background-color: #0067B1 !important;
}

/* Accordion-Elemente */
.accordion-button:not(.collapsed) {
    background-color: rgba(0, 103, 177, 0.1) !important;
    border-color: #0067B1 !important;
}

.accordion-button:focus {
    border-color: #0067B1 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 103, 177, 0.25) !important;
}

/* Search-Seite */
.search-results .btn-primary,
.search-form .btn-primary {
    background-color: #0067B1 !important;
}

/* Zusätzliche Hover-States für Konsistenz */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #004d85 !important; /* Dunkleres EDL-Blau für Hover */
    border-color: #004d85 !important;
}

/* Link-Farben für EDL */
a:hover,
.text-primary {
    color: #0067B1 !important;
}

/* Form-Focus-States */
.form-control:focus,
.form-select:focus {
    border-color: #0067B1 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 177, 0.25) !important;
}

/* =========================================================
   EDL Navigation Overrides (Brandfarbe #0067B1)
   ========================================================= */

/* Sekundärmenü (Media, Kontakt etc.) */
.menu-text-block span:hover,
.menu-text-block a:hover {
    color: #0067B1 !important;
    text-shadow: 0 1px 3px rgba(0, 103, 177, 0.3) !important;
}

/* Language-Switcher Desktop */
.language-switcher__item:hover {
    color: #0067B1 !important;
    background: rgba(0, 103, 177, 0.1) !important;
    text-shadow: 0 1px 3px rgba(0, 103, 177, 0.3) !important;
}

.language-switcher__item--active {
    color: #0067B1 !important;
    background: rgba(0, 103, 177, 0.08) !important;
}

/* Hauptmenü (Top-Level) */
.main-menu__item span:hover {
    color: #0067B1 !important;
    text-shadow: 0 2px 4px rgba(0, 103, 177, 0.3) !important;
}

/* Dropdown-Items */
.main-menu__dropdown-item:hover {
    background: rgba(0, 103, 177, 0.08) !important;
    color: #0067B1 !important;
}

/* Sticky-Menü (kleiner Header beim Scrollen) */
.sticky-menu-all span:hover,
.sticky-menu-all a:hover {
    color: #0067B1 !important;
    text-shadow: 0 1px 2px rgba(0, 103, 177, 0.3) !important;
}

/* Desktop-Suche im Header */
.search-input:focus {
    border-color: #0067B1 !important;
    box-shadow: 0 0 0 2px rgba(0, 103, 177, 0.1) !important;
}

/* Mobile-Menü: Close-Button */
.mobile-menu__close:hover {
    background: rgba(0, 103, 177, 0.1) !important;
    color: #0067B1 !important;
}

/* Mobile-Menü: Hauptpunkte */
.mobile-menu__main-item .mobile-menu__main-link:hover {
    color: #0067B1 !important;
}

/* Mobile-Menü: Submenü-Linie & Links */
.mobile-menu__main-item .mobile-menu__submenu {
    border-left: 4px solid #0067B1 !important;
}

.mobile-menu__main-item .mobile-menu__submenu-link:hover {
    color: #0067B1 !important;
}

/* Mobile-Menü: Sekundärnavigation */
.mobile-menu__secondary-item .mobile-menu__secondary-link:hover {
    color: #0067B1 !important;
}

.mobile-menu__secondary-item .mobile-menu__submenu-link:hover {
    color: #0067B1 !important;
}

/* Mobile-Menü: Suchbereich */
.mobile-menu__item form.search-form {
    border-bottom: 2px solid #0067B1 !important;
}

/* (mobile search-input hast du bereits, hier zur Sicherheit global ergänzt) */
.mobile-menu__item .search-input {
    border: 1px solid #0067B1 !important;
}

.mobile-menu__item .search-input:focus {
    border-color: #0067B1 !important;
    box-shadow: 0 0 0 3px rgba(0, 103, 177, 0.1) !important;
}

/* Mobile-Menü: Language-Switcher (dupliziert für Klarheit) */
.mobile-menu__language a:hover {
    color: #0067B1 !important;
}

/* ======================================
   Timeline Anpassungen    
   ====================================== */

.timeline-item-date time {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    color: white;
    background-color: #0067B1;
    border-radius: 4px;
    padding: 0.1em 0.2em; /* Optional: Fügt etwas Innenabstand hinzu, damit der Text nicht am Rand klebt. */
}

/* =========================================================
   Vertical Accordion Overrides (Brandfarbe #0067B1)
   ========================================================= */

/* Desktop: Tab Hover Schriftfarbe */
.vs-accordion__tab:hover .vs-accordion__title {
    color: #0067B1 !important;
}

/* Mobile: Tab Hover & Active mit Brandfarbe */
@media (max-width: 768px) {
    .vs-accordion__tab:hover {
        background: #0067B1 !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }
    
    .vs-accordion__tab.is-active {
        background: #0067B1 !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }
    
    .vs-accordion__tab.is-active .vs-accordion__title {
        color: #ffffff !important;
    }
}

/* Primary Button Hover - EDL Blau mit weißer Schrift */
.vs-accordion__buttons .btn-primary:hover {
    background-color: #0067B1 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

/* Secondary Button Hover - dezenter grauer Schatten */
.vs-accordion__buttons .btn-secondary:hover {
    background-color: #0067B1 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px);
}

/* =========================================================
   Footer Logo Größe Konsistenz
   ========================================================= */

/* Alles im Logo-Bereich zurücksetzen */
.footer #c1192 * {
    float: none !important;
    clear: none !important;
}

/* Gallery Row als Flex Container */
.footer #c1192 .gallery-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 8px !important;
}

/* Gallery Items */
.footer #c1192 .gallery-item,
.footer #c1192 .gallery-item-size-3,
.footer #c1192 .gallery-item-size-1,
.footer #c1192 .gallery-item-size-2,
.footer #c1192 .gallery-item-size-4,
.footer #c1192 .gallery-item-size-5,
.footer #c1192 .gallery-item-size-6 {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* Figure und Picture */
.footer #c1192 figure,
.footer #c1192 figure.image,
.footer #c1192 picture {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

/* Logos auf 50px Höhe */
.footer #c1192 img {
    height: 50px !important;
    width: auto !important;
    max-height: 50px !important;
    display: block !important;
    margin: 0 !important;
}

/* Mobile: Logos auf 40px */
@media (max-width: 768px) {
    .footer #c1192 img {
        height: 40px !important;
    }
}