.wol-neu { display:flex; align-items:center; gap:8px; padding:0 14px 8px; font-size:.82rem; color:rgba(255,255,255,.9); }
    .wol-neu a { color:#fff; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:6px; } .wol-neu a:hover span:last-child { text-decoration:underline; }
    .wol-neu .online-av { width:24px; height:24px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:.62rem; font-weight:700; color:#fff; overflow:hidden; } .wol-neu .online-av img { width:100%; height:100%; object-fit:cover; }
    .wer-online-leiste { background:#a70909; border-bottom:1px solid rgba(255,255,255,.18); margin-top:2rem; color:#fff; }
    .wol-inner { max-width:1200px; margin:0 auto; }
    .wol-toggle { display:flex; align-items:center; gap:8px; width:100%; background:none; border:0; color:#fff; cursor:pointer;
        padding:9px 1rem; font:inherit; font-size:.8rem; text-align:left; }
    .wol-toggle strong { white-space:nowrap; }
    .wol-punkt { width:9px; height:9px; border-radius:50%; background:#4ade80; box-shadow:0 0 0 0 rgba(74,222,128,.7); animation:wolPuls 2s infinite; flex:none; }
    @keyframes wolPuls { 70%{box-shadow:0 0 0 7px rgba(74,222,128,0)} 100%{box-shadow:0 0 0 0 rgba(74,222,128,0)} }
    .wol-namen { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:rgba(255,255,255,.9); }
    .wol-namen em { font-style:normal; font-weight:700; }
    .wol-gast-kurz { white-space:nowrap; color:rgba(255,255,255,.85); }
    .wol-pfeil { transition:transform .2s; flex:none; }
    .wol-ov { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:100000; align-items:center; justify-content:center; padding:16px; }
    .wol-ov.offen { display:flex; }
    .wol-modal { background:#fff; border-radius:14px; width:100%; max-width:520px; max-height:80vh; display:flex; flex-direction:column; box-shadow:0 10px 40px rgba(0,0,0,.35); overflow:hidden; }
    .wol-modal-kopf { display:flex; align-items:center; gap:8px; padding:13px 16px; background:#a70909; color:#fff; font-weight:700; }
    .wol-modal-kopf span { flex:1; }
    .wol-modal-x { background:none; border:0; color:#fff; font-size:1.6rem; line-height:1; cursor:pointer; }
    .wol-panel { padding:12px 14px 16px; overflow-y:auto; display:flex; flex-wrap:wrap; gap:6px; }
    .wol-modal .wol-chip { background:#fbeeee; border:1px solid #f0cccc; color:#7a0606 !important; }
    .wol-modal .wol-chip:hover { background:#f6dada; }
    .wol-modal .wol-chip .wol-seit { color:#a06060; }
    .wol-modal .wol-leer { color:#666; }
    .wol-chip { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22);
        border-radius:20px; padding:3px 10px 3px 3px; text-decoration:none !important; color:#fff !important; font-size:.78rem; font-weight:600; }
    .wol-chip:hover { background:rgba(255,255,255,.28); }
    .wol-chip .online-av { width:22px; height:22px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:.6rem; font-weight:700; color:#fff; overflow:hidden; }
    .wol-chip .online-av img { width:100%; height:100%; object-fit:cover; }
    .wol-chip .wol-seit { color:rgba(255,255,255,.8); font-weight:500; font-size:.7rem; }
    .wol-leer { color:rgba(255,255,255,.85); font-size:.8rem; }