/* ================================================================
   Fahrradlotse – moderne Navigation
   ================================================================ */
.site-header{position:sticky;top:12px;z-index:1200;padding-inline:16px;margin-bottom:24px}.header-inner{max-width:1180px;margin-inline:auto;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(25,118,243,.10);box-shadow:0 12px 36px rgba(20,55,100,.10);border-radius:22px;padding:8px 9px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:1.08rem;color:var(--br-text);text-decoration:none;flex:none}.brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#eaf4ff,#d9edff);color:var(--br-primary);transform:rotate(-3deg)}.brand-name{display:inline}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}.nav-link,.nav-icon-button{display:flex;align-items:center;gap:7px;padding:10px 12px;border:0;border-radius:13px;background:transparent;color:#475569;font:inherit;font-size:.9rem;font-weight:750;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-link svg,.nav-icon-button svg{width:17px;height:17px;flex:none}.nav-link:hover,.nav-icon-button:hover{background:#edf6ff;color:#0f5fc4}.nav-link.is-active,.nav-dropdown.is-active>.nav-link,.nav-dropdown.is-active>.nav-icon-button{background:#e8f3ff;color:#0f5fc4}.nav-primary-link{color:#334155}.nav-cta{background:#1976f3;color:#fff!important;padding-inline:16px;box-shadow:0 7px 20px rgba(25,118,243,.25)}.nav-cta:hover{background:#0f5fc4;color:#fff!important;transform:translateY(-1px)}
.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown summary svg:last-child{width:14px;height:14px;transition:transform .18s ease;opacity:.7}.nav-dropdown[open]>summary svg:last-child{transform:rotate(180deg)}.nav-icon-button{padding-inline:10px}.nav-user-link{padding-right:10px}.nav-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#eaf4ff;color:#1976f3}.nav-avatar svg{width:15px;height:15px}.nav-avatar.large{width:38px;height:38px;border-radius:12px}.nav-menu{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);width:310px;padding:9px;background:rgba(255,255,255,.98);border:1px solid rgba(25,118,243,.12);border-radius:19px;box-shadow:0 22px 55px rgba(15,42,76,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:navDrop .16s ease-out}.nav-menu-right{left:auto;right:0;transform:none}.nav-menu-heading{padding:8px 11px 10px;color:#64748b;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.nav-menu-item{display:flex;align-items:center;gap:11px;padding:10px;border-radius:13px;text-decoration:none;color:#172033;transition:background .15s ease,transform .15s ease}.nav-menu-item:hover{background:#f1f7fd;transform:translateX(2px)}.nav-menu-item>span:last-child{display:flex;flex-direction:column;min-width:0}.nav-menu-item strong{font-size:.9rem;color:#172033}.nav-menu-item small{font-size:.74rem;color:#64748b;margin-top:2px}.nav-menu-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;flex:none}.nav-menu-icon svg{width:18px;height:18px}.nav-menu-icon.blue{background:#eaf4ff;color:#1976f3}.nav-menu-icon.cyan{background:#e6faff;color:#0891b2}.nav-menu-icon.gray{background:#f1f5f9;color:#64748b}.nav-menu-icon.red{background:#fff0f0;color:#dc2626}.nav-menu-icon.orange{background:#fff6e8;color:#d97706}.nav-menu-icon.purple{background:#f2edff;color:#7c3aed}.nav-menu-separator{height:1px;background:#e8edf3;margin:5px 8px}.nav-menu-item.danger:hover{background:#fff5f5}.nav-account-head{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;border-bottom:1px solid #e8edf3;margin-bottom:5px}.nav-account-head>span:last-child{display:flex;flex-direction:column}.nav-account-head strong{font-size:.9rem;color:#172033}.nav-account-head small{font-size:.73rem;color:#64748b;margin-top:2px}
/* Darkmode-Schalter: ausschließlich Sonne oder Mond */
.nav-theme-toggle{width:42px;height:42px;display:grid;place-items:center;padding:0;margin-left:3px;border:0;border-radius:13px;background:transparent;color:#475569;cursor:pointer;font:inherit;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-theme-toggle:hover{background:#edf6ff;color:#0f5fc4;transform:translateY(-1px)}.nav-theme-toggle .theme-label{display:none!important}.nav-theme-toggle .theme-icon-sun{display:inline;color:#f0a500;font-size:21px;line-height:1}.nav-theme-toggle .theme-icon-moon{display:none;color:#69a9ff;font-size:21px;line-height:1}.dark-mode .nav-theme-toggle .theme-icon-sun{display:none}.dark-mode .nav-theme-toggle .theme-icon-moon{display:inline}.dark-mode .nav-theme-toggle:hover{background:#102d52;color:#fff}
@keyframes navDrop{from{opacity:0;transform:translate(-50%,-5px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}.nav-menu-right{animation-name:navDropRight}@keyframes navDropRight{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(25,118,243,.12);box-shadow:0 14px 38px rgba(15,42,76,.16);border-radius:20px;display:flex;justify-content:space-around;padding:7px}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 12px;border-radius:13px;color:#64748b;font-size:.68rem;font-weight:750;min-width:62px;text-decoration:none}.bottom-nav-link svg{width:19px;height:19px}.bottom-nav-link.is-active{color:#1976f3;background:#eaf4ff}body.has-bottom-nav{padding-bottom:90px}.site-footer{padding-block:24px;color:var(--br-muted);font-size:.85rem;text-align:center}.site-footer a{color:var(--br-muted);text-decoration:underline}
@media(min-width:768px){.bottom-nav{display:none!important}body.has-bottom-nav{padding-bottom:0}}
@media(max-width:1000px){.nav-primary-link span{display:none}.nav-link{padding:10px}.nav-cta span{display:inline}.header-inner{border-radius:18px}}
@media(max-width:767px){.site-header{top:8px;padding-inline:10px;margin-bottom:18px}.header-inner{padding:7px 8px 7px 10px}.main-nav{display:none}.brand-name{display:inline}.brand-icon{width:38px;height:38px}.nav-menu{position:fixed;top:72px;left:10px;right:10px;width:auto;transform:none}.nav-menu-right{left:10px;right:10px;transform:none}body:not(.has-bottom-nav) .main-nav{display:flex}body:not(.has-bottom-nav) .main-nav .nav-primary-link{display:none}body:not(.has-bottom-nav) .main-nav .nav-guest-menu{display:block}.nav-guest-menu{display:none}.nav-management{display:none}.nav-theme-toggle{width:40px;height:40px}}
@media(max-width:420px){.brand-name{display:none}.header-inner{padding-left:8px}.nav-cta{font-size:.8rem;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.nav-link,.nav-menu-item,.nav-cta,.nav-theme-toggle{transition:none}.nav-menu{animation:none}}