/* © 2026 Online Network Vision S.L. · lr-job.eu · Kennung lrj-lina-web-20261102 · Lina im Chatfenster */
.lwc-knopf{position:fixed;right:var(--lwc-rechts,14px);left:var(--lwc-links,auto);bottom:calc(var(--lwc-unten,80px) + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:10px;min-height:56px;padding:4px 18px 4px 4px;border:0;border-radius:999px;background:#0F7A5A;color:#fff;font:800 16px/1 'Manrope',system-ui,sans-serif;box-shadow:0 14px 30px -12px rgba(15,122,90,.65),0 0 0 3px #fff;cursor:pointer}
.lwc-knopf img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.lwc-knopf:focus-visible{outline:3px solid #10201A;outline-offset:3px}
.lwc-offen .lwc-knopf{display:none}
.lwc-fenster{position:fixed;right:var(--lwc-rechts,16px);left:var(--lwc-links,auto);bottom:calc(var(--lwc-unten,18px) + env(safe-area-inset-bottom,0px));z-index:95;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100dvh - var(--lwc-unten,18px) - 40px));display:flex;flex-direction:column;background:#FBFBF9;border-radius:24px;box-shadow:0 30px 70px -20px rgba(16,32,26,.45),0 0 0 1px rgba(16,32,26,.08);overflow:hidden;font-family:'Manrope',system-ui,sans-serif;color:#10201A}
.lwc-fenster[hidden]{display:none}
.lwc-kopf{display:flex;align-items:center;gap:12px;padding:12px 10px 12px 16px;background:#0F7A5A;color:#fff}
.lwc-kopf img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.lwc-kopf div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lwc-kopf b{font-size:17px}.lwc-kopf small{font-size:13px;opacity:.92}
.lwc-zu{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lwc-zu:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lwc-liste{flex:1;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.lwc-msg{max-width:86%;padding:10px 14px;border-radius:18px;font-size:15.5px;line-height:1.45;overflow-wrap:anywhere}
.lwc-msg.-lina{align-self:flex-start;background:#fff;border:1px solid rgba(16,32,26,.08);border-bottom-left-radius:6px}
.lwc-msg.-ich{align-self:flex-end;background:#0F7A5A;color:#fff;border-bottom-right-radius:6px}
.lwc-msg a{color:#0B6148;font-weight:700}.lwc-msg.-ich a{color:#fff}
.lwc-bild{margin:10px 0 0;border-radius:14px;overflow:hidden;border:1px solid rgba(16,32,26,.08);background:#fff}
.lwc-bild img{display:block;width:100%;max-height:220px;object-fit:contain;background:#fff}
.lwc-bild figcaption{padding:8px 10px 10px;font-size:14px;line-height:1.4;border-top:1px solid rgba(16,32,26,.06)}
.lwc-tippt{display:inline-flex;gap:4px;padding:4px 0}.lwc-tippt i{width:7px;height:7px;border-radius:50%;background:#0F7A5A;opacity:.35;animation:lwc-tipp 1s infinite}
.lwc-tippt i:nth-child(2){animation-delay:.15s}.lwc-tippt i:nth-child(3){animation-delay:.3s}
@keyframes lwc-tipp{50%{opacity:1}}
.lwc-vorschlaege{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 8px}
.lwc-vorschlaege:empty{display:none}
.lwc-vorschlaege button{min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid rgba(15,122,90,.35);background:#fff;color:#0B6148;font:700 14px/1.2 'Manrope',system-ui,sans-serif;cursor:pointer}
.lwc-eingabe{display:flex;gap:8px;align-items:flex-end;padding:8px 12px;border-top:1px solid rgba(16,32,26,.08);background:#fff}
.lwc-eingabe textarea{flex:1;min-height:44px;max-height:120px;resize:none;padding:11px 14px;border-radius:22px;border:1px solid rgba(16,32,26,.18);font:16px/1.35 'Manrope',system-ui,sans-serif;color:#10201A;background:#FBFBF9}
.lwc-eingabe textarea:focus{outline:2px solid #0F7A5A;outline-offset:1px}
.lwc-eingabe button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#0F7A5A;color:#fff;font-size:18px;cursor:pointer}
.lwc-fuss{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;background:#fff}
.lwc-wa{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:#E8F7EF;color:#0B6148;font-weight:800;font-size:15px;text-decoration:none}
.lwc-fuss small{font-size:12.5px;color:#4A5C54;text-align:center}.lwc-fuss small a{color:#0B6148}
@media(max-width:599px){
  .lwc-fenster{right:0;left:0;bottom:0;width:100%;height:100dvh;border-radius:0}
  .lwc-kopf{padding-top:calc(12px + env(safe-area-inset-top,0px))}
  .lwc-knopf .lwc-knopf-text{display:none}.lwc-knopf{padding:4px}
}
@media(prefers-reduced-motion:reduce){.lwc-tippt i{animation:none;opacity:.7}}
.lwc-msg a.lwc-zum{display:inline-flex;align-items:center;min-height:40px;margin-top:8px;padding:0 16px;border-radius:999px;background:#0F7A5A;color:#fff;font-weight:800;text-decoration:none}
.lwc-bild figcaption br+br{display:none}
/* 02.11.2026: Lina ersetzt den alten Seiten-Assistenten; Knopf sitzt, wo dessen Knopf saß (Handy über der Leiste, PC unten rechts) */
.lwc-da .as-knopf,.lwc-da .as-fenster{display:none!important}
@media(min-width:900px){.lwc-knopf{right:var(--lwc-rechts,24px);bottom:calc(var(--lwc-unten,24px) + env(safe-area-inset-bottom,0px))}}
.flussleiste .fl-punkt .lwc-gesicht{width:30px;height:30px;flex:none;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1.5px #0F7A5A,0 4px 10px -4px rgba(15,122,90,.6);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.flussleiste .fl-punkt.-hier .lwc-gesicht{transform:translateY(calc(var(--fl-d,50px) * -.52))}
@media(prefers-reduced-motion:reduce){.flussleiste .fl-punkt .lwc-gesicht{transition:none}}
