/* ============================================================
   05-nav.css — Sticky Navbar im Mockup-Stil (Ocean + Sunshine)
   Strategie: Statt einzelne Theme-Elemente zu erraten, wird
   ALLES außerhalb unseres Designs (.anna) neutralisiert:
   transparent, ohne Radius, ohne Abstände. Der schwarze
   Container des Themes verschwindet damit vollständig.
   ============================================================ */

/* Dark Mode für diese Seite komplett abschalten */
:root{color-scheme:light only !important}
html,body{background:#f2e5d1 !important;color-scheme:light only !important;margin:0 !important;padding:0 !important}

/* ALLE Theme-Elemente außerhalb unseres Designs neutralisieren:
   kein Hintergrund, keine runden Ecken, keine Abstände oben */
body :not(.anna):not(.anna *){
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding-top:0 !important;
  margin-top:0 !important;
  border-top:none !important;
  min-height:0 !important;
}

/* Theme-Header und Theme-Footer komplett ausblenden
   (unser eigener Footer .ao2-footer bleibt sichtbar) */
#header, header, .site-header, #topbar, .top-bar, .theme-header,
footer:not(.ao2-footer), .theme-footer, #footer,
.mobile-menu, #overlay, #panel{display:none !important}

/* Unsere Navbar von der globalen nav{display:none}-Regel
   aus 01-onepager.css ausnehmen */
nav.ao2-nav{display:block !important;background:#03668c !important}

/* Eigene Navbar */
.ao2-nav{position:sticky;top:0;z-index:100;box-shadow:0 2px 14px rgba(3,102,140,.25) !important}
.ao2-nav .nav-inner{max-width:1120px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}

/* Text-Logo wie im Mockup: großes "anna" in Sunshine, ORZELSKI gesperrt darunter */
.ao2-nav .nav-logo{display:block;text-decoration:none;line-height:1;flex:none}
.ao2-nav .nav-logo .nl-name{display:block;font-family:'Vidaloka',serif;font-size:1.9rem;color:#f0c424 !important;letter-spacing:.01em}
.ao2-nav .nav-logo .nl-last{display:block;font-family:'Poppins',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.55em;color:#f0c424 !important;margin-top:3px;text-transform:uppercase}

.ao2-nav .nav-links{display:flex;gap:30px;align-items:center;list-style:none;margin:0;padding:0}
.ao2-nav .nav-links li{margin:0;padding:0}
.ao2-nav .nav-links a{color:#fff !important;text-decoration:none;font-family:'Poppins',sans-serif;font-size:.92rem;font-weight:400;opacity:.92;transition:color .15s ease,opacity .15s ease}
.ao2-nav .nav-links a:hover{opacity:1;color:#f0c424 !important}
.ao2-nav .nav-btn{background:#f0c424 !important;color:#0b2530 !important;font-weight:600;padding:12px 28px;border-radius:999px !important;opacity:1 !important;transition:transform .15s ease,box-shadow .15s ease}
.ao2-nav .nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.2) !important;color:#0b2530 !important}

@media (max-width:900px){
  .ao2-nav .nav-links{gap:18px}
  .ao2-nav .nav-links li:not(:last-child){display:none}
  .ao2-nav .nav-logo .nl-name{font-size:1.6rem}
}