:root{--lx-panel:#10151d;--lx-line:rgba(255,255,255,.13);--lx-text:#f3f6fb;--lx-muted:#9ea8b8;--lx-accent:#6c8dff;--lx-good:#5de2bc}
.lx-consent,.lx-service{font-family:Archivo,"IBM Plex Sans",system-ui,sans-serif;color:var(--lx-text);box-sizing:border-box}
.lx-consent *,.lx-service *{box-sizing:border-box}
.lx-consent{position:fixed;z-index:9998;inset:auto 18px 18px;max-width:760px;margin:auto;padding:22px;background:rgba(12,16,23,.98);border:1px solid var(--lx-line);box-shadow:0 24px 80px #0009}
.lx-consent[hidden],.lx-consent-dialog[hidden],.lx-service-panel[hidden]{display:none}
.lx-consent h2,.lx-service h2{font-size:1.15rem;margin:0 0 8px}
.lx-consent p,.lx-service p{color:var(--lx-muted);line-height:1.55;margin:0}
.lx-consent-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.lx-btn{appearance:none;border:1px solid var(--lx-line);background:#171e29;color:var(--lx-text);padding:10px 14px;font:600 .82rem inherit;letter-spacing:.01em;cursor:pointer}
.lx-btn{min-height:44px}
.lx-btn:hover,.lx-btn:focus-visible{border-color:var(--lx-accent);outline:none}
.lx-btn-primary{background:var(--lx-accent);color:#07101d;border-color:var(--lx-accent)}
.lx-consent-dialog{position:fixed;z-index:10000;inset:0;background:#000a;display:grid;place-items:center;padding:20px}
.lx-consent-card{width:min(560px,100%);background:var(--lx-panel);border:1px solid var(--lx-line);padding:24px;box-shadow:0 30px 100px #000}
.lx-consent-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--lx-line)}
.lx-consent-row small{display:block;color:var(--lx-muted);margin-top:5px}
.lx-switch{width:44px;height:24px;accent-color:var(--lx-accent)}
.lx-service-launch{position:fixed;right:20px;bottom:20px;z-index:9997;border:1px solid #ffffff26;background:#6c8dff;color:#07101d;padding:12px 17px;font:700 .85rem Archivo,sans-serif;box-shadow:0 12px 38px #0008;cursor:pointer}
.lx-service-panel{position:fixed;right:20px;bottom:72px;z-index:9999;width:min(390px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 100px));padding:0;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--lx-accent) transparent;background:#0c1118;border:1px solid var(--lx-line);box-shadow:0 28px 90px #000b}
.lx-service-panel::-webkit-scrollbar{width:7px;height:7px}
.lx-service-panel::-webkit-scrollbar-track{background:transparent}
.lx-service-panel::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:999px;background:var(--lx-accent);background-clip:padding-box}
.lx-service-panel::-webkit-scrollbar-thumb:hover{background:#8aa5ff;background-clip:padding-box}
.lx-service-head{display:flex;justify-content:space-between;align-items:start;padding:15px 18px 14px;border-bottom:1px solid var(--lx-line)}
.lx-service-head button{display:grid;place-items:center;min-width:36px;min-height:36px;margin:-6px -8px 0 8px;padding:0;background:none;border:0;color:var(--lx-muted);font-size:1.35rem;cursor:pointer}
.lx-service-body{padding:18px}
.lx-service-greeting{margin-bottom:15px!important}
.lx-quick-list{display:grid;gap:8px}
.lx-quick{width:100%;text-align:left;border:1px solid var(--lx-line);background:#121924;color:var(--lx-text);padding:12px 13px;font:600 .84rem Archivo,sans-serif;cursor:pointer}
.lx-quick:hover,.lx-quick:focus-visible{border-color:var(--lx-accent);outline:none}
.lx-answer{margin-top:12px;padding:14px;border-left:2px solid var(--lx-accent);background:#131a24}
.lx-answer a{color:#8fa8ff}
.lx-message-form{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--lx-line)}
.lx-message-form label{font-size:.75rem;color:var(--lx-muted)}
.lx-message-form input,.lx-message-form textarea{width:100%;margin-top:5px;border:1px solid var(--lx-line);background:#080c12;color:var(--lx-text);padding:10px;font:inherit}
.lx-message-form textarea{min-height:105px;resize:vertical}
.lx-service-alt{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:.78rem}
.lx-service-alt a{color:#8fa8ff}
.lx-cookie-settings{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.lx-status{font-size:.78rem;color:var(--lx-good)!important}
.lx-honeypot{position:absolute!important;left:-9999px!important}
@media(max-width:600px){.lx-consent{inset:auto 8px calc(8px + env(safe-area-inset-bottom));padding:18px}
.lx-service-launch{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));min-height:44px;max-width:calc(100vw - 24px)}
.lx-service-panel{right:12px;bottom:calc(64px + env(safe-area-inset-bottom));max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))}
.lx-service-head{padding:13px 16px 12px}
.lx-service-head button{min-width:44px;min-height:44px;margin:-9px -10px -4px 8px}
}
@media(prefers-reduced-motion:reduce){.lx-consent,.lx-service-panel{scroll-behavior:auto}}

/* Compact service launcher: full label on desktop, unobtrusive icon on mobile. */
.lx-service-launch{right:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(130,157,255,.42);border-radius:999px;background:rgba(12,17,24,.94);color:var(--lx-text);padding:7px 12px 7px 8px;font-size:.78rem;box-shadow:0 10px 30px #0007,0 0 0 1px #0004;backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.lx-service-launch:before{content:"";display:block;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background-color:var(--lx-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307101d' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M5.5 5.5h13v9h-7l-4.5 4v-4H5.5z'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}
.lx-service-launch:hover,.lx-service-launch:focus-visible{transform:translateY(-2px);border-color:var(--lx-accent);background:#111a27;outline:none}.lx-service-launch[aria-expanded="true"]{border-color:var(--lx-accent);background:#17233a}
@media(max-width:600px){.lx-service-launch{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:44px;min-width:44px;max-width:44px;min-height:44px;padding:7px;font-size:0;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.lx-service-launch{transition:none}}

/* Auftrag W: Consent- und Service-Komponenten folgen derselben Skala. */
.lx-consent-actions{gap:8px}
.lx-btn{height:44px;min-height:44px;padding:0 14px}
.lx-service-launch{height:44px;min-height:44px;padding:6px 12px 6px 8px}