/* Anmelden-Knopf und Nick-Chip (Seitenkopf). Farben als Variablen, damit Seiten sie anpassen koennen. */
#lw-kopf{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.lw-knopf{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;background:var(--lw-lila,#7C5CBF);color:#fff;font:700 16px 'Baloo 2','Helvetica Neue',Arial,sans-serif;text-decoration:none;box-shadow:0 4px 0 var(--lw-lila-d,#5A3F9C);border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lw-knopf:active{transform:translateY(2px);box-shadow:0 2px 0 var(--lw-lila-d,#5A3F9C)}
.lw-knopf svg{width:20px;height:20px;flex:none}
.lw-chip{position:relative;display:inline-block}
.lw-knopf.lw-angemeldet{background:var(--lw-gruen,#1C9C8C);box-shadow:0 4px 0 var(--lw-gruen-d,#14766a)}
.lw-menue{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:2px solid #E9E2D2;border-radius:12px;padding:6px;min-width:220px;box-shadow:0 10px 24px rgba(44,42,56,.18);z-index:50}
.lw-menue[hidden]{display:none}
.lw-menue button{display:block;width:100%;min-height:44px;text-align:left;padding:0 12px;border-radius:8px;font:600 16px 'Inter',Arial,sans-serif;background:none;border:0;cursor:pointer;color:#2C2A38}
.lw-menue .lw-hinweis{padding:0 12px 6px;font:600 13px 'Inter',Arial,sans-serif;color:#6B6779;line-height:1.3}
.lw-menue button:disabled{opacity:.6;cursor:default}
/* Bewegung an/aus (Roman, 06.11.2026): kleiner Symbolknopf ohne Beschriftung, Tooltip „Bewegung: an/aus“, durchgestrichen = aus */
#lw-kopf .lw-bewegung,#lw-kopf .lw-bewegung[aria-pressed]{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:0;border-radius:12px;background:transparent;color:var(--d-ink-soft,#6B6779);opacity:.75;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
#lw-kopf .lw-bewegung:hover{opacity:1}
#lw-kopf .lw-bewegung svg{width:22px;height:22px}
#lw-kopf .lw-bewegung[aria-pressed="true"] .lw-bewegung-strich{display:none}
#lw-kopf .lw-bewegung:focus-visible{outline:3px solid var(--d-focus,#FFD166);outline-offset:2px}
/* Kompakte Kopfleiste der Lesespuren (44 px hoch, dort ist auch der Anmelden-Knopf 32 px): Knopf passt sich an, ohne Rahmen */
.host-bar #lw-kopf .lw-bewegung,.host-bar #lw-kopf .lw-bewegung[aria-pressed]{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;box-shadow:none}
.host-bar #lw-kopf .lw-bewegung svg{width:20px;height:20px}