TI-Radar -

<div class="footer__top"> <div class="container-fluid"> <div class="row"> <div class="col-10 offset-1 col-sm-6 offset-sm-0 col-md-5 offset-md-1 col-lg-3 offset-lg-0"> <div id="sidebar-footer__1" class="sidebar-footer sidebar-footer__1" role="complementary"> <h3 class="sidebar-footer__title">_fbeta GmbH</h3> <div class="textwidget"><p><a href="https://goo.gl/maps/8oT3vz89cjyTA1Rq8" target="_blank" rel="noopener">Akazienstraße 31<br /> 10823 Berlin</a></p> <p><a href="mailto:info@fbeta.de">info@fbeta.de</a><br /> <a href="tel:+493061076916">+49 (0) 30 610 769 16</a></p> </div> </div> </div> <div class="col-10 offset-1 col-sm-6 offset-sm-0 col-md-5 col-lg-3"> <div id="sidebar-footer__2" class="sidebar-footer sidebar-footer__2" role="complementary"> <h3 class="sidebar-footer__title">Aktuelles</h3><div class="menu-footer-aktuelles-container"><ul id="menu-footer-aktuelles" class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-8270" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8270"><a href="https://fbeta.de/hub/" data-ps2id-api="true">Hub</a></li> <li id="menu-item-8271" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8271"><a href="https://fbeta.de/hub/digital-health/" data-ps2id-api="true">Digital Health</a></li> <li id="menu-item-8272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8272"><a href="https://fbeta.de/hub/digitale-transformation/" data-ps2id-api="true">Digital Transformation</a></li> <li id="menu-item-8273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8273"><a href="https://fbeta.de/hub/health-information-exchange/" data-ps2id-api="true">Health Information Exchange</a></li> <li id="menu-item-8274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8274"><a href="https://fbeta.de/hub/healthcare-research-market-access/" data-ps2id-api="true">Healthcare Research & Market Access</a></li> <li id="menu-item-8275" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8275"><a href="https://fbeta.de/hub/veranstaltungen-beta-meet-beta-work/" data-ps2id-api="true">Veranstaltungen</a></li> </ul></div> </div> </div> <div class="col-10 offset-1 col-sm-4 offset-sm-0 col-md-3 offset-md-1 col-lg-2 offset-lg-0"> <div id="sidebar-footer__3" class="sidebar-footer sidebar-footer__3" role="complementary"> <h3 class="sidebar-footer__title">Über uns</h3><div class="menu-ueber-uns-container"><ul id="menu-ueber-uns" class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-6426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6426"><a href="https://fbeta.de/team/" data-ps2id-api="true">Unser Team</a></li> <li id="menu-item-6427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6427"><a href="https://fbeta.de/karriere/" data-ps2id-api="true">Karriere</a></li> <li id="menu-item-6428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6428"><a href="https://fbeta.de/kontakt/" data-ps2id-api="true">Kontakt</a></li> </ul></div> <div class="textwidget"><p><a class="sidebar-footer__social-icons" href="https://www.xing.com/companies/fbetagmbh" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6425" role="img" src="https://fbeta.de/wp-content/uploads/2021/02/xing-white.svg" alt="xing" width="19" height="21" /></a> <a class="sidebar-footer__social-icons" href="https://www.linkedin.com/company/fbeta-gmbh/" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6424" role="img" src="https://fbeta.de/wp-content/uploads/2021/02/linkedin-white.svg" alt="linkedin" width="23" height="21" /></a> <a href="https://www.youtube.com/channel/UCU38oSjRDM7R7w-eJIctEGg" target="_blank"><img loading="lazy" decoding="async" class="alignnone size-full wp-image-10229" role="img" src="https://fbeta.de/wp-content/uploads/2021/11/youtube-white.svg" alt="Youtube icon" width="24" height="21" /></a></p> </div> </div> </div> <div class="col-10 offset-1 col-sm-8 offset-sm-0 col-md-7 col-lg-3"> <div id="sidebar-footer__4" class="sidebar-footer sidebar-footer__4" role="complementary"> <div class="textwidget custom-html-widget"> <div id="chat-container">  <div id="chat-bubble"> Hallo, brauchen Sie Hilfe?  <div></div> </div>  <div id="chat-button"> <span style="color: red;">_</span><span style="color: #056b82;">f</span> </div> </div>  <div id="chat-window" style="display: none;"> <div id="chat-header"> <span>SAM</span> <button id="refresh-chat-btn" title="Chat zurücksetzen"> <i class="fas fa-sync-alt refresh-icon"></i> </button> </div> <div id="chat-content">  </div> <div id="chat-input" > <input type="text" id="user-input" placeholder="Fragen Sie mich einfach!"> <button id="send-button">Senden</button> </div> <a href="https://fbeta.de/datenschutz/" target="_blank" title="Datenschutz" id="chat-datenschutz-link" >Datenschutz</a> <div id="chat-reset-modal"> <div class="chat-reset-modal-inner"> <div style="margin-bottom:16px;">Möchten Sie den Chat wirklich zurücksetzen? Der bisherige Verlauf wird gelöscht.</div> <button id="confirm-reset-btn" style="margin-right:12px;">Ja</button> <button id="cancel-reset-btn">Nein</button> </div> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <script> let chatOpen = false; let chatHistory = []; const LOCAL_STORAGE_KEY = "SAM_Chatbot_Chathistory"; let localChathistoryId = null; function hasChatHistoryConsent() { const cookieString = document.cookie; if (!cookieString) return false; const cookies = cookieString.split(';'); for (let cookie of cookies) { const [name, value] = cookie.split('=').map(c => c.trim()); if (name === 'borlabs-cookie') { try { const decoded = decodeURIComponent(value); const consent = JSON.parse(decoded); if ( consent.consents && consent.consents["fbeta-funktionale-cookies"] && consent.consents["fbeta-funktionale-cookies"].includes("fbeta-chatbot-historie") ) { return true; } } catch (e) { } } } return false; } // Function to initialize the chat function initializeChat() { document.getElementById('chat-bubble').style.display = 'block'; const chatContent = document.getElementById('chat-content'); chatContent.innerHTML = ''; const canStoreChatHistory = hasChatHistoryConsent(); // Try to load from localStorage if allowed if (canStoreChatHistory) { const storedHistory = localStorage.getItem(LOCAL_STORAGE_KEY); if (storedHistory) { try { const parsedHistory = JSON.parse(storedHistory); if (Array.isArray(parsedHistory) && parsedHistory.length === 1) { localStorage.removeItem(LOCAL_STORAGE_KEY); } else if (Array.isArray(parsedHistory) && parsedHistory.length > 0) { chatHistory = parsedHistory; chatHistory.forEach(item => addMessage(item.content, item.role === 'user' ? 'right' : 'left')); updateGroupPlaceholder(); return; } else { localStorage.removeItem(LOCAL_STORAGE_KEY); } } catch (e) { localStorage.removeItem(LOCAL_STORAGE_KEY); } } } // If no history, fetch initial messages from backend fetch(`https://sam-chatbot.fbeta.tech/setup_user_chat_session`, { method: 'GET', headers: { 'Content-Type': 'application/json' } }) .then(response => response.json()) .then(data => { chatHistory = data.chat_history || []; localChathistoryId = data.session_id || null; if (canStoreChatHistory) { localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(chatHistory)); } chatHistory.forEach(item => addMessage(item.content, item.role === 'user' ? 'right' : 'left')); const hasGroup = hasGroupSelected(); setChatInputEnabled(hasGroup); updateGroupPlaceholder(); if (!hasGroup) { showGroupSelection(); updateGroupPlaceholder(); } }) .catch(error => { console.error('Error fetching initial chat data:', error); addMessage('Es ist ein Fehler beim Laden des Chats aufgetreten: ' + error.message, 'left'); document.getElementById('user-input').disabled = true; document.getElementById('send-button').disabled = true; }); } async function sendMessage() { const userInputField = document.getElementById('user-input'); const userInput = userInputField.value.trim(); if (!userInput) return; // Add user message to UI and memory addMessage(userInput, 'right'); chatHistory.push({ role: 'user', content: userInput }); // Store in localStorage if allowed if (hasChatHistoryConsent()) { localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(chatHistory)); } userInputField.value = ''; showTypingIndicator(); const payload = { chat_history: chatHistory }; try { const response = await fetch(`https://sam-chatbot.fbeta.tech/send_message`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, credentials: 'include', body: JSON.stringify(payload) }); if (!response.ok) { let errorDetail = `Server error: ${response.status}`; try { const errorData = await response.json(); if (errorData && errorData.detail) { errorDetail = errorData.detail; } } catch (e) {} throw new Error(errorDetail); } const data = await response.json(); hideTypingIndicator(); // Add assistant's new message to UI if (data.role === 'assistant' && data.content) { addMessage(data.content, 'left'); chatHistory.push({ role: 'assistant', content: data.content }); if (hasChatHistoryConsent()) { localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(chatHistory)); } } else if (data.content) { addMessage(data.content, 'left'); chatHistory.push({ role: 'assistant', content: data.content }); if (hasChatHistoryConsent()) { localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(chatHistory)); } } // Update chat history and session id if provided if (data.chat_history && Array.isArray(data.chat_history)) { chatHistory = data.chat_history; if (hasChatHistoryConsent()) { localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(chatHistory)); } } if (data.session_id) { localChathistoryId = data.session_id; } } catch (error) { console.error('Error sending message:', error); hideTypingIndicator(); addMessage(`Entschuldigung, es gab ein Problem!`, 'left'); } } function showGroupSelection() { const chatContent = document.getElementById('chat-content'); const groupQuestion = `Damit ich Ihnen schnell und passgenau weiterhelfen kann – teilen Sie mir bitte mit, zu welcher dieser Gruppen Sie gehören? So bekommen Sie genau die Infos, die für Sie relevant sind.`; const groups = [ "GKV", "PKV", "Politik", "Stiftungen", "Krankenhäuser", "Leistungserbringer", "Startups", "Investoren", "Pharma", "MedTech", "Kommunen", "Pflege", "ÖGD", "Bewerber", "Industrie" ]; addMessage(groupQuestion, 'left'); // Buttons erzeugen const groupButtonsDiv = document.createElement('div'); groupButtonsDiv.id = "group-buttons"; groupButtonsDiv.style.display = "flex"; groupButtonsDiv.style.flexWrap = "wrap"; groupButtonsDiv.style.gap = "8px"; groupButtonsDiv.style.margin = "12px 0"; groupButtonsDiv.style.justifyContent = "flex-start"; groupButtonsDiv.style.maxWidth = "80%"; groups.forEach(group => { const btn = document.createElement('button'); btn.textContent = group; btn.className = "group-btn"; btn.style.cursor = "pointer"; btn.onclick = function() { selectGroup(group); }; groupButtonsDiv.appendChild(btn); }); chatContent.appendChild(groupButtonsDiv); chatContent.scrollTop = chatContent.scrollHeight; } function selectGroup(group) { const groupButtonsDiv = document.getElementById('group-buttons'); if (groupButtonsDiv) groupButtonsDiv.remove(); const chatContent = document.getElementById('chat-content'); const messages = chatContent.querySelectorAll('.message.left'); for (let i = messages.length - 1; i >= 0; i--) { if (messages[i].textContent.trim().startsWith("Damit ich Ihnen schnell und passgenau weiterhelfen kann")) { messages[i].parentElement.remove(); break; } } const helpMessage = `Super, Sie gehören also zur Gruppe <b>${group}</b>.<br>Wie kann ich Ihnen weiterhelfen?`; addMessage(helpMessage, 'left'); chatHistory.push({ role: "assistant", content: helpMessage }); if (hasChatHistoryConsent()) { localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(chatHistory)); } setChatInputEnabled(true); updateGroupPlaceholder(); } function hasGroupSelected() { return chatHistory.some(msg => msg.role === "system" && msg.content && msg.content.startsWith("Der Nutzer gehört zur Gruppe:")); } // BASIC FUNCTIONALITIES // // Tippanimation anzeigen function showTypingIndicator() { const chatContent = document.getElementById('chat-content'); const typingElement = document.createElement('div'); typingElement.id = 'typing-indicator'; typingElement.innerHTML = `<em>SAM schreibt...</em>`; chatContent.appendChild(typingElement); chatContent.scrollTop = chatContent.scrollHeight; setChatInputEnabled(false); } // Tippanimation ausblenden function hideTypingIndicator() { const typingElement = document.getElementById('typing-indicator'); if (typingElement) { typingElement.remove(); } setChatInputEnabled(true); } document.addEventListener('DOMContentLoaded', function () { initializeChat(); }); // Senden-Button klick document.getElementById('send-button').addEventListener('click', function () { sendMessage(); }); // Nachricht senden, wenn die Enter-Taste gedrückt wird document.getElementById('user-input').addEventListener('keydown', function (event) { if (event.key === 'Enter') { event.preventDefault(); sendMessage(); } }); // Nachricht zur Chat-Inhalt hinzufügen function addMessage(message, position) { message = message.replace( /https:\/\/sam-chatbot\.fbeta\.tech\/www\.fbeta\.de\//g, 'https://www.fbeta.de/' ); const chatContent = document.getElementById('chat-content'); const messageElement = document.createElement('div'); messageElement.classList.add('message'); if (position === 'right') { messageElement.classList.add('right'); } else { messageElement.classList.add('left'); } if ( typeof message === "string" && message.includes("Sie haben die maximale Anzahl an Interaktionen erreicht") ) { messageElement.classList.add('max-interaction-warning'); messageElement.classList.remove('left'); setChatInputEnabled(false); } messageElement.style.textAlign = 'left'; messageElement.style.overflowWrap = 'break-word'; messageElement.style.hyphens = 'auto'; const tempDiv = document.createElement('div'); tempDiv.innerHTML = message; const links = tempDiv.getElementsByTagName('a'); for (let link of links) { link.setAttribute('target', '_blank'); link.style.color = position === 'right' ? 'black' : 'white'; } messageElement.innerHTML = tempDiv.innerHTML; const arrow = document.createElement('div'); arrow.classList.add('arrow'); messageElement.appendChild(arrow); const messageWrapper = document.createElement('div'); messageWrapper.classList.add('message-wrapper'); if (position === 'right') { messageWrapper.classList.add('right'); } messageWrapper.appendChild(messageElement); chatContent.appendChild(messageWrapper); chatContent.scrollTop = messageWrapper.offsetTop - chatContent.offsetTop; } (function() { const chatButton = document.getElementById('chat-button'); const chatContainer = document.getElementById('chat-container'); const chatWindow = document.getElementById('chat-window'); let isDragging = false; let offsetX = 0; let offsetY = 0; let dragMoved = false; chatButton.addEventListener('mousedown', function(e) { isDragging = true; dragMoved = false; const SAM_button = chatContainer.getBoundingClientRect(); offsetX = e.clientX - SAM_button.left; offsetY = e.clientY - SAM_button.top; document.body.style.userSelect = 'none'; e.stopPropagation(); }); document.addEventListener('mousemove', function(e) { if (!isDragging) return; e.stopPropagation(); if (Math.abs(e.movementX) > 2 || Math.abs(e.movementY) > 2) { dragMoved = true; } let newRight = window.innerWidth - e.clientX - (chatContainer.offsetWidth - offsetX); let newBottom = window.innerHeight - e.clientY - (chatContainer.offsetHeight - offsetY); newRight = Math.max(0, Math.min(newRight, window.innerWidth - chatContainer.offsetWidth)); newBottom = Math.max(0, Math.min(newBottom, window.innerHeight - chatContainer.offsetHeight)); chatContainer.style.right = `${newRight}px`; chatContainer.style.bottom = `${newBottom}px`; chatContainer.style.left = 'auto'; chatContainer.style.top = 'auto'; chatWindow.style.right = `${newRight}px`; chatWindow.style.bottom = `${newBottom + chatContainer.offsetHeight + 10}px`; chatWindow.style.left = 'auto'; chatWindow.style.top = 'auto'; }); // Öffnet das Chat-Fenster, wenn der Button nicht drag-and-dropped wird document.addEventListener('mouseup', function(e) { if (isDragging) { e.stopPropagation(); if (!dragMoved) { chatOpen = !chatOpen; chatWindow.style.display = chatOpen ? 'flex' : 'none'; document.getElementById('chat-bubble').style.display = chatOpen ? 'none' : 'block'; } else { const preventFollowingClick = function(clickEvent) { clickEvent.stopPropagation(); clickEvent.preventDefault(); document.removeEventListener('click', preventFollowingClick, true); }; document.addEventListener('click', preventFollowingClick, true); setTimeout(() => { document.removeEventListener('click', preventFollowingClick, true); }, 0); } isDragging = false; document.body.style.userSelect = ''; } }); // Reset Klick-Event chatButton.onclick = null; document.addEventListener('click', function(event) { if (event.target.parentNode && typeof event.target.parentNode.getAttribute === 'function') { } }); })(); document.getElementById('refresh-chat-btn').addEventListener('click', function() { document.getElementById('chat-reset-modal').style.display = 'flex'; }); document.getElementById('cancel-reset-btn').addEventListener('click', function() { document.getElementById('chat-reset-modal').style.display = 'none'; }); document.getElementById('confirm-reset-btn').addEventListener('click', function() { // Remove chat history from memory and localStorage chatHistory = []; if (hasChatHistoryConsent()) { localStorage.removeItem(LOCAL_STORAGE_KEY); } // Re-initialize chat (fetches welcome messages) initializeChat(); document.getElementById('chat-bubble').style.display = 'none'; document.getElementById('chat-reset-modal').style.display = 'none'; }); if ('cookieStore' in window) { cookieStore.addEventListener('change', async ({changed}) => { for (const {name, value} of changed) { if (name === 'borlabs-cookie') { // Re-check consent if (!hasChatHistoryConsent()) { localStorage.removeItem("SAM_Chatbot_Chathistory"); console.log("Consent revoked: Chat history removed from localStorage."); } } } }); } function setChatInputEnabled(enabled) { document.getElementById('user-input').disabled = !enabled; document.getElementById('send-button').disabled = !enabled; } function updateGroupPlaceholder() { const userInput = document.getElementById('user-input'); const hasGroup = chatHistory.some(msg => typeof msg.content === 'string' && msg.content.includes('Super, Sie gehören also zur Gruppe') ); if (!hasGroup) { userInput.placeholder = "Bitte wählen Sie zuerst eine Gruppe!"; } else { userInput.placeholder = "Fragen Sie mich einfach!"; } } </script> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; color: #1a1a1a; } .content-container { max-width: 800px; margin: 0 auto; padding: 0 20px; } form { max-width: 800px; margin: 40px auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } label { display: block; margin-top: 15px; font-weight: bold; } input[type="text"], input[type="number"], textarea, select { width: 100%; padding: 10px; margin-top: 20px; border: 1px solid #d0d0d0; border-radius: 4px; box-sizing: border-box; font-family: Arial, sans-serif; background-color: #ffffff; color: #1a1a1a; } input:focus, input:focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible { border: 1px solid #007d85; } button { margin-top: 20px; padding: 10px 20px; background-color: #007d85; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; font-family: Arial, sans-serif; } button:hover { background-color: #005e64 !important; color: #ffffff !important; } @media (max-width: 600px) { form { margin: 20px; padding: 15px; } label, input[type="text"], input[type="number"], textarea, button { font-size: 14px; } button { width: 100%; } #chat-window { width: 98vw !important; min-width: 0 !important; max-width: 100vw !important; right: 1vw !important; left: 1vw !important; border-radius: 10px 10px 0 0 !important; } #chat-header { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } button { width: 100%; } #refresh-chat-btn { width: auto !important; min-width: unset !important; padding-left: 10px !important; padding-right: 10px !important; } } #chat-container { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; align-items: flex-end; z-index: 99999; } #chat-bubble { position: absolute; bottom: 10%; right: 80px; background-color: #007d85; color: #ffffff; font-family: Arial, sans-serif; padding: 0 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: none; width: 200px; height: 38px; box-sizing: border-box; text-align: center; line-height: 38px; overflow: hidden; white-space: nowrap; } #chat-bubble div { position: absolute; top: 50%; right: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #007d85; transform: translateY(-50%); } #chat-button { background-color: #ffffff; color: #007d85; padding: 15px; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); cursor: grab; font-family: Arial, sans-serif; font-size: 24px; line-height: 0.8; text-align: center; border: 1px solid #d0d0d0; } #chat-window { position: fixed; right: 20px; bottom: 80px; display: flex; width: 372px; max-height: 66vh; min-height: 30vh; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 10px; box-shadow: 0 4px 32px rgba(0, 0, 0, 0.18); flex-direction: column; justify-content: flex-end; overflow: visible; z-index: 99999; } #chat-header { background-color: #005a65; color: #ffffff; font-family: Arial, sans-serif; padding: 10px; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: space-between; } #chat-header span { font-size: 1.15em; line-height: 1; display: block; padding: 0; margin: 0; } #refresh-chat-btn { background: none; border: none; font-size: 1.25em; cursor: pointer; color: white; padding: 0; margin: 0; line-height: 1; height: auto; display: block; vertical-align: middle; } #chat-content { padding: 10px; max-height: calc(66vh - 150px); overflow-y: auto; flex-grow: 1; color: #1a1a1a; } #chat-input { padding: 0px 10px 10px 10px; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; vertical-align: bottom; flex-shrink: 0; background-color: #ffffff; border-top: 1px solid #d0d0d0; } #user-input { width: 80%; padding: 4px; margin-right: 5px; font-size: 13px; box-sizing: border-box; font-family: Arial, sans-serif; } #send-button { width: 18%; padding: 4px; background-color: #007d85; color: #ffffff; font-size: 13px; box-sizing: border-box; font-family: Arial, sans-serif; border: none; } #chat-datenschutz-link { font-size: 10px; color: #1682a6 !important; text-decoration: none; align-self: flex-end; margin-right: 15px; margin-bottom: 3px; margin-top: -16px; } .message { margin: 5px 0; padding: 10px; border-radius: 10px; font-family: Arial, sans-serif; max-width: 82%; display: inline-block; position: relative; text-align: justify; overflow-wrap: break-word; hyphens: auto; line-height: 1; color: #1a1a1a; background: none; } .message.right { background-color: #d1f0ec; color: #1a1a1a; border: 1px solid #b6e6ea; align-self: flex-end; } .message.left { background-color: #e0f5f7; color: #1a1a1a; border: 1px solid #d0d0d0; align-self: flex-start; } .message a { text-decoration: underline; } .message.left a { color: #1682a6 !important; text-decoration: underline !important; } .message.right a { color: black; } .message .arrow { position: absolute; top: 50%; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; transform: translateY(-50%); } .message.right .arrow { right: -10px; border-left: 10px solid #d1f0ec; } .message.left .arrow { left: -10px; border-right: 10px solid #e0f5f7; } .message .arrow::before, .message .arrow::after { content: none !important; } .message-wrapper { display: flex; justify-content: flex-start; } .message-wrapper.right { justify-content: flex-end; } .query-text-style-2, .query-text-style-2 *, .query-text-style-2 h3, .query-text-style-2 li, h3.query-text-style-2, li.query-text-style-2 { color: #1a1a1a !important; font-size: 16px !important; font-family: Arial, sans-serif !important; } .message.left b { color: #1a1a1a !important; font-size: 16px !important; font-family: Arial, sans-serif !important; } #chat-reset-modal { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.18); z-index: 100; align-items: center; justify-content: center; } #chat-reset-modal[style*="display: flex"] { display: flex !important; } .chat-reset-modal-inner { background: #ffffff; color: #1a1a1a; border: 1px solid #d0d0d0; padding: 24px 32px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); max-width: 90%; margin: auto; text-align: center; line-height: 1; } #chat-reset-modal button { padding: 6px 18px; border-radius: 4px; border: none; background: #007d85; color: white; font-size: 1em; cursor: pointer; } #chat-reset-modal button:last-child { background: #d0d0d0; color: #1a1a1a; } .group-btn { color: #007d85 !important; background: #e0f5f7 !important; border: 1px solid #d0d0d0 !important; font-weight: 600; } .group-btn:hover { background: #b6e6ea !important; color: #005a65 !important; } a[href^="mailto:info@fbeta.de"] { color: #1682a6 !important; text-decoration: underline; } #chat-header i, #chat-header svg, #chat-header .fa, #refresh-chat-btn { color: #000000 !important; } #chat-content::-webkit-scrollbar { width: 8px; background: #ffffff; } #chat-content::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 4px; } button:hover, #send-button:hover, .group-btn:hover { background-color: #005e64 !important; color: #ffffff !important; } .message.sent-success { background-color: #d1f0ec !important; border: 1px solid #b6e6ea !important; } .max-interaction-warning { background: #ffeaea; color: #b80000; border: 1px solid #b80000; font-weight: bold; } #chat-header .refresh-icon { color: #ffffff !important; } .message.left a[href^="mailto:"] { color: #1682a6 !important; } .group-btn { color: #007d85 !important; background: #e0f5f7 !important; border: 1px solid #056b82 !important; font-weight: 600 !important; padding: 6px 12px !important; border-radius: 6px !important; cursor: pointer !important; font-size: 12px !important; margin-top: 0 !important; } .message ul, .message ol { display: block; margin-left: 24px; padding-left: 24px; list-style-position: outside; text-align: left; /* override justify */ margin-top: 10px !important; margin-bottom: 4px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .message li { margin-top: 2px !important; margin-bottom: 2px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .message p, .message h3, .message h2, .message h1 { margin-top: 12px !important; margin-bottom: 4px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .message h1:first-child, .message h2:first-child, .message h3:first-child, .message p:first-child { margin-top: 0 !important; } .message img { max-width: 100%; height: auto; display: block; margin: 8px 0; } .message ul { list-style-type: square; } .message ul li { color: #1a1a1a; text-align: left; } .message ul li::marker { color: #b0b0b0; font-size: 1em; } </style> </div> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="container-fluid"> <div class="row"> <div class="col-10 offset-1 col-sm-12 offset-sm-0 col-md-10 offset-md-1 col-lg-12 offset-lg-0"> <div id="sidebar-footer__5" class="sidebar-footer sidebar-footer__5" role="complementary"> <h3 class="sidebar-footer__title">© fbeta 2021</h3><div class="menu-footer_menu-container"><ul id="menu-footer_menu" class="menu" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-4130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4130"><a href="https://fbeta.de/impressum/" data-ps2id-api="true">Impressum</a></li> <li id="menu-item-4135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-4135"><a rel="privacy-policy" href="https://fbeta.de/datenschutz/" data-ps2id-api="true">Datenschutz</a></li> </ul></div> </div> </div> </div> </div> </div> </footer> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/_fbeta\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="module" src="https://fbeta.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie-prioritize.min.js?ver=3.3.15.1-79" id="borlabs-cookie-prioritize-js-module" data-cfasync="false" data-no-minify="1" data-no-optimize="1"></script> <script type="module" src="https://fbeta.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.3.15.1" id="borlabs-cookie-core-js-module" data-cfasync="false" data-no-minify="1" data-no-optimize="1"></script> <div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><script type="text/javascript" src="https://fbeta.de/wp-content/plugins/accordion-blocks/js/accordion-blocks.min.js?ver=1.5.0" id="pb-accordion-blocks-frontend-script-js"></script> <script type="text/javascript" id="lbwps-photoswipe5-js-extra"> /* <![CDATA[ */ var lbwpsOptions = {"label_facebook":"Auf Facebook teilen","label_twitter":"Tweet","label_pinterest":"Auf Pinterest merken","label_download":"Herunterladen","label_copyurl":"Bild-URL kopieren","label_ui_close":"Schlie\u00dfen [Esc]","label_ui_zoom":"Zoom","label_ui_prev":"Vorheriges [\u2190]","label_ui_next":"N\u00e4chstes [\u2192]","label_ui_error":"Das Bild kann nicht geladen werden","label_ui_fullscreen":"Vollbild umschalten [F]","share_facebook":"0","share_twitter":"0","share_pinterest":"0","share_download":"0","share_direct":"0","share_copyurl":"0","close_on_drag":"1","history":"1","show_counter":"1","show_fullscreen":"1","show_zoom":"1","show_caption":"1","loop":"1","pinchtoclose":"1","taptotoggle":"1","close_on_click":"1","fulldesktop":"1","use_alt":"0","usecaption":"1","desktop_slider":"1","share_custom_label":"","share_custom_link":"","wheelmode":"close","spacing":"12","idletime":"4000","hide_scrollbars":"1","caption_type":"overlay","bg_opacity":"100","padding_left":"0","padding_top":"0","padding_right":"0","padding_bottom":"0"}; /* ]]> */ </script> <script type="module" src="https://fbeta.de/wp-content/plugins/lightbox-photoswipe/assets/ps5/frontend.min.js?ver=5.7.2"></script><script type="text/javascript" id="page-scroll-to-id-plugin-script-js-extra"> /* <![CDATA[ */ var mPS2id_params = {"instances":{"mPS2id_instance_0":{"selector":"a[href*='#']:not([href='#'])","autoSelectorMenuLinks":"true","excludeSelector":"a[href^='#tab-'], a[href^='#tabs-'], a[data-toggle]:not([data-toggle='tooltip']), a[data-slide], a[data-vc-tabs], a[data-vc-accordion], a.screen-reader-text.skip-link","scrollSpeed":1500,"autoScrollSpeed":"true","scrollEasing":"easeInOutQuint","scrollingEasing":"easeOutQuint","forceScrollEasing":"false","pageEndSmoothScroll":"true","stopScrollOnUserAction":"false","autoCorrectScroll":"false","autoCorrectScrollExtend":"false","layout":"vertical","offset":"#ps2id-dummy-offset","dummyOffset":"true","highlightSelector":"","clickedClass":"mPS2id-clicked","targetClass":"mPS2id-target","highlightClass":"mPS2id-highlight","forceSingleHighlight":"false","keepHighlightUntilNext":"false","highlightByNextTarget":"false","appendHash":"false","scrollToHash":"true","scrollToHashForAll":"true","scrollToHashDelay":0,"scrollToHashUseElementData":"true","scrollToHashRemoveUrlHash":"false","disablePluginBelow":0,"adminDisplayWidgetsId":"true","adminTinyMCEbuttons":"true","unbindUnrelatedClickEvents":"false","unbindUnrelatedClickEventsSelector":"","normalizeAnchorPointTargets":"false","encodeLinks":"false"}},"total_instances":"1","shortcode_class":"_ps2id"}; /* ]]> */ </script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/page-scroll-to-id/js/page-scroll-to-id.min.js?ver=1.7.9" id="page-scroll-to-id-plugin-script-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/themes/_fbeta/bootstrap/dist/js/bootstrap.bundle.min.js?ver=6.8.2" id="bootstrap-bundle-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/themes/_fbeta/js/jquery.bootstrap-dropdown-hover.min.js?ver=6.8.2" id="bootstrap-hover-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/themes/_fbeta/js/ofi.min.js?ver=6.8.2" id="ofi.min.js-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/themes/_fbeta/js/isotope.pkgd.min.js?ver=6.8.2" id="isotope-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/themes/_fbeta/js/flickity.pkgd.min.js?ver=6.8.2" id="flickityjs-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/themes/_fbeta/js/counter-up2.js?ver=6.8.2" id="counterup2-js"></script> <script type="text/javascript" id="wd-asl-ajaxsearchlite-js-before"> /* <![CDATA[ */ window.ASL = typeof window.ASL !== 'undefined' ? window.ASL : {}; window.ASL.wp_rocket_exception = "DOMContentLoaded"; window.ASL.ajaxurl = "https:\/\/fbeta.de\/wp-admin\/admin-ajax.php"; window.ASL.backend_ajaxurl = "https:\/\/fbeta.de\/wp-admin\/admin-ajax.php"; window.ASL.js_scope = "jQuery"; window.ASL.asl_url = "https:\/\/fbeta.de\/wp-content\/plugins\/ajax-search-lite\/"; window.ASL.detect_ajax = 1; window.ASL.media_query = 4769; window.ASL.version = 4769; window.ASL.pageHTML = ""; window.ASL.additional_scripts = [{"handle":"wd-asl-ajaxsearchlite","src":"https:\/\/fbeta.de\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-prereq.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-core","src":"https:\/\/fbeta.de\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-core.js","prereq":[]},{"handle":"wd-asl-ajaxsearchlite-vertical","src":"https:\/\/fbeta.de\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-results-vertical.js","prereq":["wd-asl-ajaxsearchlite"]},{"handle":"wd-asl-ajaxsearchlite-load","src":"https:\/\/fbeta.de\/wp-content\/plugins\/ajax-search-lite\/js\/min\/plugin\/optimized\/asl-load.js","prereq":["wd-asl-ajaxsearchlite-vertical"]}]; window.ASL.script_async_load = false; window.ASL.init_only_in_viewport = true; window.ASL.font_url = "https:\/\/fbeta.de\/wp-content\/plugins\/ajax-search-lite\/css\/fonts\/icons2.woff2"; window.ASL.css_async = false; window.ASL.highlight = {"enabled":false,"data":[]}; window.ASL.analytics = {"method":0,"tracking_id":"","string":"?ajax_search={asl_term}","event":{"focus":{"active":1,"action":"focus","category":"ASL","label":"Input focus","value":"1"},"search_start":{"active":0,"action":"search_start","category":"ASL","label":"Phrase: {phrase}","value":"1"},"search_end":{"active":1,"action":"search_end","category":"ASL","label":"{phrase} | {results_count}","value":"1"},"magnifier":{"active":1,"action":"magnifier","category":"ASL","label":"Magnifier clicked","value":"1"},"return":{"active":1,"action":"return","category":"ASL","label":"Return button pressed","value":"1"},"facet_change":{"active":0,"action":"facet_change","category":"ASL","label":"{option_label} | {option_value}","value":"1"},"result_click":{"active":1,"action":"result_click","category":"ASL","label":"{result_title} | {result_url}","value":"1"}}}; /* ]]> */ </script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-prereq.js?ver=4769" id="wd-asl-ajaxsearchlite-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-core.js?ver=4769" id="wd-asl-ajaxsearchlite-core-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-results-vertical.js?ver=4769" id="wd-asl-ajaxsearchlite-vertical-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-load.js?ver=4769" id="wd-asl-ajaxsearchlite-load-js"></script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/ajax-search-lite/js/min/plugin/optimized/asl-wrapper.js?ver=4769" id="wd-asl-ajaxsearchlite-wrapper-js"></script> <script type="text/javascript" id="statify-js-js-extra"> /* <![CDATA[ */ var statify_ajax = {"url":"https:\/\/fbeta.de\/wp-admin\/admin-ajax.php","nonce":"fa3f04f931"}; /* ]]> */ </script> <script type="text/javascript" src="https://fbeta.de/wp-content/plugins/statify/js/snippet.min.js?ver=1.8.4" id="statify-js-js"></script> <div class="ps2id-dummy-offset-wrapper" style="overflow:hidden;height:0;z-index:-1"><div id="ps2id-dummy-offset" style="width:100%"></div></div><template id="brlbs-cmpnt-cb-template-gravity-forms-recaptcha"> <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="gravity-forms-recaptcha" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-recaptcha-gravity-forms"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://fbeta.de/wp-content/uploads/borlabs-cookie/1/bct-google-recaptcha-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie müssen den Inhalt von <strong>reCAPTCHA</strong> laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div> </template> <script> (function() { const template = document.querySelector("#brlbs-cmpnt-cb-template-gravity-forms-recaptcha"); const divsToInsertBlocker = document.querySelectorAll('div.ginput_container.ginput_recaptcha'); for (const div of divsToInsertBlocker) { const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); div.appendChild(cb); } })() </script></body> </html>