/* Native, finite page navigation patterns. All selectors stay inside owned components. */
.fep-page-nav details.website-submenu,.fep-page-nav details.fep-nav-disclosure{clear:none;margin:0;padding:0;border:0;border-radius:0}.fep-page-nav .website-submenu>summary{color:inherit}.fep-page-nav .website-submenu>summary~*{margin-top:0}
.fep-page-nav,.fep-nav-bubble,.fep-nav-dialog{--nav-bg:#12213b;--nav-fg:#ecf3ff;--nav-accent:#a8caff;--nav-hover:#253f66;--website-accent:var(--nav-accent);--website-soft:var(--nav-hover);color:var(--nav-fg);background:var(--nav-bg);border:1px solid #7185a344}
.fep-nav-tone-red{--nav-bg:#301720;--nav-fg:#fff0f3;--nav-accent:#ffb3c4;--nav-hover:#582438}.fep-nav-tone-dark{--nav-bg:#101318;--nav-fg:#eef1f6;--nav-accent:#c9d5e9;--nav-hover:#29313d}.fep-nav-tone-light{--nav-bg:#f4f7fc;--nav-fg:#182332;--nav-accent:#234d96;--nav-hover:#dde7f7}
.fep-page-nav{position:relative;padding:.65rem 1rem;margin-block:1rem;isolation:isolate;overflow:visible;font-family:system-ui,sans-serif;line-height:1.5;clear:both}.fep-page-nav.fep-nav-sticky{position:sticky;top:0;z-index:80}.fep-page-nav .website-nav ul,.fep-nav-bubble .website-nav ul,.fep-nav-dialog .website-nav ul{list-style:none;margin:0;padding:0}.fep-page-nav .website-menu-item,.fep-nav-bubble .website-menu-item,.fep-nav-dialog .website-menu-item{color:var(--nav-fg)}.fep-page-nav .website-menu a,.fep-nav-bubble .website-menu a,.fep-nav-dialog .website-menu a{color:inherit;white-space:normal}.fep-page-nav .website-submenu>ul,.fep-nav-bubble .website-submenu>ul,.fep-nav-dialog .website-submenu>ul{background:var(--nav-bg);padding:.5rem;max-height:60vh;overflow:auto}
.fep-nav-pills{border-radius:999px;padding:.5rem .75rem}.fep-nav-pills .website-menu{justify-content:center;gap:.5rem}.fep-nav-pills .website-menu a{border-radius:999px;background:var(--nav-hover)}.fep-nav-tabs{border:0;border-bottom:1px solid #7185a366}.fep-nav-tabs .website-menu a{border-radius:0;border-bottom:2px solid transparent}.fep-nav-tabs .website-menu a[aria-current]{border-color:var(--nav-accent)}
.fep-nav-sidebar{max-width:20rem;border-radius:16px}.fep-nav-sidebar .website-menu{display:block}.fep-nav-sidebar .website-menu-item{display:block}.fep-nav-sidebar .website-menu a{display:block}.fep-nav-sidebar .website-submenu>ul{position:static;max-width:none;min-width:0;box-shadow:none;border:0;padding-left:1rem}
.fep-nav-mega .website-menu{position:relative}.fep-nav-mega .website-menu-item{position:static}.fep-nav-mega .website-submenu>ul{left:0;right:0;min-width:0;max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;padding:1.25rem}.fep-nav-footer .website-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:start;gap:1rem}.fep-nav-footer .website-menu-item{display:block}.fep-nav-footer .website-submenu>ul{position:static;min-width:0;max-width:none;border:0;box-shadow:none}
.fep-nav-trail{display:flex;flex-wrap:wrap;list-style:none!important;gap:.5rem!important;margin:0!important;padding:0!important;font-size:.85rem}.fep-nav-trail li+li::before{content:'›';margin-right:.5rem;color:var(--nav-accent)}.fep-nav-trail a{color:var(--nav-accent)}.fep-nav-disclosure>summary,.fep-nav-bubble summary{cursor:pointer;list-style:none;padding:.55rem .75rem;color:var(--nav-fg)}.fep-nav-disclosure>summary{display:flex;justify-content:space-between;gap:1rem}.fep-nav-panel{padding:.75rem}.fep-nav-dialog{position:fixed;max-width:none;max-height:none;margin:0;padding:1.5rem;inset:0;width:100%;height:100dvh;overflow:auto;border-radius:0;box-sizing:border-box}.fep-nav-dialog::backdrop{background:#0009}.fep-nav-dialog.fep-nav-drawer{left:auto;width:min(90vw,420px)}.fep-nav-dialog .website-menu{display:block}.fep-nav-dialog .website-menu-item{display:block}.fep-nav-dialog .website-menu a{display:block;font-size:clamp(1rem,3vw,2rem)}.fep-nav-dialog .website-submenu>ul{position:static;min-width:0;max-width:none;border:0;box-shadow:none}.fep-nav-close{display:block;margin:0 0 1rem auto;border:1px solid currentColor;border-radius:8px;padding:.65rem 1rem;background:transparent;color:var(--nav-fg);cursor:pointer}.fep-page-nav :focus-visible,.fep-nav-bubble :focus-visible,.fep-nav-dialog :focus-visible{outline:2px solid var(--nav-accent);outline-offset:3px}
.fep-page-nav.fep-nav-bubble{width:min(100%,320px);padding:.75rem;box-shadow:0 12px 36px #0004}.fep-page-nav.fep-bubble-left{margin-right:auto;margin-left:0}.fep-page-nav.fep-bubble-right{margin-left:auto;margin-right:0}.fep-page-nav.fep-bubble-top{margin-inline:auto;width:fit-content;max-width:100%}.fep-page-nav.fep-bubble-shape-square{border-radius:0}.fep-page-nav.fep-bubble-shape-rounded{border-radius:20px}.fep-page-nav.fep-bubble-shape-pill{border-radius:36px}.fep-nav-bubble .website-menu,.fep-nav-bubble .website-menu-item{display:block}.fep-nav-bubble .website-menu a{display:block}.fep-nav-bubble .website-submenu>ul{position:static;min-width:0;max-width:none;border:0;box-shadow:none}.fep-nav-bubble .fep-bubble-disclosure{clear:none;border:0;padding:0;margin:0}.fep-nav-bubble .fep-bubble-disclosure>summary{color:var(--nav-fg);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:.5rem}.fep-nav-bubble .fep-bubble-disclosure>.website-nav{max-height:60dvh;overflow:auto}
.fep-page-nav-empty{padding:1rem;border:1px dashed #65738a;color:var(--muted);font-size:.85rem}.rich-surface .editor-navigation{display:block;min-height:5rem;clear:both;padding:1.25rem;border:1px dashed #658ac4;border-radius:12px;background:#152238;color:#cfe0ff;cursor:pointer;margin:1rem 0}.rich-surface .editor-navigation::before{content:'☰ Seitennavigation';font-weight:600}.rich-surface .editor-navigation::after{content:'Anklicken → Eigenschaften · oder Einfügen → Navigation · Fertige Ansicht in der Vorschau';display:block;font-size:.75rem;margin-top:.5rem;color:#9fb2d0}
@media(max-width:800px){.fep-page-nav .website-menu{gap:.2rem;flex-wrap:wrap}.fep-page-nav .website-submenu>ul{position:static;min-width:0;max-width:none}.fep-nav-mega .website-menu-item{position:relative;display:block}.fep-nav-mega .website-submenu>ul{display:block}.fep-nav-pills{border-radius:20px}.fep-nav-sidebar{max-width:none}}
@media(prefers-reduced-motion:no-preference){.fep-page-nav a,.fep-nav-bubble a{transition:background-color .15s,color .15s}.fep-nav-dialog[open]{animation:fep-nav-appear .18s ease-out}@keyframes fep-nav-appear{from{opacity:0}to{opacity:1}}}