/* wasserstand.fun -- Schlanke Leiste (Skip-Link + Nav) fuer Ratgeber und Rechtsseiten (laden kein app.css). Ausgelagert aus app_buehne.py (_SLIMNAV_TEMPLATE, #64). */
.ws-skip { position:absolute; left:8px; top:-60px; z-index:600; padding:10px 16px; border-radius:8px;
    background:#5d5294; color:#fff !important; font-weight:700; text-decoration:none; }
.ws-skip:focus { top:8px; }
.ws-slimnav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:2px 12px;
    padding:6px 14px; background:#e4e7f5; border-bottom:1px solid #cfd3e5; font-size:14px;
    font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; }
.ws-slimnav a { display:inline-flex; align-items:center; min-height:32px; padding:0 4px; color:#423a6a;
    text-decoration:none; }
.ws-slimnav a:hover { text-decoration:underline; }
.ws-slimnav a.ws-slimnav-app { padding:0 14px; border-radius:999px; background:#5d5294; color:#fff;
    font-weight:700; text-decoration:none; }
@media screen and (prefers-color-scheme: dark) {
    .ws-slimnav { background:#20232f; border-bottom-color:#303449; }
    .ws-slimnav a { color:#d4cef8; }
    .ws-slimnav a.ws-slimnav-app { color:#fff; }
}
@media screen and (max-width:480px) {
    .ws-slimnav { gap:0 4px; padding:6px 8px; justify-content:space-between; }
    .ws-slimnav a.ws-slimnav-w { display:none; }
}
@media print { .ws-slimnav, .ws-skip { display:none !important; } }