/* ===================================================================== kontextmenue.css — Rechtsklick-Menü "Hilfe zu dieser Seite" ===================================================================== Wird von BEIDEN Welten benutzt (MVC-Layout und SPA). Deshalb bewusst ohne die CSS-Variablen der beiden Stylesheets (site.css nennt sie --surface-solid/--border, style.css --karte/--rand) - hier stehen feste Werte plus eine Dunkel-Variante über data-thema, das beide Seiten auf setzen. ===================================================================== */ .w6-kontext { position: fixed; z-index: 9999; min-width: 250px; max-width: 340px; padding: 6px; border-radius: 12px; border: 1px solid #e1e1e6; background: #ffffff; color: #1a1a1e; box-shadow: 0 10px 34px rgba(17, 24, 39, .20); font-family: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; font-size: 13.5px; /* Kein Textcursor / keine Auswahl im Menü selbst. */ user-select: none; } .w6-kontext__kopf { padding: 7px 10px 8px; margin-bottom: 4px; border-bottom: 1px solid #ebebee; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #8c8c94; } .w6-kontext a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; color: inherit; text-decoration: none; line-height: 1.35; } .w6-kontext a:hover, .w6-kontext a:focus-visible { background: #f4f4f6; outline: none; } .w6-kontext a b { font-weight: 700; } .w6-kontext__zeichen { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; border-radius: 50%; background: #c30b0c; color: #ffffff; font-weight: 800; font-size: 13px; line-height: 1; } .w6-kontext__zeichen--hell { background: #f1f1f4; color: #55555c; } .w6-kontext__fuss { padding: 7px 10px 5px; margin-top: 4px; border-top: 1px solid #ebebee; font-size: 11.5px; color: #8c8c94; } /* ---------------- Dunkles Farbschema ---------------- */ :root[data-thema="dunkel"] .w6-kontext { border-color: #383840; background: #1e1e23; color: #e8e8ec; box-shadow: 0 10px 34px rgba(0, 0, 0, .6); } :root[data-thema="dunkel"] .w6-kontext__kopf, :root[data-thema="dunkel"] .w6-kontext__fuss { border-color: #2b2b32; color: #8f8f99; } :root[data-thema="dunkel"] .w6-kontext a:hover, :root[data-thema="dunkel"] .w6-kontext a:focus-visible { background: #2a2a31; } :root[data-thema="dunkel"] .w6-kontext__zeichen--hell { background: #2e2e35; color: #b8b8c1; }