/* Abgeschirmte Menüleiste für Seiten mit eigenem Design (PostScanner, SpeedyGo, OceanSurvivor).
   Alles ist auf #sitebar begrenzt, damit die Seitenstile nicht beeinflusst werden. */
#sitebar{--bg:#fbf6ee;--line:#eadfce;--text:#2b2118;--a:#e8643c;--a2:#cf4f28;--soft:#fde6da;
  position:sticky;top:0;z-index:9999;background:rgba(251,246,238,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);font:16px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);text-align:left}
#sitebar *{box-sizing:border-box;margin:0;padding:0}
#sitebar a{color:inherit;text-decoration:none}
#sitebar .sb-wrap{width:min(1120px,100% - 40px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}
#sitebar .sb-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:.2px}
#sitebar .sb-logo img{width:40px;height:40px;border-radius:50%}
#sitebar .sb-logo span{color:var(--a)}
#sitebar .sb-menu{display:flex;gap:6px;list-style:none;align-items:center}
#sitebar .sb-menu>li{position:relative}
#sitebar .sb-menu>li>a,#sitebar .sb-menu>li>button{display:block;padding:10px 16px;border-radius:999px;color:var(--text);font:inherit;
  font-size:.95rem;background:none;border:0;cursor:pointer;transition:.2s}
#sitebar .sb-menu>li>a:hover,#sitebar .sb-menu>li>button:hover{background:var(--soft);color:var(--a2)}
#sitebar .sb-dd{position:absolute;top:100%;left:0;min-width:230px;padding:8px;margin-top:6px;list-style:none;border-radius:16px;
  background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(120,80,40,.18);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
#sitebar .sb-menu li:hover>.sb-dd,#sitebar .sb-menu li:focus-within>.sb-dd,#sitebar .sb-menu li.open>.sb-dd{opacity:1;visibility:visible;transform:none}
#sitebar .sb-dd a{display:block;padding:10px 14px;border-radius:10px;font-size:.92rem;color:var(--text)}
#sitebar .sb-dd a:hover{background:var(--soft);color:var(--a2)}
#sitebar .sb-burger{display:none;background:#fff;border:1px solid var(--line);color:var(--text);width:44px;height:44px;border-radius:12px;font-size:1.3rem;cursor:pointer}
@media (max-width:860px){
  #sitebar .sb-burger{display:block}
  #sitebar .sb-menu{position:fixed;top:68px;left:0;right:0;max-height:calc(100svh - 68px);overflow:auto;flex-direction:column;align-items:stretch;
    gap:2px;padding:14px 20px 24px;background:#fbf6ee;border-bottom:1px solid var(--line);display:none}
  #sitebar .sb-menu.show{display:flex}
  #sitebar .sb-menu>li>a,#sitebar .sb-menu>li>button{width:100%;text-align:left;padding:14px 16px;font-size:1.05rem}
  #sitebar .sb-dd{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;margin:0 0 0 12px;
    background:transparent;border:0;border-left:2px solid var(--line);border-radius:0;min-width:0;padding:0 0 0 8px}
  #sitebar .sb-menu li:hover>.sb-dd,#sitebar .sb-menu li:focus-within>.sb-dd{display:none}
  #sitebar .sb-menu li.open>.sb-dd{display:block}
}