{"title":"German | Downloads","content":"\ufeff\n\n<script>\n    let activeTarget = 'file_desc_add';\n    document.addEventListener('focusin', function(e) {\n        if (e.target.id && e.target.id.endsWith('_wysiwyg')) {\n            activeTarget = e.target.id.replace('_wysiwyg', '');\n            window.activeEditorId = e.target.id;\n        } else if (e.target.tagName === 'TEXTAREA') {\n            activeTarget = e.target.id;\n        }\n    });\n\n    \/\/ Globaler Drop-Handler gegen Base64-Datenm\u00fcll\n    document.addEventListener('drop', function(e) {\n        if (e.target.id && e.target.id.endsWith('_wysiwyg')) {\n            const data = e.dataTransfer.getData('text\/plain');\n            if (data && data.startsWith('[img')) {\n                e.preventDefault();\n                const targetId = e.target.id.replace('_wysiwyg', '');\n                insertAtCursor(targetId, data);\n            }\n        } else if (e.target.tagName === 'TEXTAREA' && (e.target.id === 'file_desc_add' || e.target.name === 'description')) {\n            const data = e.dataTransfer.getData('text\/plain');\n            if (data && data.startsWith('[img')) {\n                e.preventDefault();\n                insertAtCursor(e.target.id, data);\n            }\n        }\n    });\n\n    function previewNewImages(input) {\n        const list = document.getElementById('new-images-preview-list');\n        if (!list) return;\n        list.innerHTML = '';\n        const existingCount = document.querySelectorAll('.media-item-p:not(.new-p)').length;\n\n        if (input.files) {\n            Array.from(input.files).forEach((file, i) => {\n                if (!file.type.startsWith('image\/')) return;\n                const reader = new FileReader();\n                reader.onload = function(e) {\n                    const item = document.createElement('div');\n                    item.className = 'media-item-p new-p';\n                    item.style.opacity = '0.8';\n                    item.style.borderStyle = 'dashed';\n                    const tag = '[img' + (existingCount + i + 1) + ']';\n                    item.innerHTML = `\n                    <img src=\"${e.target.result}\" draggable=\"true\" ondragstart=\"event.dataTransfer.setData('text\/plain', '${tag}')\" title=\"In den Editor ziehen\">\n                    <div class=\"media-item-info\">\n                        <span class=\"media-tag\" style=\"color:#00ff00\">${tag}<\/span>\n                        <button type=\"button\" onclick=\"insertAtCursor(activeTarget, '${tag}')\" class=\"media-btn-add\" style=\"background:#008800\"><i class=\"fas fa-plus\"><\/i><\/button>\n                    <\/div>\n                `;\n                    list.appendChild(item);\n                };\n                reader.readAsDataURL(file);\n            });\n        }\n\n        if (list.innerHTML === '') {\n            list.innerHTML = '<div style=\"padding:20px; text-align:center; color:#444; font-size:11px\"><i class=\"fas fa-images fa-2x\" style=\"margin-bottom:10px\"><\/i><br>NOCH KEINE BILDER GEW\u00c4HLT<\/div>';\n        }\n    }\n\n    function insertAtCursor(targetId, text) {\n        const editor = document.getElementById(targetId + '_wysiwyg');\n        if (editor) {\n            window.activeEditorId = targetId + '_wysiwyg';\n            insertHTMLAtCursor(text);\n            return;\n        }\n        const area = document.getElementById(targetId);\n        if (!area) return;\n        const start = area.selectionStart;\n        const end = area.selectionEnd;\n        area.value = area.value.substring(0, start) + text + area.value.substring(end);\n        area.selectionStart = area.selectionEnd = start + text.length;\n        area.focus();\n    }\n\n    function addBB(tag, val = '', strength = '') {\n        const area = document.getElementById(activeTarget);\n        if (!area) return;\n        const start = area.selectionStart;\n        const end = area.selectionEnd;\n        const text = area.value;\n        const selected = text.substring(start, end);\n        let open = '[' + tag + ']';\n        let close = '[\/' + tag + ']';\n        if (tag === 'url') open = '[url=https:\/\/]';\n        if (tag === 'color') open = '[color=' + (val || 'var(--primary)') + ']';\n        if (tag === 'glow') open = '[glow=' + (val || 'var(--primary)') + (strength ? ',' + strength : '') + ']';\n        if (tag === 'font') open = '[font=' + val + ']';\n        area.value = text.substring(0, start) + open + selected + close + text.substring(end);\n        area.focus();\n    }\n\n    function toggleColorPicker(e, targetId) {\n        if (e) e.stopPropagation();\n        activeTarget = targetId;\n        const p = document.getElementById('pro-color-picker');\n        const isVisible = p.style.display === 'block';\n        if (isVisible) {\n            p.style.display = 'none';\n        } else {\n            p.style.display = 'block';\n            const rect = e.currentTarget.getBoundingClientRect();\n            p.style.position = 'fixed';\n            p.style.top = (rect.bottom + 5) + 'px';\n            p.style.left = rect.left + 'px';\n        }\n    }\n\n    function applyColor(color) {\n        if (!color) return;\n        if (!color.startsWith('#')) color = '#' + color;\n        addBB('color', color);\n        document.getElementById('pro-color-picker').style.display = 'none';\n    }\n\n    function toggleSmileys(e, targetId) {\n        if (e) e.stopPropagation();\n        activeTarget = targetId;\n        const p = document.getElementById('smiley-picker');\n        const isVisible = p.style.display === 'flex';\n        if (isVisible) {\n            p.style.display = 'none';\n        } else {\n            const rect = e.currentTarget.getBoundingClientRect();\n            p.style.position = 'fixed';\n            p.style.top = (rect.bottom + 5) + 'px';\n            p.style.left = Math.min(rect.left, window.innerWidth - 360) + 'px';\n            p.style.display = 'flex';\n        }\n    }\n\n    function insertSmiley(code) {\n        insertAtCursor(activeTarget, ' ' + code + ' ');\n    }\n\n    document.addEventListener('click', function(e) {\n        const cp = document.getElementById('pro-color-picker');\n        const sp = document.getElementById('smiley-picker');\n        if (cp && !cp.contains(e.target)) cp.style.display = 'none';\n        if (sp && !sp.contains(e.target)) sp.style.display = 'none';\n    });\n<\/script>\n\n        <style>\n        .dl-count-badge {\n            display: inline-flex; align-items: center; gap: 6px;\n            padding: 5px 12px;\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 20px;\n            font-family: 'Orbitron', monospace;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--primary);\n            white-space: nowrap;\n        }\n        .dl-count-badge i { font-size: 10px; opacity: 0.7; }\n        .dl-count-badge.dl-count-sub {\n            font-size: 11px;\n            padding: 3px 10px;\n            color: #aaa;\n        }\n        .dl-cat-banner {\n            display: block;\n            max-width: 260px;\n            width: 100%;\n            height: auto;\n            border-radius: 8px;\n            margin-top: 8px;\n            border: 1px solid rgba(255,255,255,0.06);\n        }\n        <\/style>\n        <!-- \u2500\u2500 HEADER \u2500\u2500 -->\n        <div class=\"premium-page-header\">\n            <div class=\"ph-title-box\">\n                <h1>GERMANRACERS <span style=\"color:var(--primary)\">DOWNLOADS<\/span><\/h1>\n                <p>MODS, TRACKS, SKINS & TOOLS F\u00dcR DEINE SIMULATION<\/p>\n            <\/div>\n            <div class=\"ph-actions\">\n                            <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 ALERTS \u2500\u2500 -->\n        \n        <!-- \u2500\u2500 DOWNLOAD CATEGORIES & FILES \u2500\u2500 -->\n        <div style=\"margin-top:40px;\">\n                            <div style=\"display:flex; flex-direction:column; gap:25px;\">\n                                            <div class=\"forum-node-v5\" style=\"flex-direction:column; align-items:stretch; padding:0;\">\n                            <!-- Category Header -->\n                            <div onclick=\"toggleDlCat(11)\" style=\"display:flex; justify-content:space-between; align-items:center; padding:25px 30px; cursor:pointer; background:rgba(0,0,0,0.15); border-bottom:1px solid rgba(255,255,255,0.02); transition:background 0.3s;\" onmouseover=\"this.style.background='rgba(0,0,0,0.25)';\" onmouseout=\"this.style.background='rgba(0,0,0,0.15)';\">\n                                <div style=\"display:flex; align-items:center; gap:20px;\">\n                                    <div class=\"fn-icon-box\"><i class=\"fas fa-folder\" style=\"color:var(--primary); font-size:20px;\"><\/i><\/div>\n                                    <div>\n                                        <div class=\"fn-title\" style=\"font-size:16px; font-family:'Orbitron';\">Asseto Corsa Competizione<\/div>\n                                                                                    <div class=\"fn-desc\" style=\"font-size:11px; margin-top:4px; color:#555;\"><img src=\"https:\/\/www.fanatical.com\/fr\/game\/assetto-corsa-competizione\" alt=\"\" class=\"dl-cat-banner\" loading=\"lazy\"><\/div>\n                                                                            <\/div>\n                                <\/div>\n                                <div style=\"display:flex; align-items:center; gap:16px;\">\n                                                                        <div class=\"dl-count-badge\" title=\"2 Dateien (inkl. Unterkategorien)\">\n                                        <i class=\"fas fa-download\"><\/i> 2                                    <\/div>\n                                    <div id=\"arrow-11\" style=\"color:#666; transition:transform 0.3s;\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Files Pane (Collapsible) -->\n                                                        <div id=\"list-11\" class=\"files-pane-p\" style=\"display:none; padding:20px 30px; background:rgba(0,0,0,0.05); border-top:1px solid rgba(255,255,255,0.01);\">\n                                                                    <div style=\"margin-bottom:20px;\">\n                                        <div style=\"font-family:'Orbitron'; font-size:12px; color:var(--primary); margin-bottom:10px; letter-spacing:1px; border-bottom:1px solid rgba(255,255,255,0.05); padding-bottom:5px;\">UNTERKATEGORIEN<\/div>\n                                        <div style=\"display:flex; flex-direction:column; gap:10px;\">\n                                                                                            <div style=\"background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.02); border-radius:8px;\">\n                                                    <div onclick=\"toggleDlCat(13, true)\" style=\"display:flex; justify-content:space-between; align-items:center; padding:15px 20px; cursor:pointer; transition:0.3s;\" onmouseover=\"this.style.background='rgba(0,0,0,0.3)';\" onmouseout=\"this.style.background='transparent';\">\n                                                        <div style=\"display:flex; align-items:center; gap:15px;\">\n                                                            <i class=\"fas fa-folder-open\" style=\"color:var(--primary);\"><\/i>\n                                                            <div>\n                                                                <div style=\"font-family:'Orbitron'; font-size:14px; color:#fff;\">liveries<\/div>\n                                                                                                                            <\/div>\n                                                        <\/div>\n                                                        <div style=\"display:flex; align-items:center; gap:12px;\">\n                                                                                                                        <div class=\"dl-count-badge dl-count-sub\" title=\"1 Dateien\">\n                                                                <i class=\"fas fa-download\"><\/i> 1                                                            <\/div>\n                                                            <div id=\"arrow-13\" style=\"color:#666; transition:0.3s;\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                                                                        <div id=\"list-13\" class=\"files-pane-p\" style=\"display:none; padding:15px 20px; border-top:1px solid rgba(255,255,255,0.02); background:rgba(0,0,0,0.15);\">\n                                                                                                                    <div style=\"display:grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap:10px;\">\n                                                                                                                                    <div onclick=\"window.location.href='?page=downloads&action=view&id=2'\" style=\"padding:15px; background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.05); border-radius:8px; cursor:pointer; transition:0.3s;\" onmouseover=\"this.style.borderColor='rgba(0,240,255,0.2)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.05)';\">\n                                                                        <div style=\"font-family:'Orbitron'; font-size:13px; color:#fff; font-weight:800;\">ACC Livery: MarlinW Media<\/div>\n                                                                        <div style=\"display:flex; justify-content:space-between; margin-top:8px; font-size:11px; color:#777;\">\n                                                                            <span><i class=\"fas fa-database\"><\/i> 2.39 MB<\/span>\n                                                                            <span><i class=\"fas fa-clock\"><\/i> 27.05.26<\/span>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <div style=\"background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.02); border-radius:8px;\">\n                                                    <div onclick=\"toggleDlCat(12, true)\" style=\"display:flex; justify-content:space-between; align-items:center; padding:15px 20px; cursor:pointer; transition:0.3s;\" onmouseover=\"this.style.background='rgba(0,0,0,0.3)';\" onmouseout=\"this.style.background='transparent';\">\n                                                        <div style=\"display:flex; align-items:center; gap:15px;\">\n                                                            <i class=\"fas fa-folder-open\" style=\"color:var(--primary);\"><\/i>\n                                                            <div>\n                                                                <div style=\"font-family:'Orbitron'; font-size:14px; color:#fff;\">Setup\u00b4s<\/div>\n                                                                                                                            <\/div>\n                                                        <\/div>\n                                                        <div style=\"display:flex; align-items:center; gap:12px;\">\n                                                                                                                        <div class=\"dl-count-badge dl-count-sub\" title=\"0 Dateien\">\n                                                                <i class=\"fas fa-download\"><\/i> 0                                                            <\/div>\n                                                            <div id=\"arrow-12\" style=\"color:#666; transition:0.3s;\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                                                                        <div id=\"list-12\" class=\"files-pane-p\" style=\"display:none; padding:15px 20px; border-top:1px solid rgba(255,255,255,0.02); background:rgba(0,0,0,0.15);\">\n                                                                                                                    <div style=\"text-align:center; color:#555; font-size:10px; font-family:'Orbitron';\">KEINE DATEIEN<\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <div style=\"background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.02); border-radius:8px;\">\n                                                    <div onclick=\"toggleDlCat(14, true)\" style=\"display:flex; justify-content:space-between; align-items:center; padding:15px 20px; cursor:pointer; transition:0.3s;\" onmouseover=\"this.style.background='rgba(0,0,0,0.3)';\" onmouseout=\"this.style.background='transparent';\">\n                                                        <div style=\"display:flex; align-items:center; gap:15px;\">\n                                                            <i class=\"fas fa-folder-open\" style=\"color:var(--primary);\"><\/i>\n                                                            <div>\n                                                                <div style=\"font-family:'Orbitron'; font-size:14px; color:#fff;\">Tool\u00b4s<\/div>\n                                                                                                                            <\/div>\n                                                        <\/div>\n                                                        <div style=\"display:flex; align-items:center; gap:12px;\">\n                                                                                                                        <div class=\"dl-count-badge dl-count-sub\" title=\"1 Dateien\">\n                                                                <i class=\"fas fa-download\"><\/i> 1                                                            <\/div>\n                                                            <div id=\"arrow-14\" style=\"color:#666; transition:0.3s;\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                                                                        <div id=\"list-14\" class=\"files-pane-p\" style=\"display:none; padding:15px 20px; border-top:1px solid rgba(255,255,255,0.02); background:rgba(0,0,0,0.15);\">\n                                                                                                                    <div style=\"display:grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap:10px;\">\n                                                                                                                                    <div onclick=\"window.location.href='?page=downloads&action=view&id=3'\" style=\"padding:15px; background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.05); border-radius:8px; cursor:pointer; transition:0.3s;\" onmouseover=\"this.style.borderColor='rgba(0,240,255,0.2)';\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.05)';\">\n                                                                        <div style=\"font-family:'Orbitron'; font-size:13px; color:#fff; font-weight:800;\">German Racers \u2014 Telemetry Companion<\/div>\n                                                                        <div style=\"display:flex; justify-content:space-between; margin-top:8px; font-size:11px; color:#777;\">\n                                                                            <span><i class=\"fas fa-database\"><\/i> 39.67 MB<\/span>\n                                                                            <span><i class=\"fas fa-clock\"><\/i> 29.05.26<\/span>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                \n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n                    <\/div>\n\n        <script>\n            function toggleDlCat(id, isSubcat = false) {\n                const pane = document.getElementById('list-' + id);\n                if (!pane) return;\n                const arrow = document.querySelector('#arrow-' + id + ' i');\n                const isOpening = (pane.style.display === 'none' || pane.style.display === '');\n\n                if (isOpening) {\n                    if (!isSubcat) {\n                        \/\/ Akkordeon-Effekt: Alle Geschwister auf der GLEICHEN Ebene schlie\u00dfen\n                        const parentNode = pane.closest('.forum-node-v5').parentElement;\n                        \/\/ Suche nur direkte Kinder (Geschwister-Nodes)\n                        const siblingPanes = parentNode.querySelectorAll(':scope > .forum-node-v5 > .files-pane-p');\n                        \n                        siblingPanes.forEach(s => {\n                            if (s !== pane) {\n                                s.style.display = 'none';\n                                const sibId = s.id.replace('list-', '');\n                                const sibArrow = document.querySelector('#arrow-' + sibId + ' i');\n                                if (sibArrow) sibArrow.style.transform = 'rotate(0deg)';\n                                sessionStorage.removeItem('gr_dl_cat_' + sibId);\n                            }\n                        });\n                    }\n\n                    pane.style.display = 'block';\n                    if (arrow) arrow.style.transform = 'rotate(180deg)';\n                    sessionStorage.setItem('gr_dl_cat_' + id, 'open');\n                } else {\n                    \/\/ Zuklappen erm\u00f6glichen\n                    pane.style.display = 'none';\n                    if (arrow) arrow.style.transform = 'rotate(0deg)';\n                    sessionStorage.removeItem('gr_dl_cat_' + id);\n                }\n            }\n\n            \/\/ Restore open accordions on page load\n            document.addEventListener('DOMContentLoaded', () => {\n                const panes = document.querySelectorAll('.files-pane-p');\n                panes.forEach(pane => {\n                    const id = pane.id.replace('list-', '');\n                    if (sessionStorage.getItem('gr_dl_cat_' + id) === 'open') {\n                        pane.style.display = 'block';\n                        const arrow = document.querySelector('#arrow-' + id + ' i');\n                        if (arrow) arrow.style.transform = 'rotate(180deg)';\n                        \n                        \/\/ If a subcategory is open, ensure its parent is also open\n                        const parentNode = pane.closest('.forum-node-v5');\n                        if (parentNode) {\n                            const parentPane = parentNode.querySelector(':scope > .files-pane-p');\n                            if (parentPane && parentPane !== pane) {\n                                parentPane.style.display = 'block';\n                                const pId = parentPane.id.replace('list-', '');\n                                const pArrow = document.querySelector('#arrow-' + pId + ' i');\n                                if (pArrow) pArrow.style.transform = 'rotate(180deg)';\n                                sessionStorage.setItem('gr_dl_cat_' + pId, 'open');\n                            }\n                        }\n                    }\n                });\n            });\n        <\/script>\n        \n<script>\n\n    \/\/ \u2500\u2500 SLIDE TO UNLOCK LOGIC \u2500\u2500\n    const h = document.getElementById('cap-handle');\n    const c = document.getElementById('dl-captcha');\n    const btn = document.getElementById('dl-final-btn');\n    const t = document.querySelector('.dl-cap-txt');\n\n    if (h && c && btn) {\n        let act = false;\n        let sx = 0;\n        const getMx = () => c.offsetWidth - h.offsetWidth - 10;\n\n        const start = (e) => {\n            act = true;\n            h.style.transition = 'none';\n            sx = (e.pageX || e.touches[0].pageX) - h.offsetLeft;\n        };\n\n        const stop = () => {\n            if (!act) return;\n            act = false;\n            let mx = getMx();\n            if (parseInt(h.style.left) < mx - 5) {\n                h.style.transition = 'left 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28)';\n                h.style.left = '5px';\n                if (t) t.style.opacity = 1;\n            }\n        };\n\n        const move = (e) => {\n            if (!act) return;\n            let mx = getMx();\n            let x = (e.pageX || e.touches[0].pageX) - sx;\n            if (x < 5) x = 5;\n            if (x > mx) x = mx;\n            h.style.left = x + 'px';\n            if (t) t.style.opacity = 1 - (x \/ mx);\n\n            if (x >= mx - 2) {\n                act = false;\n                c.style.opacity = '0';\n                c.style.transform = 'scale(0.95)';\n                c.style.transition = '0.3s ease';\n                setTimeout(() => {\n                    c.style.display = 'none';\n                    btn.style.display = 'block';\n                    btn.style.animation = 'pulse-p 0.5s ease';\n                }, 300);\n            }\n        };\n\n        h.addEventListener('mousedown', start);\n        h.addEventListener('touchstart', start);\n        window.addEventListener('mousemove', move);\n        window.addEventListener('touchmove', move, {\n            passive: false\n        });\n        window.addEventListener('mouseup', stop);\n        window.addEventListener('touchend', stop);\n    }\n<\/script>\n\n<div id=\"smiley-picker\" style=\"display:none; position:fixed; background:rgba(25,25,35,0.95); backdrop-filter:blur(20px); border:1px solid var(--primary); padding:15px; border-radius:15px; z-index:10000; box-shadow:0 20px 60px #000; width:360px; max-height:450px; flex-direction:column;\">\n    <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:10px;\">\n        <span style=\"font-family:'Orbitron'; font-size:11px; font-weight:900; color:var(--primary); letter-spacing:2px;\">YAHOO SMILEYS<\/span>\n        <button type=\"button\" onclick=\"document.getElementById('smiley-picker').style.display='none'\" style=\"background:transparent; border:none; color:#555; cursor:pointer; font-size:16px;\">\u2715<\/button>\n    <\/div>\n    <div style=\"display:grid; grid-template-columns:repeat(10, 1fr); gap:6px; overflow-y:auto; padding-right:5px;\">\n                    <div onclick=\"insertSmiley(&quot;:)&quot;)\" title=\":)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"1\">\n                <img src=\"assets\/emoticons\/1.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:(&quot;)\" title=\":(\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"2\">\n                <img src=\"assets\/emoticons\/2.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;;)&quot;)\" title=\";)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"3\">\n                <img src=\"assets\/emoticons\/3.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:D&quot;)\" title=\":D\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"4\">\n                <img src=\"assets\/emoticons\/4.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;;;&quot;)\" title=\";;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"5\">\n                <img src=\"assets\/emoticons\/5.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&gt;:D&lt;&quot;)\" title=\"&gt;:D&lt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"6\">\n                <img src=\"assets\/emoticons\/6.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-\\\/&quot;)\" title=\":-\/\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"7\">\n                <img src=\"assets\/emoticons\/7.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:x&quot;)\" title=\":x\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"8\">\n                <img src=\"assets\/emoticons\/8.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:\\&quot;&gt;&quot;)\" title=\":&quot;&gt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"9\">\n                <img src=\"assets\/emoticons\/9.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:P&quot;)\" title=\":P\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"10\">\n                <img src=\"assets\/emoticons\/10.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-*&quot;)\" title=\":-*\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"11\">\n                <img src=\"assets\/emoticons\/11.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;=((&quot;)\" title=\"=((\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"12\">\n                <img src=\"assets\/emoticons\/12.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-O&quot;)\" title=\":-O\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"13\">\n                <img src=\"assets\/emoticons\/13.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;X(&quot;)\" title=\"X(\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"14\">\n                <img src=\"assets\/emoticons\/14.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:&gt;&quot;)\" title=\":&gt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"15\">\n                <img src=\"assets\/emoticons\/15.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;B-)&quot;)\" title=\"B-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"16\">\n                <img src=\"assets\/emoticons\/16.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-S&quot;)\" title=\":-S\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"17\">\n                <img src=\"assets\/emoticons\/17.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;#:-S&quot;)\" title=\"#:-S\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"18\">\n                <img src=\"assets\/emoticons\/18.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&gt;:) &quot;)\" title=\"&gt;:) \" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"19\">\n                <img src=\"assets\/emoticons\/19.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:(( &quot;)\" title=\":(( \" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"20\">\n                <img src=\"assets\/emoticons\/20.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:))&quot;)\" title=\":))\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"21\">\n                <img src=\"assets\/emoticons\/21.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:|&quot;)\" title=\":|\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"22\">\n                <img src=\"assets\/emoticons\/22.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;\\\/:)&quot;)\" title=\"\/:)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"23\">\n                <img src=\"assets\/emoticons\/23.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;=))&quot;)\" title=\"=))\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"24\">\n                <img src=\"assets\/emoticons\/24.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;O:-)&quot;)\" title=\"O:-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"25\">\n                <img src=\"assets\/emoticons\/25.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-B&quot;)\" title=\":-B\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"26\">\n                <img src=\"assets\/emoticons\/26.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;=;&quot;)\" title=\"=;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"27\">\n                <img src=\"assets\/emoticons\/27.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;I-)&quot;)\" title=\"I-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"28\">\n                <img src=\"assets\/emoticons\/28.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;8-|&quot;)\" title=\"8-|\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"29\">\n                <img src=\"assets\/emoticons\/29.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;L-)&quot;)\" title=\"L-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"30\">\n                <img src=\"assets\/emoticons\/30.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-&amp;&quot;)\" title=\":-&amp;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"31\">\n                <img src=\"assets\/emoticons\/31.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-$&quot;)\" title=\":-$\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"32\">\n                <img src=\"assets\/emoticons\/32.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;[-( &quot;)\" title=\"[-( \" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"33\">\n                <img src=\"assets\/emoticons\/33.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:O)&quot;)\" title=\":O)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"34\">\n                <img src=\"assets\/emoticons\/34.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;8-}&quot;)\" title=\"8-}\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"35\">\n                <img src=\"assets\/emoticons\/35.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&lt;:-P&quot;)\" title=\"&lt;:-P\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"36\">\n                <img src=\"assets\/emoticons\/36.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;(:|&quot;)\" title=\"(:|\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"37\">\n                <img src=\"assets\/emoticons\/37.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;=P~&quot;)\" title=\"=P~\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"38\">\n                <img src=\"assets\/emoticons\/38.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-?&quot;)\" title=\":-?\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"39\">\n                <img src=\"assets\/emoticons\/39.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;#-o&quot;)\" title=\"#-o\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"40\">\n                <img src=\"assets\/emoticons\/40.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;=D&gt;&quot;)\" title=\"=D&gt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"41\">\n                <img src=\"assets\/emoticons\/41.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-SS&quot;)\" title=\":-SS\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"42\">\n                <img src=\"assets\/emoticons\/42.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;@-)&quot;)\" title=\"@-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"43\">\n                <img src=\"assets\/emoticons\/43.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:^o&quot;)\" title=\":^o\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"44\">\n                <img src=\"assets\/emoticons\/44.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-w&quot;)\" title=\":-w\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"45\">\n                <img src=\"assets\/emoticons\/45.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-&lt;&quot;)\" title=\":-&lt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"46\">\n                <img src=\"assets\/emoticons\/46.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&gt;:P&quot;)\" title=\"&gt;:P\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"47\">\n                <img src=\"assets\/emoticons\/47.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&lt;):)&quot;)\" title=\"&lt;):)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"48\">\n                <img src=\"assets\/emoticons\/48.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:@)&quot;)\" title=\":@)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"49\">\n                <img src=\"assets\/emoticons\/49.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;3:-O&quot;)\" title=\"3:-O\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"50\">\n                <img src=\"assets\/emoticons\/50.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:(|)&quot;)\" title=\":(|)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"51\">\n                <img src=\"assets\/emoticons\/51.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;~O)&quot;)\" title=\"~O)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"52\">\n                <img src=\"assets\/emoticons\/52.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;*-:)&quot;)\" title=\"*-:)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"53\">\n                <img src=\"assets\/emoticons\/53.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;8-X&quot;)\" title=\"8-X\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"54\">\n                <img src=\"assets\/emoticons\/54.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;=:)&quot;)\" title=\"=:)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"55\">\n                <img src=\"assets\/emoticons\/55.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&gt;-)&quot;)\" title=\"&gt;-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"56\">\n                <img src=\"assets\/emoticons\/56.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-L&quot;)\" title=\":-L\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"57\">\n                <img src=\"assets\/emoticons\/57.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;[-o&lt;&quot;)\" title=\"[-o&lt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"58\">\n                <img src=\"assets\/emoticons\/58.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;$-)&quot;)\" title=\"$-)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"59\">\n                <img src=\"assets\/emoticons\/59.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-\\&quot;&quot;)\" title=\":-&quot;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"60\">\n                <img src=\"assets\/emoticons\/60.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;b-(&quot;)\" title=\"b-(\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"61\">\n                <img src=\"assets\/emoticons\/61.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:)&gt;-&quot;)\" title=\":)&gt;-\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"62\">\n                <img src=\"assets\/emoticons\/62.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;[-X&quot;)\" title=\"[-X\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"63\">\n                <img src=\"assets\/emoticons\/63.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;\\\\:D\\\/&quot;)\" title=\"\\:D\/\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"64\">\n                <img src=\"assets\/emoticons\/64.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;&gt;:\\\/&quot;)\" title=\"&gt;:\/\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"65\">\n                <img src=\"assets\/emoticons\/65.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;;))&quot;)\" title=\";))\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"66\">\n                <img src=\"assets\/emoticons\/66.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;o-&gt;&quot;)\" title=\"o-&gt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"67\">\n                <img src=\"assets\/emoticons\/67.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;o=&gt;&quot;)\" title=\"o=&gt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"68\">\n                <img src=\"assets\/emoticons\/68.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;o-+&quot;)\" title=\"o-+\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"69\">\n                <img src=\"assets\/emoticons\/69.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;(%)&quot;)\" title=\"(%)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"70\">\n                <img src=\"assets\/emoticons\/70.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-@&quot;)\" title=\":-@\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"71\">\n                <img src=\"assets\/emoticons\/71.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;^:)^&quot;)\" title=\"^:)^\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"72\">\n                <img src=\"assets\/emoticons\/72.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-j&quot;)\" title=\":-j\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"73\">\n                <img src=\"assets\/emoticons\/73.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;(*)&quot;)\" title=\"(*)\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"74\">\n                <img src=\"assets\/emoticons\/74.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:)]&quot;)\" title=\":)]\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"100\">\n                <img src=\"assets\/emoticons\/100.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-c&quot;)\" title=\":-c\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"101\">\n                <img src=\"assets\/emoticons\/101.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;~X(&quot;)\" title=\"~X(\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"102\">\n                <img src=\"assets\/emoticons\/102.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-h&quot;)\" title=\":-h\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"103\">\n                <img src=\"assets\/emoticons\/103.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-t&quot;)\" title=\":-t\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"104\">\n                <img src=\"assets\/emoticons\/104.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;8-&gt;&quot;)\" title=\"8-&gt;\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"105\">\n                <img src=\"assets\/emoticons\/105.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-??&quot;)\" title=\":-??\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"106\">\n                <img src=\"assets\/emoticons\/106.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;%-(&quot;)\" title=\"%-(\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"107\">\n                <img src=\"assets\/emoticons\/107.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:o3&quot;)\" title=\":o3\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"108\">\n                <img src=\"assets\/emoticons\/108.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;X_X&quot;)\" title=\"X_X\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"109\">\n                <img src=\"assets\/emoticons\/109.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:!!&quot;)\" title=\":!!\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"110\">\n                <img src=\"assets\/emoticons\/110.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;\\\\m\\\/&quot;)\" title=\"\\m\/\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"111\">\n                <img src=\"assets\/emoticons\/111.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-q&quot;)\" title=\":-q\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"112\">\n                <img src=\"assets\/emoticons\/112.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:-bd&quot;)\" title=\":-bd\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"113\">\n                <img src=\"assets\/emoticons\/113.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;^#(^&quot;)\" title=\"^#(^\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"114\">\n                <img src=\"assets\/emoticons\/114.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n                    <div onclick=\"insertSmiley(&quot;:bz&quot;)\" title=\":bz\" style=\"background:#000; border:1px solid #222; border-radius:6px; padding:4px; cursor:pointer; transition:0.2s; display:flex; align-items:center; justify-content:center;\" onmouseover=\"this.style.borderColor='var(--primary)'; this.style.transform='scale(1.2)';\" onmouseout=\"this.style.borderColor='#222'; this.style.transform='scale(1)';\" data-num=\"115\">\n                <img src=\"assets\/emoticons\/115.gif\" style=\"width:22px; height:22px; object-fit:contain;\">\n            <\/div>\n            <\/div>\n<\/div>\n","sidebarLeft":"<div class=\"dashboard-module widget-fuel-calc\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-gas-pump\"><\/i> SPRITRECHNER    <\/div>\n    \n    <div class=\"module-body\">\n        <div class=\"mini-form\">\n            <div class=\"select-field\">\n                <select id=\"w-track\" onchange=\"calcFuelWidget()\" class=\"mini-select\">\n                    <option value=\"custom\" disabled selected>Strecke<\/option>\n                                            <option value=\"barcelona\" data-cons=\"3\">Barcelona<\/option>\n                                            <option value=\"brands_hatch\" data-cons=\"2.5\">Brands Hatch<\/option>\n                                            <option value=\"hungaroring\" data-cons=\"2.8\">Hungaroring<\/option>\n                                            <option value=\"misano\" data-cons=\"2.7\">Misano<\/option>\n                                            <option value=\"monza\" data-cons=\"3.1\">Monza<\/option>\n                                            <option value=\"nurburgring\" data-cons=\"2.85\">N\u00fcrburgring GP<\/option>\n                                            <option value=\"nurburgring_24h\" data-cons=\"12.8\">N\u00fcrburgring 24h<\/option>\n                                            <option value=\"paul_ricard\" data-cons=\"3.4\">Paul Ricard<\/option>\n                                            <option value=\"silverstone\" data-cons=\"3.2\">Silverstone<\/option>\n                                            <option value=\"spa\" data-cons=\"3.4\">Spa-Francorchamps<\/option>\n                                            <option value=\"zolder\" data-cons=\"2.5\">Zolder<\/option>\n                                            <option value=\"zandvoort\" data-cons=\"2.7\">Zandvoort<\/option>\n                                            <option value=\"bathurst\" data-cons=\"3.3\">Mount Panorama<\/option>\n                                            <option value=\"laguna_seca\" data-cons=\"2.5\">Laguna Seca<\/option>\n                                            <option value=\"kyalami\" data-cons=\"2.9\">Kyalami<\/option>\n                                            <option value=\"suzuka\" data-cons=\"3.2\">Suzuka<\/option>\n                                            <option value=\"imola\" data-cons=\"2.9\">Imola<\/option>\n                                            <option value=\"donington\" data-cons=\"2.5\">Donington Park<\/option>\n                                            <option value=\"oulton_park\" data-cons=\"2.6\">Oulton Park<\/option>\n                                            <option value=\"snetterton\" data-cons=\"3\">Snetterton<\/option>\n                                            <option value=\"watkins_glen\" data-cons=\"3\">Watkins Glen<\/option>\n                                            <option value=\"indianapolis\" data-cons=\"2.8\">Indianapolis<\/option>\n                                            <option value=\"cota\" data-cons=\"3.5\">COTA<\/option>\n                                            <option value=\"valencia\" data-cons=\"2.7\">Valencia<\/option>\n                                            <option value=\"red_bull_ring\" data-cons=\"2.6\">Red Bull Ring<\/option>\n                                    <\/select>\n            <\/div>\n\n            <div class=\"select-field\" style=\"margin-top:10px\">\n                <select id=\"w-car\" onchange=\"calcFuelWidget()\" class=\"mini-select\">\n                    <option value=\"custom\" disabled selected>Fahrzeug<\/option>\n                                            <option value=\"bmw_m4\" data-mult=\"1\">BMW M4 GT3<\/option>\n                                            <option value=\"porsche_992\" data-mult=\"1.05\">Porsche 992 GT3 R<\/option>\n                                            <option value=\"ferrari_296\" data-mult=\"0.98\">Ferrari 296 GT3<\/option>\n                                            <option value=\"amg_evo\" data-mult=\"1.02\">Mercedes AMG GT3 Evo<\/option>\n                                            <option value=\"audi_evo2\" data-mult=\"1\">Audi R8 LMS Evo II<\/option>\n                                            <option value=\"lambo_evo2\" data-mult=\"1\">Lambo Huracan Evo 2<\/option>\n                                            <option value=\"mclaren_720\" data-mult=\"0.97\">McLaren 720S GT3<\/option>\n                                            <option value=\"aston_v12\" data-mult=\"1.01\">Aston Martin V8 Vantage<\/option>\n                                            <option value=\"gt4_avg\" data-mult=\"0.65\">GT4 (All)<\/option>\n                                    <\/select>\n            <\/div>\n            \n            <div class=\"mini-row\" style=\"margin-top:15px\">\n                <input type=\"number\" id=\"w-laps\" placeholder=\"Runden\" class=\"mini-input\" min=\"1\" oninput=\"calcFuelWidget()\">\n                <button class=\"btn-calc-mini\" onclick=\"calcFuelWidget()\">CALC<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"w-res\" class=\"mini-result\" style=\"display:none\">\n            <div class=\"res-wrap\">\n                <div class=\"val\"><span id=\"w-res-val\">0<\/span><span class=\"unit\">L<\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.widget-fuel-calc .module-body { padding: 20px; }\n\n.mini-select, .mini-input { \n    background: rgba(0,0,0,0.2) !important; border: 1px solid var(--border) !important;\n    color: #fff !important; font-family: var(--font-main); font-size: 10px;\n    border-radius: 4px; padding: 5px 8px; outline: none; width: 100%; transition: all 0.2s;\n}\n.mini-select:focus, .mini-input:focus { border-color: var(--primary) !important; }\n\n.mini-row { display: flex; gap: 6px; }\n.mini-input { flex: 1; }\n.btn-calc-mini { \n    background: var(--primary); color: #000; border: none; border-radius: 4px; \n    font-weight: 900; cursor: pointer; font-family: var(--font-title);\n    font-size: 9px; padding: 0 10px; transition: all 0.2s;\n}\n.btn-calc-mini:hover { transform: translateY(-1px); box-shadow: 0 4px 12px var(--primary-low); }\n\n.mini-result { margin-top: 12px; animation: fadeIn 0.3s ease; }\n.res-wrap {\n    background: linear-gradient(135deg, var(--primary-low) 0%, transparent 100%);\n    border: 1px solid var(--primary-low); border-radius: 8px; padding: 8px; text-align: center;\n}\n.mini-result .val { font-family: var(--font-tech); font-size: 20px; font-weight: 800; color: #fff; }\n.mini-result .unit { font-size: 10px; margin-left: 3px; color: var(--text-muted); opacity: 0.5; }\n<\/style>\n\n<script>\nfunction calcFuelWidget() {\n    const tSel = document.getElementById('w-track');\n    const cSel = document.getElementById('w-car');\n    const tOpt = tSel.options[tSel.selectedIndex];\n    const cOpt = cSel.options[cSel.selectedIndex];\n    const laps = parseInt(document.getElementById('w-laps').value);\n    const res = document.getElementById('w-res');\n    \n    if (tSel.value === 'custom' || cSel.value === 'custom' || isNaN(laps) || laps <= 0) {\n        res.style.display = 'none'; return;\n    }\n    \n    const baseCons = parseFloat(tOpt.dataset.cons);\n    const mult = parseFloat(cOpt.dataset.mult);\n    const totalFuel = Math.ceil(laps * baseCons * mult);\n    \n    document.getElementById('w-res-val').innerText = totalFuel;\n    res.style.display = 'block';\n}\n<\/script>\n<div class=\"dashboard-module widget-pressure-calc\">\n    <h3 class=\"module-title\"><i class=\"fas fa-dot-circle\"><\/i> Reifendruck<\/h3>\n    <div class=\"widget-body\">\n        <div class=\"mini-form\">\n            <div class=\"mini-row\">\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">AIR \u00b0C<\/label>\n                    <input type=\"number\" id=\"p-air\" placeholder=\"20\" value=\"20\" class=\"mini-input\" oninput=\"calcPressure()\">\n                <\/div>\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">TRACK \u00b0C<\/label>\n                    <input type=\"number\" id=\"p-track\" placeholder=\"28\" value=\"28\" class=\"mini-input\" oninput=\"calcPressure()\">\n                <\/div>\n            <\/div>\n\n            <div class=\"mini-row\" style=\"margin-top:8px\">\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">RUNDEN<\/label>\n                    <input type=\"number\" id=\"p-laps\" placeholder=\"5\" value=\"5\" class=\"mini-input\" min=\"1\" oninput=\"calcPressure()\">\n                <\/div>\n                <div class=\"input-field\" style=\"flex: 1\">\n                    <label class=\"mini-label\">WET \/ DRY<\/label>\n                    <select id=\"p-wet\" class=\"mini-select\" onchange=\"calcPressure()\">\n                        <option value=\"0\" selected>DRY<\/option>\n                        <option value=\"1\">WET<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            \n            <button class=\"btn-calc-mini\" style=\"margin-top:10px; width:100%\" onclick=\"calcPressure()\">CALC PRESSURE<\/button>\n        <\/div>\n\n        <div id=\"p-res\" class=\"mini-result\" style=\"margin-top:15px\">\n            <div class=\"res-wrap\" id=\"p-res-wrap\">\n                <div class=\"val\"><span id=\"p-res-val\">24.3<\/span><span class=\"unit\">PSI<\/span><\/div>\n                <div id=\"p-res-note\" class=\"sub\">Target: 26.7 Hot<\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"info-note\" style=\"margin-top:10px; font-size:9px; color: var(--text-dimmer); text-align:center; opacity: 0.7\">\n            Sch\u00e4tzung f\u00fcr GT3 Slicks.\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.widget-pressure-calc .widget-body { padding: 0; }\n\n.mini-label { display: block; font-size: 9px; font-weight: 800; color: var(--text-dim); margin-bottom: 4px; letter-spacing: 1px; }\n\n.mini-input, .mini-select { \n    background: rgba(0,0,0,0.3) !important;\n    border: 1px solid var(--border) !important;\n    color: #fff !important;\n    font-size: 13px;\n    border-radius: 6px;\n    padding: 10px 12px;\n    outline: none;\n    width: 100%;\n    transition: all 0.2s;\n}\n.mini-input:focus, .mini-select:focus { border-color: var(--primary) !important; background: rgba(0,0,0,0.5) !important; }\n\n.btn-calc-mini { \n    background: transparent;\n    color: var(--primary);\n    border: 1px solid var(--primary);\n    border-radius: 6px; \n    font-weight: 700;\n    cursor: pointer;\n    font-family: 'Orbitron', sans-serif;\n    font-size: 10px;\n    padding: 10px;\n    letter-spacing: 1px;\n    transition: all 0.2s;\n}\n.btn-calc-mini:hover { background: var(--primary-dim); box-shadow: 0 0 15px var(--primary-dim); }\n\n.mini-result .val {\n    font-family: 'Orbitron', sans-serif;\n    font-size: 32px;\n    font-weight: 900;\n    color: #fff;\n    text-shadow: 0 0 15px var(--primary-dim);\n}\n.mini-result .unit { font-size: 14px; margin-left: 4px; color: var(--text-dim); }\n.mini-result .sub { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px; font-weight: 800; color: var(--primary); }\n<\/style>\n\n<script>\nfunction calcPressure() {\n    const air = parseFloat(document.getElementById('p-air').value) || 20;\n    const track = parseFloat(document.getElementById('p-track').value) || 28;\n    const laps = parseInt(document.getElementById('p-laps').value) || 5;\n    const isWet = document.getElementById('p-wet').value === \"1\";\n    \n    \/\/ Baselines\n    \/\/ DRY: 20\u00b0C Air \/ 28\u00b0C Track -> 24.6 PSI (Target 27.0)\n    \/\/ WET: 20\u00b0C Air \/ 25\u00b0C Track -> 27.5 PSI (Target 30.0)\n    \n    let base = isWet ? 27.5 : 24.6;\n    let target = isWet ? 30.0 : 27.0;\n    \n    const airDiff = air - 20;\n    const trackDiff = track - (isWet ? 25 : 28);\n    \n    let res = base - (airDiff * 0.1) - (trackDiff * 0.05);\n    \n    \/\/ Lap Offset\n    let offset = 0;\n    let note = \"Target: \" + target.toFixed(1) + \" Hot\";\n    \n    if (laps === 1) { \n        offset = 0.4; \n        note = \"Qualy (1 Lap)\";\n    } else if (laps === 2) { \n        offset = 0.2; \n        note = \"Short Stint\";\n    }\n    \n    res += offset;\n    \n    \/\/ Clamp result\n    res = Math.max(21.0, Math.min(32.0, res));\n    \n    document.getElementById('p-res-val').innerText = res.toFixed(1);\n    document.getElementById('p-res-note').innerText = note;\n    \n    \/\/ Style update for Wet\/Dry\n    const wrap = document.getElementById('p-res-wrap');\n    if (isWet) {\n        wrap.style.borderColor = \"rgba(43, 140, 255, 0.4)\";\n        wrap.style.background = \"rgba(43, 140, 255, 0.05)\";\n    } else {\n        wrap.style.borderColor = \"rgba(0, 255, 255, 0.3)\";\n        wrap.style.background = \"rgba(0, 255, 255, 0.05)\";\n    }\n}\n<\/script>\n<div class=\"dashboard-module widget-race-pressure\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-tachometer-alt\"><\/i> REIFENDRUCK LANGSTRECKE    <\/div>\n\n    <div class=\"module-body\">\n        <div class=\"wrp-form\">\n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>KLASSE<\/label>\n                    <select id=\"wrp-car\" onchange=\"wrpCalc()\" class=\"wrp-select\">\n                        <option value=\"gt3\">GT3<\/option>\n                        <option value=\"gt4\">GT4<\/option>\n                        <option value=\"cup\">Cup<\/option>\n                        <option value=\"gt2\">GT2<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>FAKTOR<\/label>\n                    <select id=\"wrp-multi\" onchange=\"wrpCalc()\" class=\"wrp-select\">\n                                                <option value=\"1\" >1\u00d7<\/option>\n                                                <option value=\"2\" >2\u00d7<\/option>\n                                                <option value=\"3\" >3\u00d7<\/option>\n                                                <option value=\"4\" >4\u00d7<\/option>\n                                                <option value=\"5\" >5\u00d7<\/option>\n                                                <option value=\"6\" >6\u00d7<\/option>\n                                                <option value=\"7\" >7\u00d7<\/option>\n                                                <option value=\"8\" >8\u00d7<\/option>\n                                                <option value=\"9\" >9\u00d7<\/option>\n                                                <option value=\"10\" selected>10\u00d7<\/option>\n                                                <option value=\"11\" >11\u00d7<\/option>\n                                                <option value=\"12\" >12\u00d7<\/option>\n                                                <option value=\"13\" >13\u00d7<\/option>\n                                                <option value=\"14\" >14\u00d7<\/option>\n                                                <option value=\"15\" >15\u00d7<\/option>\n                                                <option value=\"16\" >16\u00d7<\/option>\n                                                <option value=\"17\" >17\u00d7<\/option>\n                                                <option value=\"18\" >18\u00d7<\/option>\n                                                <option value=\"19\" >19\u00d7<\/option>\n                                                <option value=\"20\" >20\u00d7<\/option>\n                                                <option value=\"21\" >21\u00d7<\/option>\n                                                <option value=\"22\" >22\u00d7<\/option>\n                                                <option value=\"23\" >23\u00d7<\/option>\n                                                <option value=\"24\" >24\u00d7<\/option>\n                                            <\/select>\n                <\/div>\n            <\/div>\n            \n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>LUFT START \u00b0C<\/label>\n                    <input type=\"number\" id=\"wrp-air-s\" value=\"20\" min=\"-10\" max=\"45\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>LUFT ENDE \u00b0C<\/label>\n                    <input type=\"number\" id=\"wrp-air-e\" value=\"28\" min=\"-10\" max=\"45\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n            <\/div>\n\n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>STRECKE START<\/label>\n                    <input type=\"number\" id=\"wrp-trk-s\" value=\"18\" min=\"-5\" max=\"70\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>STRECKE PEAK<\/label>\n                    <input type=\"number\" id=\"wrp-trk-p\" value=\"42\" min=\"-5\" max=\"70\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n            <\/div>\n\n            <div class=\"wrp-row\">\n                <div class=\"wrp-f\">\n                    <label>STINT (MIN)<\/label>\n                    <input type=\"number\" id=\"wrp-stint\" value=\"20\" min=\"5\" max=\"120\" step=\"5\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n                <div class=\"wrp-f\">\n                    <label>KALTPR. PSI<\/label>\n                    <input type=\"number\" id=\"wrp-cold\" value=\"25.5\" min=\"20\" max=\"35\" step=\"0.1\" oninput=\"wrpCalc()\" class=\"wrp-input\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"wrp-result-box\" id=\"wrp-result\">\n            <!-- AJAX CONTENT -->\n        <\/div>\n\n        <div class=\"wrp-footer\">\n            <a href=\"?page=race_pressure\" class=\"wrp-more-link\">VOLLST\u00c4NDIGE ANALYSE <i class=\"fas fa-external-link-alt\"><\/i><\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n.widget-race-pressure .module-body { padding: 15px !important; }\n\n.wrp-form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }\n.wrp-row { display: flex; gap: 8px; }\n.wrp-f { flex: 1; display: flex; flex-direction: column; gap: 4px; }\n.wrp-f label { font-size: 8px; font-weight: 800; color: var(--text-muted); letter-spacing: 1px; }\n\n.wrp-select, .wrp-input {\n    background: rgba(0,0,0,0.2) !important; border: 1px solid var(--border) !important;\n    border-radius: 6px; padding: 6px 10px; color: #fff !important; font-size: 11px; outline: none;\n    transition: border-color 0.2s;\n}\n.wrp-select:focus, .wrp-input:focus { border-color: var(--primary) !important; }\n\n.wrp-result-box {\n    background: rgba(255,255,255,0.03); border-radius: 8px; border: 1px solid var(--border);\n    padding: 12px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 6px;\n}\n.wrp-res-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.03); }\n.wrp-res-row:last-child { border-bottom: none; padding-bottom: 0; }\n.wrp-res-lbl { font-size: 10px; color: var(--text-muted); font-weight: 600; }\n.wrp-res-val { font-family: var(--font-tech); font-size: 11px; font-weight: 700; color: #fff; }\n.wrp-res-val.opt { color: #22c55e; }\n.wrp-res-val.warn { color: var(--primary); }\n.wrp-res-val.alert { color: #ef4444; }\n\n.wrp-footer { text-align: center; padding-top: 10px; border-top: 1px solid var(--border); }\n.wrp-more-link {\n    font-family: var(--font-title); font-size: 9px; font-weight: 800; color: var(--primary);\n    text-decoration: none; transition: all 0.2s;\n}\n.wrp-more-link:hover { color: #fff; transform: translateX(3px); }\n<\/style>\n\n<script>\n(function(){\nconst WRP_CARS = {\n  gt3:{hotTarget:27.5,hotRange:0.8,baseCold:25.5,airC:0.07,trkC:0.045},\n  gt4:{hotTarget:26.5,hotRange:0.8,baseCold:24.5,airC:0.065,trkC:0.04},\n  cup:{hotTarget:28.5,hotRange:0.8,baseCold:26.5,airC:0.07,trkC:0.045},\n  gt2:{hotTarget:27.0,hotRange:0.8,baseCold:25.0,airC:0.07,trkC:0.045},\n};\nwindow.wrpCalc = function() {\n  const car    = WRP_CARS[document.getElementById('wrp-car').value];\n  const multi  = parseFloat(document.getElementById('wrp-multi').value)||10;\n  const airS   = parseFloat(document.getElementById('wrp-air-s').value)||20;\n  const airE   = parseFloat(document.getElementById('wrp-air-e').value)||28;\n  const trkS   = parseFloat(document.getElementById('wrp-trk-s').value)||18;\n  const trkP   = parseFloat(document.getElementById('wrp-trk-p').value)||42;\n  const stint  = parseFloat(document.getElementById('wrp-stint').value)||20;\n  \n  function tempAt(pct) {\n    const air = airS + (airE - airS) * pct;\n    const trk = pct <= 0.6 ? trkS + (trkP - trkS) * (pct \/ 0.6) : trkP + (trkP * 0.8 - trkP) * ((pct - 0.6) \/ 0.4);\n    return { air, trk };\n  }\n  function coldRec(air, trk) { return car.baseCold - (air - 20) * car.airC - (trk - 25) * car.trkC; }\n  function statusCls(cold, air, trk) {\n    const hot = cold + (air - 20) * car.airC + (trk - 25) * car.trkC;\n    const d = Math.abs(hot - car.hotTarget);\n    if (d <= car.hotRange\/2) return 'opt';\n    if (d <= car.hotRange) return 'warn';\n    return 'alert';\n  }\n\n  const t0 = tempAt(0), t1 = tempAt(0.33), t2 = tempAt(0.66);\n  const c0 = coldRec(t0.air, t0.trk), c1 = coldRec(t1.air, t1.trk), c2 = coldRec(t2.air, t2.trk);\n  const d1 = c1 - c0, d2 = c2 - c1;\n  const s0 = statusCls(c0, t0.air, t0.trk), s1 = statusCls(c1, t1.air, t1.trk);\n\n  const fmt = v => (v>=0?'+':'')+v.toFixed(2);\n\n  document.getElementById('wrp-result').innerHTML = `\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">START PSI<\/span><span class=\"wrp-res-val ${s0}\">${c0.toFixed(2)}<\/span><\/div>\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">NACH STOPP 1<\/span><span class=\"wrp-res-val ${s1}\">${c1.toFixed(2)} (${fmt(d1)})<\/span><\/div>\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">NACH STOPP 2<\/span><span class=\"wrp-res-val\">${c2.toFixed(2)} (${fmt(d2)})<\/span><\/div>\n    <div class=\"wrp-res-row\"><span class=\"wrp-res-lbl\">GESAMTLZEIT<\/span><span class=\"wrp-res-val\">${(stint*multi\/60).toFixed(1)}h<\/span><\/div>\n  `;\n};\nwindow.addEventListener('DOMContentLoaded', wrpCalc);\n})();\n<\/script>\n<div class=\"dashboard-module widget-polls\"><div class=\"module-title\"><span><i class=\"fas fa-poll\"><\/i> UMFRAGEN<\/span><\/div><div class=\"module-body\" style=\"padding:16px; text-align:center; color:var(--text-dim, #666); font-size:11px;\">Keine aktiven Umfragen<\/div><\/div>","sidebarRight":"\n<div class=\"dashboard-module widget-activity-stats\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-chart-line\"><\/i> TAGESSTATISTIK    <\/div>\n\n    <div class=\"module-body\">\n        <!-- Navigation -->\n        <div class=\"as-nav\">\n            <div class=\"as-nav-controls\">\n                <a href=\"?page=downloads&stats_day=2026-06-10\" class=\"as-nav-arrow\" title=\"Vorheriger Tag\">\n                    <i class=\"fas fa-chevron-left\"><\/i>\n                <\/a>\n                <div class=\"as-nav-date\">Donnerstag, 11.06.2026<\/div>\n                <a href=\"#\"\n                    class=\"as-nav-arrow disabled\" title=\"N\u00e4chster Tag\">\n                    <i class=\"fas fa-chevron-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"as-stats-grid\">                <div class=\"as-stat-card\">\n                    <i class=\"fas fa-globe as-icon\"><\/i>\n                    <div class=\"as-val\">223<\/div>\n                    <div class=\"as-lbl\">BESUCHER<br>HEUTE<\/div>\n                <\/div>\n                            <div class=\"as-stat-card\">\n                    <i class=\"fab fa-discord as-icon\"><\/i>\n                    <div class=\"as-val\">0<\/div>\n                    <div class=\"as-lbl\">REGS.<\/div>\n                <\/div>\n                            <div class=\"as-stat-card\">\n                    <i class=\"fas fa-user-plus as-icon\"><\/i>\n                    <div class=\"as-val\">0<\/div>\n                    <div class=\"as-lbl\">NEUE<br>SPIELER<\/div>\n                <\/div>\n                            <div class=\"as-stat-card\">\n                    <i class=\"fas fa-users as-icon\"><\/i>\n                    <div class=\"as-val\">7<\/div>\n                    <div class=\"as-lbl\">SPIELER<br>GESAMT<\/div>\n                <\/div>\n            <\/div>                <div class=\"as-section-title\"><i class=\"fas fa-server\"><\/i> SPIELSERVER-AKTIVIT\u00c4T<\/div>\n                <div class=\"as-server-list\">\n                                                                        <div class=\"as-server-row\">\n                                <span class=\"as-server-name\">Nurburgring<\/span>\n                                <div class=\"as-pills\">\n                                    <span class=\"as-pill\">7<\/span>\n                                                                            <span class=\"as-pill live\">7<\/span>\n                                                                    <\/div>\n                            <\/div>\n                                                            <\/div>\n                            <div class=\"as-section-title\" style=\"margin-top:20px;\"><i class=\"fas fa-chart-bar\"><\/i> 7-TAGE TREND<\/div>\n                <div class=\"as-chart\">\n                                            <a href=\"?page=downloads&stats_day=2026-06-05\" class=\"as-chart-item \" data-gr-title=\"Besucher: 185\nRegistrierungen: 1\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:24px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Fr<\/div>\n                        <\/a>\n                                            <a href=\"?page=downloads&stats_day=2026-06-06\" class=\"as-chart-item \" data-gr-title=\"Besucher: 358\nRegistrierungen: 2\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:47px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Sa<\/div>\n                        <\/a>\n                                            <a href=\"?page=downloads&stats_day=2026-06-07\" class=\"as-chart-item \" data-gr-title=\"Besucher: 296\nRegistrierungen: 0\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:39px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">So<\/div>\n                        <\/a>\n                                            <a href=\"?page=downloads&stats_day=2026-06-08\" class=\"as-chart-item \" data-gr-title=\"Besucher: 341\nRegistrierungen: 1\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:45px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Mo<\/div>\n                        <\/a>\n                                            <a href=\"?page=downloads&stats_day=2026-06-09\" class=\"as-chart-item \" data-gr-title=\"Besucher: 381\nRegistrierungen: 2\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:50px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Di<\/div>\n                        <\/a>\n                                            <a href=\"?page=downloads&stats_day=2026-06-10\" class=\"as-chart-item \" data-gr-title=\"Besucher: 308\nRegistrierungen: 1\nNeue Spieler: 0\nFahrer: 0\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:40px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Mi<\/div>\n                        <\/a>\n                                            <a href=\"?page=downloads&stats_day=2026-06-11\" class=\"as-chart-item active\" data-gr-title=\"Besucher: 223\nRegistrierungen: 0\nNeue Spieler: 0\nFahrer: 14\">\n                            <div class=\"as-bars\">\n                                <div class=\"as-bar v\" style=\"height:29px\"><\/div>\n                                <div class=\"as-bar s\" style=\"height:2px\"><\/div>\n                            <\/div>\n                            <div class=\"as-chart-lbl\">Do<\/div>\n                        <\/a>\n                                    <\/div>\n\n                <!-- Live-Besucher Statistik -->\n                                        <div class=\"as-section-title\" style=\"margin-top:30px;\"><i class=\"fas fa-broadcast-tower\"><\/i> LIVE JETZT<\/div>\n                        <div class=\"as-country-grid\">\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"FORUM\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">FORUM<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">22<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"INDEX\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">INDEX<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">2<\/span>\n                                <\/div>\n                                                            <div class=\"as-country-row \" data-country=\"US\" data-ids=\"\" data-page=\"RANKING\">\n                                                                            <img src=\"https:\/\/flagcdn.com\/24x18\/us.png\" class=\"as-flag\">\n                                                                        <div class=\"as-country-info\">\n                                        <span class=\"as-country-name\">US<\/span>\n                                        <span class=\"as-page-info\">RANKING<\/span>\n                                    <\/div>\n                                    <span class=\"as-country-count\">1<\/span>\n                                <\/div>\n                                                    <\/div>\n                                                <\/div>\n<\/div>\n\n\n<style>\n    .as-page-link {\n        color: inherit;\n        text-decoration: none;\n        transition: color 0.2s;\n    }\n    .as-page-link:hover {\n        color: var(--primary);\n    }\n\n    .widget-activity-stats .module-body {\n        padding: 20px;\n    }\n\n    .as-nav {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 25px;\n        background: rgba(0, 0, 0, 0.2);\n        padding: 10px 15px;\n        border-radius: 10px;\n        border: 1px solid var(--border);\n    }\n\n    .as-nav-controls {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n\n    .as-nav-arrow {\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid var(--border);\n        border-radius: 6px;\n        color: var(--text-muted);\n        text-decoration: none;\n        transition: all 0.3s;\n    }\n\n    .as-nav-arrow:hover {\n        border-color: var(--primary);\n        color: var(--primary);\n        background: rgba(255, 255, 255, 0.1);\n    }\n\n    .as-nav-arrow.disabled {\n        opacity: 0.1;\n        pointer-events: none;\n    }\n\n    .as-nav-date {\n        font-family: var(--font-tech);\n        font-size: 13px;\n        font-weight: 800;\n        color: #fff;\n        min-width: 150px;\n        text-align: center;\n    }\n\n    .as-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 1px;\n        background: var(--border);\n        border: 1px solid var(--border);\n        border-radius: 12px;\n        overflow: hidden;\n        margin-bottom: 25px;\n    }\n\n    .as-stat-card {\n        background: rgba(0, 0, 0, 0.15);\n        padding: 15px 5px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        text-align: center;\n    }\n\n    .as-stat-card .as-icon {\n        font-size: 14px;\n        opacity: 0.3;\n        margin-bottom: 2px;\n    }\n\n    .as-stat-card .as-val {\n        font-family: var(--font-tech);\n        font-size: 22px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1;\n    }\n\n    .as-stat-card .as-lbl {\n        font-size: 9px;\n        font-weight: 800;\n        color: var(--text-muted);\n        letter-spacing: 1px;\n        line-height: 1.2;\n        text-transform: uppercase;\n    }\n\n    .as-section-title {\n        font-family: var(--font-title);\n        font-size: 10px;\n        font-weight: 800;\n        color: var(--text-muted);\n        letter-spacing: 1.5px;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .as-server-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 8px 12px;\n        background: rgba(255, 255, 255, 0.02);\n        border-radius: 6px;\n        margin-bottom: 4px;\n        border: 1px solid transparent;\n    }\n\n    .as-server-name {\n        font-size: 12px;\n        font-weight: 600;\n        color: var(--text-light);\n    }\n\n    .as-pills {\n        display: flex;\n        gap: 5px;\n    }\n\n    .as-pill {\n        font-family: var(--font-tech);\n        font-size: 10px;\n        font-weight: 700;\n        padding: 2px 6px;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 4px;\n        color: var(--text-muted);\n    }\n\n    .as-pill.live {\n        background: var(--primary-low);\n        color: var(--primary);\n    }\n\n    .as-chart {\n        display: flex;\n        align-items: flex-end;\n        gap: 5px;\n        height: 60px;\n        margin-top: 15px;\n    }\n\n    .as-chart-item {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 5px;\n        text-decoration: none;\n    }\n\n    .as-bars {\n        width: 100%;\n        display: flex;\n        align-items: flex-end;\n        gap: 2px;\n    }\n\n    .as-bar {\n        flex: 1;\n        border-radius: 2px 2px 0 0;\n        opacity: 0.3;\n    }\n\n    .as-bar.v {\n        background: var(--primary);\n    }\n\n    .as-bar.s {\n        background: #3498db;\n    }\n\n    .as-chart-item.active .as-bar {\n        opacity: 1;\n    }\n\n    .as-chart-lbl {\n        font-size: 8px;\n        font-weight: 800;\n        color: var(--text-muted);\n    }\n\n    .as-chart-item.active .as-chart-lbl {\n        color: var(--primary);\n    }\n\n    .as-empty {\n        padding: 20px;\n        text-align: center;\n        font-size: 11px;\n        color: var(--text-muted);\n        font-style: italic;\n    }\n\n    \/* L\u00e4nder-Statistik *\/\n    .as-country-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 8px;\n    }\n\n    .as-country-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        background: rgba(255, 255, 255, 0.03);\n        padding: 6px 12px;\n        border-radius: 6px;\n        border: 1px solid rgba(255, 255, 255, 0.02);\n    }\n\n    .as-flag {\n        width: 16px;\n        height: auto;\n        border-radius: 2px;\n        filter: saturate(0.7);\n    }\n\n    .as-country-info {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        overflow: hidden;\n    }\n\n    .as-country-name {\n        font-size: 11px;\n        font-weight: 700;\n        color: #888;\n    }\n\n    .as-page-info {\n        font-family: var(--font-tech);\n        font-size: 8px;\n        color: var(--primary);\n        text-transform: uppercase;\n        opacity: 0.6;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        margin-top: -2px;\n    }\n\n    .as-country-count {\n        font-family: var(--font-tech);\n        font-size: 11px;\n        color: var(--primary);\n        font-weight: 800;\n    }\n\n    \/* Live Mini Display *\/\n    .as-live-mini {\n        background: rgba(255, 255, 255, 0.02);\n        padding: 12px;\n        border-radius: 10px;\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        margin-top: 5px;\n    }\n\n    .as-live-list {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        justify-content: center;\n        margin-top: 5px;\n    }\n\n    .as-live-item {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n        background: rgba(0, 0, 0, 0.2);\n        padding: 3px 6px;\n        border-radius: 4px;\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .as-flag-mini {\n        width: 14px;\n        height: auto;\n        border-radius: 1px;\n    }\n\n    .as-live-count {\n        font-family: var(--font-tech);\n        font-size: 10px;\n        font-weight: 800;\n        color: #fff;\n    }\n\n    .as-empty-mini {\n        font-size: 9px;\n        color: #444;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n<\/style><div class=\"dashboard-module rs-shoutbox\" style=\"background:rgba(20,20,25,0.4); border-radius:10px; border:1px solid rgba(255,255,255,0.05); overflow:hidden; width: 100%; box-sizing: border-box;\">\n    <div style=\"padding:15px; border-bottom:1px solid rgba(255,255,255,0.05); font-weight:900; font-family:'Orbitron'; color:var(--primary); font-size:12px; letter-spacing:2px; display:flex; justify-content:space-between; align-items:center;\">\n        <span><i class=\"fas fa-comments\"><\/i> SHOUTBOX<\/span>\n    <\/div>\n\n    <div id=\"rs-sb-messages\" style=\"height:400px; overflow-y:auto; padding:15px; display:flex; flex-direction:column-reverse; gap:10px;\">\n        <div style=\"text-align:center; padding:50px; color:#555;\">L\u00e4dt...<\/div>\n    <\/div>\n\n    <div style=\"padding:15px; background:rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.05); position:relative;\">\n        \n        <!-- SIMPLE SMILEY PICKER -->\n        <div id=\"rs-sb-picker\" style=\"display:none; position:absolute; bottom:70px; left:15px; right:15px; background:#1a1a25; border:1px solid var(--primary); border-radius:10px; padding:10px; z-index:100; flex-wrap:wrap; gap:5px; box-shadow:0 10px 30px #000;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/1.gif\" \n                     onclick='RS_SB.insert(&quot;:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/2.gif\" \n                     onclick='RS_SB.insert(&quot;:(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/3.gif\" \n                     onclick='RS_SB.insert(&quot;;)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\";)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/4.gif\" \n                     onclick='RS_SB.insert(&quot;:D&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":D\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/5.gif\" \n                     onclick='RS_SB.insert(&quot;;;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\";;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/6.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:D&lt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:D&lt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/7.gif\" \n                     onclick='RS_SB.insert(&quot;:-\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/8.gif\" \n                     onclick='RS_SB.insert(&quot;:x&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":x\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/9.gif\" \n                     onclick='RS_SB.insert(&quot;:\\&quot;&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":&quot;&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/10.gif\" \n                     onclick='RS_SB.insert(&quot;:P&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":P\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/11.gif\" \n                     onclick='RS_SB.insert(&quot;:-*&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-*\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/12.gif\" \n                     onclick='RS_SB.insert(&quot;=((&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=((\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/13.gif\" \n                     onclick='RS_SB.insert(&quot;:-O&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-O\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/14.gif\" \n                     onclick='RS_SB.insert(&quot;X(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"X(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/15.gif\" \n                     onclick='RS_SB.insert(&quot;:&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/16.gif\" \n                     onclick='RS_SB.insert(&quot;B-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"B-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/17.gif\" \n                     onclick='RS_SB.insert(&quot;:-S&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-S\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/18.gif\" \n                     onclick='RS_SB.insert(&quot;#:-S&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"#:-S\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/19.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:) &quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:) \">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/20.gif\" \n                     onclick='RS_SB.insert(&quot;:(( &quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":(( \">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/21.gif\" \n                     onclick='RS_SB.insert(&quot;:))&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":))\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/22.gif\" \n                     onclick='RS_SB.insert(&quot;:|&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":|\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/23.gif\" \n                     onclick='RS_SB.insert(&quot;\\\/:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"\/:)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/24.gif\" \n                     onclick='RS_SB.insert(&quot;=))&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=))\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/25.gif\" \n                     onclick='RS_SB.insert(&quot;O:-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"O:-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/26.gif\" \n                     onclick='RS_SB.insert(&quot;:-B&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-B\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/27.gif\" \n                     onclick='RS_SB.insert(&quot;=;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/28.gif\" \n                     onclick='RS_SB.insert(&quot;I-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"I-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/29.gif\" \n                     onclick='RS_SB.insert(&quot;8-|&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-|\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/30.gif\" \n                     onclick='RS_SB.insert(&quot;L-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"L-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/31.gif\" \n                     onclick='RS_SB.insert(&quot;:-&amp;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-&amp;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/32.gif\" \n                     onclick='RS_SB.insert(&quot;:-$&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-$\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/33.gif\" \n                     onclick='RS_SB.insert(&quot;[-( &quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"[-( \">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/34.gif\" \n                     onclick='RS_SB.insert(&quot;:O)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":O)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/35.gif\" \n                     onclick='RS_SB.insert(&quot;8-}&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-}\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/36.gif\" \n                     onclick='RS_SB.insert(&quot;&lt;:-P&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&lt;:-P\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/37.gif\" \n                     onclick='RS_SB.insert(&quot;(:|&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"(:|\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/38.gif\" \n                     onclick='RS_SB.insert(&quot;=P~&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=P~\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/39.gif\" \n                     onclick='RS_SB.insert(&quot;:-?&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-?\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/40.gif\" \n                     onclick='RS_SB.insert(&quot;#-o&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"#-o\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/41.gif\" \n                     onclick='RS_SB.insert(&quot;=D&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=D&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/42.gif\" \n                     onclick='RS_SB.insert(&quot;:-SS&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-SS\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/43.gif\" \n                     onclick='RS_SB.insert(&quot;@-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"@-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/44.gif\" \n                     onclick='RS_SB.insert(&quot;:^o&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":^o\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/45.gif\" \n                     onclick='RS_SB.insert(&quot;:-w&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-w\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/46.gif\" \n                     onclick='RS_SB.insert(&quot;:-&lt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-&lt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/47.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:P&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:P\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/48.gif\" \n                     onclick='RS_SB.insert(&quot;&lt;):)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&lt;):)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/49.gif\" \n                     onclick='RS_SB.insert(&quot;:@)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":@)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/50.gif\" \n                     onclick='RS_SB.insert(&quot;3:-O&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"3:-O\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/51.gif\" \n                     onclick='RS_SB.insert(&quot;:(|)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":(|)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/52.gif\" \n                     onclick='RS_SB.insert(&quot;~O)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"~O)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/53.gif\" \n                     onclick='RS_SB.insert(&quot;*-:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"*-:)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/54.gif\" \n                     onclick='RS_SB.insert(&quot;8-X&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-X\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/55.gif\" \n                     onclick='RS_SB.insert(&quot;=:)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"=:)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/56.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/57.gif\" \n                     onclick='RS_SB.insert(&quot;:-L&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-L\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/58.gif\" \n                     onclick='RS_SB.insert(&quot;[-o&lt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"[-o&lt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/59.gif\" \n                     onclick='RS_SB.insert(&quot;$-)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"$-)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/60.gif\" \n                     onclick='RS_SB.insert(&quot;:-\\&quot;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-&quot;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/61.gif\" \n                     onclick='RS_SB.insert(&quot;b-(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"b-(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/62.gif\" \n                     onclick='RS_SB.insert(&quot;:)&gt;-&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":)&gt;-\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/63.gif\" \n                     onclick='RS_SB.insert(&quot;[-X&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"[-X\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/64.gif\" \n                     onclick='RS_SB.insert(&quot;\\\\:D\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"\\:D\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/65.gif\" \n                     onclick='RS_SB.insert(&quot;&gt;:\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"&gt;:\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/66.gif\" \n                     onclick='RS_SB.insert(&quot;;))&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\";))\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/67.gif\" \n                     onclick='RS_SB.insert(&quot;o-&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"o-&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/68.gif\" \n                     onclick='RS_SB.insert(&quot;o=&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"o=&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/69.gif\" \n                     onclick='RS_SB.insert(&quot;o-+&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"o-+\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/70.gif\" \n                     onclick='RS_SB.insert(&quot;(%)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"(%)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/71.gif\" \n                     onclick='RS_SB.insert(&quot;:-@&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-@\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/72.gif\" \n                     onclick='RS_SB.insert(&quot;^:)^&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"^:)^\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/73.gif\" \n                     onclick='RS_SB.insert(&quot;:-j&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-j\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/74.gif\" \n                     onclick='RS_SB.insert(&quot;(*)&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"(*)\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/100.gif\" \n                     onclick='RS_SB.insert(&quot;:)]&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":)]\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/101.gif\" \n                     onclick='RS_SB.insert(&quot;:-c&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-c\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/102.gif\" \n                     onclick='RS_SB.insert(&quot;~X(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"~X(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/103.gif\" \n                     onclick='RS_SB.insert(&quot;:-h&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-h\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/104.gif\" \n                     onclick='RS_SB.insert(&quot;:-t&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-t\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/105.gif\" \n                     onclick='RS_SB.insert(&quot;8-&gt;&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"8-&gt;\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/106.gif\" \n                     onclick='RS_SB.insert(&quot;:-??&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-??\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/107.gif\" \n                     onclick='RS_SB.insert(&quot;%-(&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"%-(\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/108.gif\" \n                     onclick='RS_SB.insert(&quot;:o3&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":o3\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/109.gif\" \n                     onclick='RS_SB.insert(&quot;X_X&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"X_X\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/110.gif\" \n                     onclick='RS_SB.insert(&quot;:!!&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":!!\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/111.gif\" \n                     onclick='RS_SB.insert(&quot;\\\\m\\\/&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"\\m\/\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/112.gif\" \n                     onclick='RS_SB.insert(&quot;:-q&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-q\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/113.gif\" \n                     onclick='RS_SB.insert(&quot;:-bd&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":-bd\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/114.gif\" \n                     onclick='RS_SB.insert(&quot;^#(^&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\"^#(^\">\n                            <img src=\"https:\/\/germanracers.de\/assets\/emoticons\/115.gif\" \n                     onclick='RS_SB.insert(&quot;:bz&quot;)' \n                     style=\"width:20px; height:20px; cursor:pointer; padding:3px; background:rgba(255,255,255,0.05); border-radius:4px;\" \n                     title=\":bz\">\n                    <\/div>\n\n                    <div style=\"text-align:center; font-size:12px; color:#888;\">Bitte einloggen zum Chatten<\/div>\n            <\/div>\n<\/div>\n\n<script>\nwindow.RS_SB = {\n    API: 'https:\/\/germanracers.de\/backend\/shoutbox.php',\n    EMO_URL: 'https:\/\/germanracers.de\/assets\/emoticons\/',\n    EMOS: {\":)\":1,\":(\":2,\";)\":3,\":D\":4,\";;\":5,\">:D<\":6,\":-\\\/\":7,\":x\":8,\":\\\">\":9,\":P\":10,\":-*\":11,\"=((\":12,\":-O\":13,\"X(\":14,\":>\":15,\"B-)\":16,\":-S\":17,\"#:-S\":18,\">:) \":19,\":(( \":20,\":))\":21,\":|\":22,\"\\\/:)\":23,\"=))\":24,\"O:-)\":25,\":-B\":26,\"=;\":27,\"I-)\":28,\"8-|\":29,\"L-)\":30,\":-&\":31,\":-$\":32,\"[-( \":33,\":O)\":34,\"8-}\":35,\"<:-P\":36,\"(:|\":37,\"=P~\":38,\":-?\":39,\"#-o\":40,\"=D>\":41,\":-SS\":42,\"@-)\":43,\":^o\":44,\":-w\":45,\":-<\":46,\">:P\":47,\"<):)\":48,\":@)\":49,\"3:-O\":50,\":(|)\":51,\"~O)\":52,\"*-:)\":53,\"8-X\":54,\"=:)\":55,\">-)\":56,\":-L\":57,\"[-o<\":58,\"$-)\":59,\":-\\\"\":60,\"b-(\":61,\":)>-\":62,\"[-X\":63,\"\\\\:D\\\/\":64,\">:\\\/\":65,\";))\":66,\"o->\":67,\"o=>\":68,\"o-+\":69,\"(%)\":70,\":-@\":71,\"^:)^\":72,\":-j\":73,\"(*)\":74,\":)]\":100,\":-c\":101,\"~X(\":102,\":-h\":103,\":-t\":104,\"8->\":105,\":-??\":106,\"%-(\":107,\":o3\":108,\"X_X\":109,\":!!\":110,\"\\\\m\\\/\":111,\":-q\":112,\":-bd\":113,\"^#(^\":114,\":bz\":115},\n    box: document.getElementById('rs-sb-messages'),\n    input: document.getElementById('rs-sb-input'),\n    picker: document.getElementById('rs-sb-picker'),\n    isStaff: false,\n    \n    parse(txt) {\n        Object.keys(this.EMOS).forEach(code => {\n            const num = this.EMOS[code];\n            const img = `<img src=\"${this.EMO_URL}${num}.gif\" style=\"width:20px; vertical-align:middle; margin:0 2px;\">`;\n            \/\/ Escape code for regex\n            const escaped = code.replace(\/[.*+?^${}()|[\\]\\\\]\/g, '\\\\$&');\n            txt = txt.replace(new RegExp(escaped, 'g'), img);\n        });\n        return txt;\n    },\n\n    async load() {\n        try {\n            const res = await fetch(this.API);\n            const data = await res.json();\n            if (Array.isArray(data)) {\n                this.box.innerHTML = data.map(m => {\n                    const canDel = this.isStaff || m.own;\n                    return `\n                    <div style=\"font-size:13px; line-height:1.4; word-break:break-word; position:relative; padding-right:25px; display:flex; align-items:flex-start; gap:8px;\">\n                        <img src=\"${m.avatar}\" style=\"width:20px; height:20px; border-radius:4px; flex-shrink:0; margin-top:2px;\" onerror=\"this.onerror=null; this.src='https:\/\/germanracers.de\/assets\/avatars\/default_1.svg'\">\n                        <div style=\"flex:1;\">\n                            <span style=\"color:#666; font-size:10px;\">[${m.time}]<\/span>\n                            <strong style=\"color:var(--primary);\">${m.name}:<\/strong>\n                            <span style=\"color:#ddd;\">${this.parse(m.message)}<\/span>\n                        <\/div>\n                        ${canDel ? `<i class=\"fas fa-trash-alt\" onclick=\"RS_SB.deleteMsg(${m.id})\" style=\"position:absolute; right:0; top:3px; font-size:10px; color:#555; cursor:pointer;\" title=\"L\u00f6schen\"><\/i>` : ''}\n                    <\/div>\n                `}).join('');\n            }\n        } catch (e) {}\n        const delay = document.hidden ? 60000 : 15000;\n        setTimeout(() => this.load(), delay);\n    },\n\n    async send(e) {\n        e.preventDefault();\n        const msg = this.input.value.trim();\n        if (!msg) return;\n\n        const fd = new FormData();\n        fd.append('message', msg);\n        this.input.value = '';\n        this.picker.style.display = 'none';\n\n        try {\n            await fetch(this.API, { method: 'POST', body: fd });\n            this.load();\n        } catch (e) { alert('Senden fehlgeschlagen'); }\n    },\n\n    async deleteMsg(id) {\n        if (!confirm('Nachricht wirklich l\u00f6schen?')) return;\n        try {\n            await fetch(`${this.API}?id=${id}`, { method: 'DELETE' });\n            this.load();\n        } catch (e) { alert('L\u00f6schen fehlgeschlagen'); }\n    },\n\n    togglePicker() {\n        this.picker.style.display = (this.picker.style.display === 'none') ? 'flex' : 'none';\n    },\n\n    insert(code) {\n        this.input.value += ' ' + code + ' ';\n        this.input.focus();\n        this.picker.style.display = 'none';\n    }\n};\nRS_SB.load();\n<\/script>\n\n<div class=\"dashboard-module widget-top-downloads\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-fire-alt\"><\/i> TOP DOWNLOADS    <\/div>\n\n    <div class=\"module-body\">\n                    <div class=\"ld-empty\">Noch keine Favoriten verzeichnet.<\/div>\n            <\/div>\n<\/div>\n\n<style>\n.widget-top-downloads .module-body { padding: 15px !important; }\n\n.ld-list { display: flex; flex-direction: column; gap: 6px; }\n.ld-item {\n    display: flex; align-items: center; justify-content: space-between; \n    padding: 10px 14px; background: rgba(255,255,255,0.02); \n    border: 1px solid transparent; border-radius: 8px; \n    text-decoration: none; transition: all 0.2s;\n}\n.ld-item:hover { \n    background: rgba(255,255,255,0.05); \n    border-color: rgba(255,255,255,0.1); \n    transform: translateX(4px); \n}\n\n.ld-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }\n.ld-name { font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.ld-size { font-size: 10px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; }\n\n.ld-stat { \n    display: flex; flex-direction: column; align-items: center; gap: 2px; \n    min-width: 45px; color: var(--primary); \n    font-family: var(--font-tech); font-size: 10px; font-weight: 800; \n    opacity: 0.8;\n}\n.ld-stat i { font-size: 12px; opacity: 0.5; }\n\n.ld-footer { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--border); text-align: center; }\n.ld-more-link {\n    font-family: var(--font-title); font-size: 9px; font-weight: 800; color: var(--primary);\n    text-decoration: none; transition: all 0.2s;\n}\n.ld-more-link:hover { color: #fff; }\n\n.ld-empty { padding: 30px; text-align: center; color: var(--text-muted); font-size: 11px; font-style: italic; }\n<\/style>\n\n<div class=\"dashboard-module widget-weather\">\n    <div class=\"module-title\">\n        <i class=\"fas fa-cloud-sun\"><\/i> WETTER    <\/div>\n\n    <div class=\"module-body\">\n                    <div class=\"wx-main\">\n                <div class=\"wx-icon-wrap\">\n                    <i class=\"fas fa-bolt\"><\/i>\n                <\/div>\n                <div class=\"wx-primary\">\n                    <div class=\"wx-temp\">19<span>\u00b0C<\/span><\/div>\n                    <div class=\"wx-desc\">Light Rain Shower, Thunderstorm In Vicinity, Rain Shower<\/div>\n                    <div class=\"wx-city\"><i class=\"fas fa-location-dot\"><\/i> Berlin<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wx-grid\">\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-droplet\"><\/i>\n                    <div class=\"wx-val\">46%<\/div>\n                    <div class=\"wx-lbl\">FEUCHTE<\/div>\n                <\/div>\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-wind\"><\/i>\n                    <div class=\"wx-val\">15<\/div>\n                    <div class=\"wx-lbl\">KM\/H<\/div>\n                <\/div>\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-temperature-low\"><\/i>\n                    <div class=\"wx-val\">19\u00b0<\/div>\n                    <div class=\"wx-lbl\">GEF\u00dcHLT<\/div>\n                <\/div>\n                <div class=\"wx-item\">\n                    <i class=\"fas fa-gauge-high\"><\/i>\n                    <div class=\"wx-val\">1018<\/div>\n                    <div class=\"wx-lbl\">HPA<\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<style>\n    .widget-weather .module-body {\n        padding: 20px !important;\n    }\n\n    .wx-main {\n        display: flex;\n        align-items: center;\n        gap: 25px;\n        margin-bottom: 25px;\n    }\n\n    .wx-icon-wrap {\n        font-size: 48px;\n        color: #fff;\n        flex-shrink: 0;\n        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.2));\n    }\n\n    .wx-primary {\n        min-width: 0;\n    }\n\n    .wx-temp {\n        font-family: var(--font-tech);\n        font-size: 42px;\n        font-weight: 800;\n        color: #fff;\n        line-height: 1;\n    }\n\n    .wx-temp span {\n        font-size: 16px;\n        color: var(--primary);\n        vertical-align: top;\n        margin-top: 5px;\n        display: inline-block;\n    }\n\n    .wx-desc {\n        font-size: 13px;\n        font-weight: 700;\n        color: var(--text-light);\n        margin-top: 5px;\n        text-transform: uppercase;\n    }\n\n    .wx-city {\n        font-size: 9px;\n        font-weight: 800;\n        color: var(--text-muted);\n        margin-top: 8px;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n    }\n\n    .wx-city i {\n        color: var(--primary);\n        margin-right: 4px;\n    }\n\n    .wx-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 10px;\n        padding-top: 20px;\n        border-top: 1px solid var(--border);\n    }\n\n    .wx-item {\n        text-align: center;\n    }\n\n    .wx-item i {\n        font-size: 12px;\n        color: var(--primary);\n        opacity: 0.6;\n        margin-bottom: 6px;\n    }\n\n    .wx-val {\n        font-family: var(--font-tech);\n        font-size: 11px;\n        font-weight: 700;\n        color: #fff;\n    }\n\n    .wx-lbl {\n        font-size: 8px;\n        font-weight: 800;\n        color: var(--text-dimmer);\n        letter-spacing: 0.5px;\n        margin-top: 2px;\n    }\n\n    .wx-error {\n        padding: 20px;\n        text-align: center;\n        color: var(--text-muted);\n        font-size: 11px;\n        font-style: italic;\n    }\n\n    .wx-error i {\n        color: var(--primary);\n        margin-right: 8px;\n    }\n<\/style>","menuHtml":"        <a href=\"?page=home\" class=\"nav-link  \" >\n          <i class=\"fas fa-home \"><\/i> Home        <\/a>\n            <div class=\"nav-item-wrap\">\n            <a href=\"javascript:void(0)\" class=\"nav-link  \" >\n              <i class=\"fas fa-medal \"><\/i> Ranking  <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Ranking <\/div>\n                                    <a href=\"?page=ranking\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-ranking-star \"><\/i> Ranking                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-trophy \"><\/i> Championship                    <\/a>\n                                            <\/div>\n        <\/div>\n            <a href=\"?page=leaderboard\" class=\"nav-link  \" >\n          <i class=\"fas fa-flag-checkered \"><\/i> Liveboard        <\/a>\n            <div class=\"nav-item-wrap\">\n            <a href=\"javascript:void(0)\" class=\"nav-link active \" >\n              <i class=\"fas fa-cubes \"><\/i> Community <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Community<\/div>\n                                    <a href=\"?page=downloads\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-download \"><\/i> Downloads                    <\/a>\n                                    <a href=\"?page=forum\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-file-alt \"><\/i> Forum                    <\/a>\n                                    <a href=\"?page=events\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-file \"><\/i> Events                    <\/a>\n                                            <\/div>\n        <\/div>\n            <div class=\"nav-item-wrap\">\n            <a href=\"javascript:void(0)\" class=\"nav-link  \" >\n              <i class=\"fas fa-screwdriver-wrench \"><\/i> Tool\u00b4s <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Tool\u00b4s<\/div>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-gears \"><\/i> Setup Builder                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-gas-pump \"><\/i> Fuel Calculator                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-desktop \"><\/i> FOV Kalkulator                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-bullseye \"><\/i> Race Pressure                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-chart-line \"><\/i> Telemetry                    <\/a>\n                                            <\/div>\n        <\/div>\n            <div class=\"nav-item-wrap\">\n            <a href=\"?page=info\" class=\"nav-link  \" >\n              <i class=\"fas fa-circle-info \"><\/i> Info <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">Info<\/div>\n                                    <a href=\"?page=contact\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-file-pen \"><\/i> Contact                    <\/a>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-file-alt \"><\/i> Members                    <\/a>\n                                    <a href=\"?page=news\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-newspaper \"><\/i> News                    <\/a>\n                                    <a href=\"?page=tuto\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-list \"><\/i> Tuto                    <\/a>\n                                    <a href=\"?page=rules\" class=\"dropdown-link \" >\n                        <i class=\"fas fa-scale-balanced \"><\/i> Rules                    <\/a>\n                                            <\/div>\n        <\/div>\n            <div class=\"nav-item-wrap\">\n            <a href=\"login.php\" class=\"nav-link  nav-link-restricted\" title=\"Bitte Einloggen\">\n              <i class=\"nav-icon-text \">\ud83d\udd17<\/i> ADM_LINK <i class=\"fas fa-chevron-down\" style=\"font-size:9px; margin-left:4px\"><\/i>\n            <\/a>\n            <div class=\"nav-dropdown\">\n                <div class=\"dropdown-header\">ADM_LINK<\/div>\n                                    <a href=\"login.php\" class=\"dropdown-link dropdown-link-restricted\" title=\"Bitte Einloggen\">\n                        <i class=\"fas fa-file-alt \"><\/i> Leaderboard Tel                    <\/a>\n                                            <\/div>\n        <\/div>\n    \n\n","avatarUrl":"https:\/\/germanracers.de\/assets\/avatars\/default_1.svg","isAdminPage":false}