/* ==========================================================================
   SLA-Redesign: Globale Menüleiste (ehemals inline im Seiteninhalt eingebettet)

   Enthält:
   1. Das schwebende „Pill"-Menü (transparent → weiß beim Scrollen)
   2. Solide Variante für Seiten ohne Hero-Bild (Beiträge, Archive etc.)
   ========================================================================== */

/* --- Fixierter, transparenter Header ---
   Achtung: fusion-dynamic.css definiert .fusion-header-wrapper{position:relative}
   → position:fixed braucht zwingend !important */
.fusion-header-wrapper{position:fixed !important;top:0;left:0;right:0;z-index:300;background:transparent !important}
.fusion-header-wrapper .fusion-header-sticky-height{background:transparent !important}
.fusion-header-wrapper .fusion-header{background:transparent !important;border-color:transparent !important;box-shadow:none !important}
#main{padding-top:0 !important}

/* --- Die schwebende Menü-Pill --- */
.fusion-header-v1{width:min(1740px,calc(100% - 160px));margin:80px auto 0;border-radius:50px;padding:4px 9px 4px 20px;border:2px solid #ffffff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0f;position:relative;transition:background .35s ease,box-shadow .35s ease,margin-top .5s ease}
body.sc-scrolled .fusion-header-v1{background:#ffffff;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:2px 4px 10px rgba(0,0,0,.14);margin-top:24px}

/* --- Menü-Texte --- */
.fusion-header-v1 .fusion-main-menu .fusion-menu>li>a{color:#ffffff !important;font-weight:500;letter-spacing:.015em;padding-top:2px;padding-bottom:2px}
.fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover{color:rgba(255,255,255,.8) !important}
.fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a{color:#ffffff !important}
body.sc-scrolled .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a{color:#333333 !important}
body.sc-scrolled .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover{color:#1B75C3 !important}
body.sc-scrolled .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a{color:#1B75C3 !important}

/* --- Dropdown --- */
.fusion-header-v1 .fusion-main-menu .sub-menu{background:#ffffff;border-radius:16px;padding:8px;box-shadow:0 14px 40px rgba(0,0,0,.15)}
.fusion-header-v1 .fusion-main-menu .sub-menu li a{color:#333333 !important}
.fusion-header-v1 .fusion-main-menu .sub-menu li a:hover{color:#1B75C3 !important}

/* --- Logo --- */
.fusion-logo,.fusion-logo img{transition:filter .3s ease}
.fusion-header-v1 .fusion-logo img{max-height:56px !important;width:auto}
.fusion-header-v1 .fusion-logo{margin:0 !important}
.fusion-header-v1 .fusion-main-menu .fusion-menu>li>a{line-height:1.2 !important;height:auto !important}
body:not(.sc-scrolled) .fusion-logo img{filter:brightness(0) invert(1)}
body:not(.sc-scrolled) .fusion-logo a,body:not(.sc-scrolled) .fusion-logo .fusion-site-title{color:#ffffff !important}
body.sc-scrolled .fusion-logo a,body.sc-scrolled .fusion-logo .fusion-site-title{color:#333333 !important}

/* --- Hamburger --- */
body:not(.sc-scrolled) .fusion-mobile-menu-icons .fusion-icon-bars,body:not(.sc-scrolled) .fusion-icon-bars{color:#ffffff !important}
body.sc-scrolled .fusion-mobile-menu-icons .fusion-icon-bars,body.sc-scrolled .fusion-icon-bars{color:#333333 !important}
.fusion-icon-bars,.fusion-mobile-nav-holder .fusion-icon-bars{color:inherit}

/* --- Desktop-Layout --- */
@media(min-width:1025px){
.fusion-header-v1 .fusion-row{display:flex;align-items:center;position:relative;min-height:56px}
.fusion-header-v1 .fusion-logo{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.fusion-header-v1 .fusion-main-menu{flex:1 1 auto;display:flex;justify-content:center}
.fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a,.fusion-header-v1 .fusion-main-menu .fusion-menu>li.current_page_item>a{position:relative}
.fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a::after,.fusion-header-v1 .fusion-main-menu .fusion-menu>li.current_page_item>a::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#1B75C3;border-radius:2px}
}

/* --- Mobile --- */
@media(max-width:1024px){
.fusion-header-v1{width:calc(100% - 80px);margin:40px auto 0;border-radius:26px;padding:4px 12px}
#main{padding-left:0 !important;padding-right:0 !important}
.fusion-header-v1 .fusion-header{padding:5px 0 !important}
.fusion-header-v1 .fusion-row{position:relative;display:block !important;height:44px;width:100% !important;max-width:none !important}
.fusion-header-v1 .fusion-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:left}
.fusion-header-v1 .fusion-mobile-nav-holder{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.fusion-header-v1 .fusion-clearfix{display:none}
.fusion-header-v1 .fusion-logo img{max-height:34px !important}
.fusion-header-v1 .fusion-mobile-nav-holder{width:auto !important;margin:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important}
}

/* ==========================================================================
   Solide Variante: Beiträge, Archive, Suche, 404 & Standard-Seiten
   (kein Hero-Bild hinter dem Menü → dauerhaft weiß + dunkle Schrift,
    Inhalt wird unter dem fixierten Menü freigeräumt)
   ========================================================================== */
body.single-post .fusion-header-v1,
body.archive .fusion-header-v1,
body.search .fusion-header-v1,
body.blog .fusion-header-v1,
body.error404 .fusion-header-v1,
body.page.page-template-default .fusion-header-v1{background:#ffffff;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:2px 4px 10px rgba(0,0,0,.14);margin-top:24px}

body.single-post .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a,
body.archive .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a,
body.search .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a,
body.blog .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a,
body.error404 .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a,
body.page.page-template-default .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a{color:#333333 !important}

body.single-post .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover,
body.archive .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover,
body.search .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover,
body.blog .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover,
body.error404 .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover,
body.page.page-template-default .fusion-header-v1 .fusion-main-menu .fusion-menu>li>a:hover{color:#1B75C3 !important}

body.single-post .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a,
body.archive .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a,
body.search .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a,
body.blog .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a,
body.error404 .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a,
body.page.page-template-default .fusion-header-v1 .fusion-main-menu .fusion-menu>li.current-menu-item>a{color:#1B75C3 !important}

/* Logo & Hamburger auf weißem Grund: kein Weiß-Filter */
body.single-post:not(.sc-scrolled) .fusion-logo img,
body.archive:not(.sc-scrolled) .fusion-logo img,
body.search:not(.sc-scrolled) .fusion-logo img,
body.blog:not(.sc-scrolled) .fusion-logo img,
body.error404:not(.sc-scrolled) .fusion-logo img,
body.page.page-template-default:not(.sc-scrolled) .fusion-logo img{filter:none !important}

body.single-post:not(.sc-scrolled) .fusion-logo a,
body.archive:not(.sc-scrolled) .fusion-logo a,
body.search:not(.sc-scrolled) .fusion-logo a,
body.blog:not(.sc-scrolled) .fusion-logo a,
body.error404:not(.sc-scrolled) .fusion-logo a,
body.page.page-template-default:not(.sc-scrolled) .fusion-logo a{color:#333333 !important}

body.single-post:not(.sc-scrolled) .fusion-icon-bars,
body.archive:not(.sc-scrolled) .fusion-icon-bars,
body.search:not(.sc-scrolled) .fusion-icon-bars,
body.blog:not(.sc-scrolled) .fusion-icon-bars,
body.error404:not(.sc-scrolled) .fusion-icon-bars,
body.page.page-template-default:not(.sc-scrolled) .fusion-icon-bars{color:#333333 !important}

body.single-post:not(.sc-scrolled) .fusion-mobile-nav-holder,
body.archive:not(.sc-scrolled) .fusion-mobile-nav-holder,
body.search:not(.sc-scrolled) .fusion-mobile-nav-holder,
body.blog:not(.sc-scrolled) .fusion-mobile-nav-holder,
body.error404:not(.sc-scrolled) .fusion-mobile-nav-holder,
body.page.page-template-default:not(.sc-scrolled) .fusion-mobile-nav-holder{color:#333333 !important}

/* Inhalt unter das fixierte Menü schieben */
body.single-post #main,
body.archive #main,
body.search #main,
body.blog #main,
body.error404 #main,
body.page.page-template-default #main{padding-top:170px !important}

@media(max-width:1024px){
body.single-post #main,
body.archive #main,
body.search #main,
body.blog #main,
body.error404 #main,
body.page.page-template-default #main{padding-top:110px !important}
}
