.site-nav{box-sizing:border-box;width:100%;position:relative;display:flex;align-items:center;overflow:visible;background-color:#050A0D;background-image:linear-gradient(to bottom,#071014,#020608);border-bottom:1px solid #6F5333;color:#D8CCB7}.site-nav>.nav-level{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap;flex:1}.site-nav .nav-item{position:relative;list-style:none}.site-nav .nav-item>a{position:relative;display:flex;align-items:center;gap:6px;text-decoration:none}.site-nav .nav-level-2,.site-nav .nav-level-3{display:none;position:absolute;z-index:50;min-width:220px;list-style:none;margin:0}.site-nav .nav-level-2{left:0;top:100%}.site-nav .nav-level-3{left:100%;top:0}.site-nav.nav-mode-hover .has-children:hover>.nav-level-2,.site-nav.nav-mode-hover .nav-level-2 .has-children:hover>.nav-level-3,.site-nav .has-children.open>.nav-level-2,.site-nav .nav-level-2 .has-children.open>.nav-level-3{display:block}.site-nav-toggle{display:none}

/* Midgard-Echo Theme-Override; identisch in theme.json custom_css gespeichert. */
.site-nav{min-height:72px;padding:0 28px;background:linear-gradient(180deg,#071015 0,#03090c 55%,#020608 100%);border-top:1px solid rgba(107,82,49,.28);border-bottom:1px solid #735737;box-shadow:0 7px 22px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.025);z-index:90}
.site-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(28,122,145,.7),rgba(172,129,74,.75),rgba(28,122,145,.7),transparent);opacity:.65;pointer-events:none}
.site-nav>.nav-level{min-height:72px;display:flex;align-items:stretch}
.site-nav>.nav-level:before{content:"";display:block;flex:0 0 315px;width:315px;min-height:72px;margin-right:16px;background:url('../images/brand.svg') left center/305px auto no-repeat}
.site-nav .nav-item>a{min-height:72px;padding:0 15px;color:#d8ccb7;text-transform:uppercase;font-size:13px;letter-spacing:.035em;border-right:0;text-shadow:0 1px 2px #000}
.site-nav .nav-item>a:before{content:"";width:15px;height:15px;display:inline-block;flex:0 0 15px;background-color:#b99460;opacity:.95;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.site-nav>.nav-level>.nav-item:nth-of-type(1)>a:before{mask-image:url('../icons/home.svg');-webkit-mask-image:url('../icons/home.svg')}
.site-nav>.nav-level>.nav-item:nth-of-type(2)>a:before{mask-image:url('../icons/echo.svg');-webkit-mask-image:url('../icons/echo.svg')}
.site-nav>.nav-level>.nav-item:nth-of-type(3)>a:before{mask-image:url('../icons/rune.svg');-webkit-mask-image:url('../icons/rune.svg')}
.site-nav>.nav-level>.nav-item:nth-of-type(4)>a:before{mask-image:url('../icons/helmet.svg');-webkit-mask-image:url('../icons/helmet.svg')}
.site-nav>.nav-level>.nav-item:nth-of-type(5)>a:before{mask-image:url('../icons/myth.svg');-webkit-mask-image:url('../icons/myth.svg')}
.site-nav>.nav-level>.nav-item:nth-of-type(6)>a:before{mask-image:url('../icons/faith.svg');-webkit-mask-image:url('../icons/faith.svg')}
.site-nav>.nav-level>.nav-item:nth-of-type(7)>a:before{mask-image:url('../icons/forum.svg');-webkit-mask-image:url('../icons/forum.svg')}
.site-nav .nav-item>a:after{content:"";position:absolute;left:22%;right:22%;bottom:9px;height:1px;background:linear-gradient(90deg,transparent,#c39a60,transparent);transform:scaleX(0);transition:.18s}
.site-nav .nav-item>a:hover,.site-nav .nav-item>a:focus{background:radial-gradient(circle at 50% 100%,rgba(20,105,126,.19),transparent 60%);color:#efd49f}
.site-nav .nav-item>a:hover:after,.site-nav .nav-item>a[aria-current=page]:after{transform:scaleX(1)}
.site-nav .nav-level-2,.site-nav .nav-level-3{background:rgba(3,9,12,.98);border:1px solid #6f5333;border-top:1px solid #b28a55;border-radius:0;padding:5px;box-shadow:0 16px 35px rgba(0,0,0,.72)}
@media(max-width:1180px){.site-nav>.nav-level:before{flex-basis:245px;width:245px;background-size:238px auto;margin-right:4px}.site-nav .nav-item>a{padding:0 10px;font-size:12px}}
@media(max-width:767px){
  .site-nav{display:block;min-height:54px;padding:0;overflow:visible}
  .site-nav>.nav-level:before{display:none}
  .site-nav-toggle{box-sizing:border-box;display:flex;width:58px;height:54px;margin:0 0 0 auto;padding:13px 15px;flex-direction:column;justify-content:center;gap:5px;border:0;border-left:1px solid rgba(111,83,51,.55);border-radius:0;background:linear-gradient(#101a1e,#050a0d);cursor:pointer;color:#efd49f}
  .site-nav-toggle:hover,.site-nav-toggle:focus{transform:none;background:linear-gradient(#18262b,#081014)}
  .site-nav-toggle span{display:block;width:27px;height:3px;border-radius:3px;background:#d7b273;box-shadow:0 1px 2px rgba(0,0,0,.45)}
  .site-nav>.nav-level,.site-nav>.site-account-links{display:none!important}
  .site-nav.mobile-open>.nav-level{display:flex!important;box-sizing:border-box;width:100%;min-height:0;flex-direction:column;align-items:stretch;padding:0;border-top:1px solid rgba(111,83,51,.45);background:#040a0d}
  .site-nav.mobile-open>.site-account-links{display:flex!important;box-sizing:border-box;width:100%;margin:0;flex-direction:column;align-items:stretch;border-top:1px solid rgba(111,83,51,.45);background:#040a0d}
  .site-nav .nav-item,.site-nav .nav-right{width:100%;margin-left:0}
  .site-nav .nav-item>a,.site-nav>.nav-admin-link,.site-user-toggle{box-sizing:border-box;width:100%;min-height:46px;justify-content:flex-start;padding:0 16px;border-right:0;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px}
  .site-nav .nav-item>a:after{bottom:5px}
  .site-nav .nav-level-2,.site-nav .nav-level-3{position:static;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0 0 0 16px;border:0;border-radius:0;box-shadow:none;background:rgba(0,0,0,.16)}
  .site-nav .nav-level-2 a,.site-nav .nav-level-3 a{white-space:normal;padding:10px 14px}
  .site-account-links .site-user-menu{width:100%;display:block}
  .site-user-menu-panel,.site-user-dropdown{position:static!important;width:100%!important;box-sizing:border-box;box-shadow:none!important;border-radius:0!important}
}