/* Desktop-Ergänzung nach hfe.css laden. Sticky-Geometrie bleibt in site-navigation.css. */
@media (min-width: 1025px) {
    @font-face {
        font-family: SportDisplay;
        src: url('fonts/barlow-condensed-black-italic.ttf') format('truetype');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    #masthead {
        --ssg-header-navy: #152a50;
        --ssg-header-blue: #0870b0;
        --ssg-header-light: #9ac9e8;
        background: #fff;
    }

    #masthead .elementor-top-section,
    #masthead .elementor-widget-site-logo .elementor-widget-container {
        background-color: #fff;
    }

    #masthead .hfe-site-logo img {
        display: block;
        height: auto;
        object-fit: contain;
    }

    #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        gap: 4px;
    }

    #masthead .elementor-widget-navigation-menu .hfe-nav-menu a {
        font-family: 'Lato', sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.35;
        color: var(--ssg-header-navy) !important;
        text-decoration: none !important;
    }

    /* Nur die Fläche wird geneigt: Links und Untermenüs bleiben unbeschnitten. */
    #masthead .hfe-nav-menu > .menu-item > a.hfe-menu-item,
    #masthead .hfe-nav-menu > .menu-item > .hfe-has-submenu-container > a.hfe-menu-item {
        position: relative;
        isolation: isolate;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        min-height: 44px;
        padding: 10px 14px;
        background: transparent !important;
        border-radius: 0;
    }

    #masthead .hfe-nav-menu > .menu-item > a.hfe-menu-item::before,
    #masthead .hfe-nav-menu > .menu-item > .hfe-has-submenu-container > a.hfe-menu-item::before {
        content: '';
        position: absolute;
        inset: 3px 2px;
        z-index: -1;
        pointer-events: none;
        transform: skewX(-9deg);
        background: transparent;
        border-right: 3px solid transparent;
    }

    #masthead .hfe-nav-menu > :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a.hfe-menu-item,
    #masthead .hfe-nav-menu > :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .hfe-has-submenu-container > a.hfe-menu-item,
    #masthead .hfe-nav-menu > .menu-item:is(:hover, :focus-within) > a.hfe-menu-item,
    #masthead .hfe-nav-menu > .menu-item:is(:hover, :focus-within) > .hfe-has-submenu-container > a.hfe-menu-item {
        color: #fff !important;
    }

    #masthead .hfe-nav-menu > :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > a.hfe-menu-item::before,
    #masthead .hfe-nav-menu > :is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) > .hfe-has-submenu-container > a.hfe-menu-item::before {
        background: var(--ssg-header-navy);
        border-right-color: var(--ssg-header-light);
    }

    #masthead .hfe-nav-menu > .menu-item:is(:hover, :focus-within) > a.hfe-menu-item::before,
    #masthead .hfe-nav-menu > .menu-item:is(:hover, :focus-within) > .hfe-has-submenu-container > a.hfe-menu-item::before {
        background: var(--ssg-header-blue);
        border-right-color: var(--ssg-header-light);
    }

    #masthead .hfe-nav-menu .sub-menu {
        box-sizing: border-box;
        min-width: 250px;
        padding: 8px 0;
        border: 1px solid var(--ssg-header-light);
        border-top: 5px solid var(--ssg-header-blue);
        border-radius: 0;
        background: #fff;
        box-shadow: 0 14px 28px #152a5026;
    }

    #masthead .elementor-widget-navigation-menu .hfe-nav-menu .sub-menu a {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        min-height: 44px;
        padding: 11px 20px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        white-space: normal;
        border-radius: 0;
        background: #fff;
    }

    #masthead .elementor-widget-navigation-menu .hfe-nav-menu .sub-menu a:is(:hover, :focus-visible),
    #masthead .elementor-widget-navigation-menu .hfe-nav-menu .sub-menu .current-menu-item > a,
    #masthead .elementor-widget-navigation-menu .hfe-nav-menu .sub-menu .current-menu-item > .hfe-has-submenu-container > a {
        background: var(--ssg-header-navy) !important;
        color: #fff !important;
        box-shadow: inset 3px 0 var(--ssg-header-light);
    }

    /* HFE öffnet mit der Maus; focus-within ergänzt denselben Pfad für Tab. */
    #masthead .hfe-nav-menu .menu-item:focus-within > .sub-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
    }

    #masthead .hfe-nav-menu a:focus-visible {
        outline: 3px solid var(--ssg-header-blue) !important;
        outline-offset: 3px;
    }

    /* Nur echte redaktionelle Überschriften, keine erzeugten Menü-Labels. */
    #masthead .hfe-nav-menu .sub-menu :is(h2, h3, h4) {
        margin: 8px 20px 12px;
        font-family: SportDisplay, Impact, sans-serif;
        font-size: 30px;
        font-weight: 900;
        font-style: italic;
        line-height: 1.1;
        color: var(--ssg-header-navy);
    }
}
@media(min-width:1025px){
#masthead .ssg-header-search{display:block;width:21px;height:21px;flex-shrink:0;}
#masthead .ssg-header-donate>a.hfe-menu-item{background:#0870b0!important;color:#fff!important;border:2px solid #0870b0;border-radius:0;margin-left:10px;gap:14px;}
#masthead .ssg-header-donate>a.hfe-menu-item:hover{background:#152a50!important;border-color:#152a50;}
}
@media(max-width:1024px){#masthead .ssg-header-donate{display:none!important;}}
@media(min-width:1025px){
#masthead .hfe-nav-menu > .menu-item > a.hfe-menu-item::before,
#masthead .hfe-nav-menu > .menu-item > .hfe-has-submenu-container > a.hfe-menu-item::before{width:auto;height:auto;opacity:1;}
#masthead .hfe-nav-menu > .menu-item > a.hfe-menu-item::after,
#masthead .hfe-nav-menu > .menu-item > .hfe-has-submenu-container > a.hfe-menu-item::after{display:none;}
#masthead .elementor-widget-navigation-menu .hfe-nav-menu .ssg-header-donate>a.hfe-menu-item{background:#0870b0!important;color:#fff!important;}
#masthead .elementor-widget-navigation-menu .hfe-nav-menu .ssg-header-donate>a.hfe-menu-item:hover{background:#152a50!important;color:#fff!important;}
}
@media(min-width:1025px){
#masthead .elementor-widget-navigation-menu .hfe-nav-menu a.ssg-header-search-link{font-size:0!important;min-width:44px;justify-content:center;}
#masthead .hfe-nav-menu>.menu-item>a.ssg-header-search-link::after{content:'';position:relative;display:block;width:21px;height:21px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152a50' stroke-width='2'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5'/%3E%3Cpath d='m16 16 6 6'/%3E%3C/svg%3E");opacity:1;transform:none;inset:auto;}
#masthead .hfe-nav-menu>.menu-item:is(:hover,.current-menu-item)>a.ssg-header-search-link::after{filter:brightness(0) invert(1);}
}
@media(min-width:1025px) and (max-width:1279px){
#masthead .elementor-widget-navigation-menu .hfe-nav-menu a{font-size:14px!important;}
#masthead .hfe-nav-menu>.menu-item>a.hfe-menu-item,#masthead .hfe-nav-menu>.menu-item>.hfe-has-submenu-container>a.hfe-menu-item{padding:10px 8px;}
#masthead .hfe-site-logo img{max-width:130px;}
#masthead .ssg-header-donate>a.hfe-menu-item{margin-left:4px;gap:8px;}
}
@media(min-width:1025px){#masthead .hfe-nav-menu>.menu-item:focus-within>a.ssg-header-search-link::after{filter:brightness(0) invert(1);}}
@media(min-width:1025px){
#masthead .hfe-nav-menu>.menu-item:is(:hover,:focus-within)>a.hfe-menu-item::before,
#masthead .hfe-nav-menu>.menu-item:is(:hover,:focus-within)>.hfe-has-submenu-container>a.hfe-menu-item::before{background:#0870b0!important;opacity:1!important;}
#masthead .hfe-nav-menu>:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor):not(:hover):not(:focus-within)>a.hfe-menu-item::before,
#masthead .hfe-nav-menu>:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor):not(:hover):not(:focus-within)>.hfe-has-submenu-container>a.hfe-menu-item::before{background:#152a50!important;opacity:1!important;}
}