{"context":{"brandSettings":{"accentColor1":{"hex":"#02001D"},"accentColor2":{"hex":"#F17800"},"accentColor3":{"hex":"#ffffff"},"bodyFont":{"font":"Source Sans 3","fontSet":"GOOGLE"},"colors":[{"hex":"#FF7E05"},{"hex":"#f59e0b"},{"hex":"#3b82f6"},{"hex":"#15843e"},{"hex":"#f97316"},{"hex":"#eb1414"},{"hex":"#737373"}],"fallbackFont":{"font":"verdana, geneva","fontSet":"DEFAULT"},"favicon":{"domain":null,"name":"Vaira Logo","src":"https://f.hubspotusercontent20.net/hubfs/6808921/Vaira%20Logo%20500px-width-2.png"},"favicons":[{"domain":null,"name":"Vaira Logo","src":"https://f.hubspotusercontent20.net/hubfs/6808921/Vaira%20Logo%20500px-width-2.png"},{"domain":"vaira-6808921.hs-sites.com","name":"vaira%20white%20bg%20gradient%20orange.svg","src":"https://f.hubspotusercontent20.net/hubfs/6808921/vaira%20white%20bg%20gradient%20orange.svg"}],"fonts":[],"logo":{"alt":"Vaira-Logo","domain":null,"height":100,"link":"https://www.vaira.app","name":"Vaira-Logo","src":"https://6808921.fs1.hubspotusercontent-na1.net/hubfs/6808921/Vaira%20Design-Elemente/vaira%20logo%20top%20name%20bottom%20transparent.png","width":100},"logos":[{"alt":"Vaira-Logo","domain":null,"height":100,"link":"https://www.vaira.app","name":"Vaira-Logo","src":"https://6808921.fs1.hubspotusercontent-na1.net/hubfs/6808921/Vaira%20Design-Elemente/vaira%20logo%20top%20name%20bottom%20transparent.png","width":100},{"alt":"Vaira Logo ohne Wortmarke","domain":null,"height":400,"link":"https://vaira.app","name":"Vaira Logo ohne Wortmarke","src":"https://cdn2.hubspot.net/hubfs/6808921/vaira%20logo-1.svg","width":400}],"primaryColor":{"hex":"#FF7E05"},"primaryFavicon":{"domain":null,"name":"Vaira Logo","src":"https://f.hubspotusercontent20.net/hubfs/6808921/Vaira%20Logo%20500px-width-2.png"},"primaryFont":{"font":"Source Sans 3","fontSet":"GOOGLE"},"primaryLogo":{"alt":"Vaira-Logo","domain":null,"height":100,"link":"https://www.vaira.app","name":"Vaira-Logo","src":"https://6808921.fs1.hubspotusercontent-na1.net/hubfs/6808921/Vaira%20Design-Elemente/vaira%20logo%20top%20name%20bottom%20transparent.png","width":100},"secondaryColor":{"hex":"#ffffff"}},"menuData":{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Ticket erstellen","level":1,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":"https://vaira.app/bug","urlParamStr":null,"urlWithoutAnchor":"https://vaira.app/bugnull"},{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":"Zum Kundenportal","level":1,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":"https://support.vaira.app/tickets","urlParamStr":null,"urlWithoutAnchor":"https://support.vaira.app/ticketsnull"}],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":null,"level":0,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":null,"urlParamStr":"","urlWithoutAnchor":"null"},"themeSettings":{"bodyFont":{"casing":null,"color":null,"css":"font-family: Source Sans 3;","fallback":null,"font":"Source Sans 3","font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":"font-family: Source Sans 3; font-style: normal; font-weight: normal; text-decoration: none","styles":{"font-family":"Source Sans 3","font-style":"normal","font-weight":"normal","text-decoration":"none"},"variant":null},"primaryFont":{"casing":null,"color":null,"css":"font-family: Source Sans 3;","fallback":null,"font":"Source Sans 3","font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":"font-family: Source Sans 3; font-style: normal; font-weight: normal; text-decoration: none","styles":{"font-family":"Source Sans 3","font-style":"normal","font-weight":"normal","text-decoration":"none"},"variant":null},"trellisBorderRadius":"rounded","trellisColorFillPrimaryDefault":{"color":"#FF7E05","css":"#FF7E05","hex":"#FF7E05","opacity":null,"rgb":"rgb(255, 126, 5)","rgba":"rgba(255, 126, 5, 1)"},"trellisColorFillSecondaryDefault":{"color":"#ffffff","css":"#ffffff","hex":"#ffffff","opacity":null,"rgb":"rgb(255, 255, 255)","rgba":"rgba(255, 255, 255, 1)"},"trellisColorFillSurfaceDefault":"light","trellisColorFillTertiaryDefault":{"color":"#02001D","css":"#02001D","hex":"#02001D","opacity":null,"rgb":"rgb(2, 0, 29)","rgba":"rgba(2, 0, 29, 1)"},"trellisColorTextInteractiveDefault":{"color":"#666666","css":"#666666","hex":"#666666","opacity":null,"rgb":"rgb(102, 102, 102)","rgba":"rgba(102, 102, 102, 1)"}},"companyName":"Vaira UG"},"modules":{},"dndAreas":{},"globalPartials":{},"headHtml":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> \n<script src=\"/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js\"></script> \n<script>hsjQuery = window['jQuery'];</script> \n<meta property=\"og:description\" content=\"\"> \n<meta property=\"og:title\" content=\"\"> \n<meta name=\"twitter:description\" content=\"\"> \n<meta name=\"twitter:title\" content=\"\"> \n<!--  Added by CookieBot integration --> \n<script id=\"Cookiebot\" src=\"https://consent.cookiebot.com/uc.js\" data-cbid=\"bfd1ca94-01cf-4a31-8359-3b2c9b901e08\" data-blockingmode=\"auto\" type=\"text/javascript\">\n                </script> \n<!-- /Added by CookieBot integration --> \n<style>\na.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}\n</style> \n<link rel=\"canonical\" href=\"https://support.vaira.app/hs/portals/customer-portal-app/brand\"> \n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    document.querySelectorAll('.hs-kb-home-list__category').forEach(function(category) {\n      category.addEventListener('click', function() {\n        const link = category.querySelector('a');\n        if (link) {\n          window.location.href = link.href;  // Beim Klicken auf die gesamte Kachel zur Kategorie-URL navigieren\n        }\n      });\n    });\n  });\n\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const form = document.querySelector('.hs-search-field__form');\n    const input = document.querySelector('.hs-search-field__input');\n    const button = document.querySelector('.hs-search-field__button');\n\n    if (form && input && button) {\n      // Neuen Wrapper erstellen\n      const wrapper = document.createElement('div');\n      wrapper.classList.add('hs-search-field__input-button-wrapper');\n\n      // input und button in den neuen Wrapper verschieben\n      wrapper.appendChild(input);\n      wrapper.appendChild(button);\n\n      // Den Wrapper in das Formular einfügen\n      form.appendChild(wrapper);\n\n      console.log('Wrapper erfolgreich hinzugefügt');\n    } else {\n      console.error('Form, input oder button wurde nicht gefunden');\n    }\n  });\n\n\n  document.addEventListener('DOMContentLoaded', function () {\n    const searchInput = document.getElementById('hs_kb-search-input-module-input');\n    const suggestionsContainer = document.querySelector('#hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions');\n\n    function toggleSuggestions() {\n      if (searchInput.value.trim().length >= 3) {\n        suggestionsContainer.style.padding = '1rem 0.5rem 1rem 0.5rem'; // Padding ab 3 Zeichen\n      } else {\n        suggestionsContainer.style.padding = '0'; // Padding auf 0 setzen\n      }\n    }\n\n    // Event Listener für Eingabe und Einfügen\n    searchInput.addEventListener('input', toggleSuggestions);\n    searchInput.addEventListener('paste', function () {\n      setTimeout(toggleSuggestions, 0); // Verzögerung, damit der eingefügte Text erkannt wird\n    });\n  });\n  \n\n  document.addEventListener('DOMContentLoaded', function() {\n    // Definiere hier die neuen Texte und Icons für jede Lizenzstufe\n    const lizenzTexte = {\n      \"Essential\": {\n        text: \"Um diese Funktion nutzen zu können, benötigst du eine <strong>Essential-Lizenz für Vaira</strong>. Du brauchst Beratung? Lass uns 10 Minuten zu deinen Bedürfnissen telefonieren.\",\n        icon: \"https://vaira.app/wp-content/uploads/2026/03/screwdriver-wrench-solid-full.svg\"\n      },\n      \"Standard\": {\n        text: \"Um diese Funktion nutzen zu können, benötigst du eine <strong>Standard-Lizenz für Vaira</strong>. Du brauchst Beratung? Lass uns 10 Minuten zu deinen Bedürfnissen telefonieren.\",\n        icon: \"https://vaira.app/wp-content/uploads/2026/03/robot-solid-full.svg\"\n      },\n      \"Advanced\": {\n        text: \"Um diese Funktion nutzen zu können, benötigst du eine <strong>Advanced-Lizenz für Vaira</strong>. Du brauchst Beratung? Lass uns 10 Minuten zu deinen Bedürfnissen telefonieren.\",\n        icon: \"https://vaira.app/wp-content/uploads/2026/03/rocket-solid-full.svg\"\n      }\n    };\n\n\n    // Funktion zum Erstellen der Lizenz-Box\n    function erstelleLizenzBox(lizenzStufe, isInText = false) {\n      const container = document.createElement('a');\n      container.className = isInText ? 'lizenzHinweis intext' : 'lizenzHinweis';\n      container.href = \"https://vaira.app/rueckruf\";\n      container.target = \"_blank\";\n\n      const iconContainer = document.createElement('div');\n      iconContainer.className = isInText ? 'lizenzIcon intext' : 'lizenzIcon';\n      const icon = document.createElement('img');\n      icon.src = lizenzTexte[lizenzStufe].icon;\n      icon.alt = lizenzStufe + ' Lizenz-Icon';\n      iconContainer.appendChild(icon);\n\n      const textContainer = document.createElement('div');\n      textContainer.className = isInText ? 'lizenzBeschreibung intext' : 'lizenzBeschreibung';\n      textContainer.innerHTML = lizenzTexte[lizenzStufe].text;\n\n      container.appendChild(iconContainer);\n      container.appendChild(textContainer);\n\n      return container;\n    }\n\n    // Funktion zum Ersetzen aller Vorkommen im Textknoten\n    function ersetzeAlleLizenzTexte(node) {\n      const regex = /\\[Benötigte Lizenz: Vaira (Essential|Standard|Advanced)\\]/g;\n      let match;\n      let lastIndex = 0;\n      const fragment = document.createDocumentFragment();\n      let text = node.nodeValue;\n\n      while ((match = regex.exec(text)) !== null) {\n        // Text vor dem Match hinzufügen\n        if (match.index > lastIndex) {\n          fragment.appendChild(document.createTextNode(text.substring(lastIndex, match.index)));\n        }\n\n        // Lizenz-Box erstellen und einfügen\n        const lizenzStufe = match[1];\n        if (lizenzTexte[lizenzStufe]) {\n          fragment.appendChild(erstelleLizenzBox(lizenzStufe, true));\n        }\n\n        lastIndex = match.index + match[0].length;\n      }\n\n      // Restlichen Text hinzufügen\n      if (lastIndex < text.length) {\n        fragment.appendChild(document.createTextNode(text.substring(lastIndex)));\n      }\n\n      // Ersetze den ursprünglichen Textknoten durch das Fragment\n      if (fragment.childNodes.length > 0) {\n        node.parentNode.replaceChild(fragment, node);\n        return true; // Es gab eine Ersetzung\n      }\n      return false;\n    }\n\n    // Funktion zum Durchsuchen aller Textknoten in einem Element (rekursiv)\n    function durchsucheUndErsetzeInElement(element) {\n      const walker = document.createTreeWalker(\n        element,\n        NodeFilter.SHOW_TEXT,\n        null,\n        false\n      );\n\n      let node;\n      let hatErsetzung = false;\n\n      while (node = walker.nextNode()) {\n        if (node.nodeValue.includes('[Benötigte Lizenz: Vaira')) {\n          if (ersetzeAlleLizenzTexte(node)) {\n            hatErsetzung = true;\n          }\n        }\n      }\n\n      // Falls Ersetzungen stattfanden, erneut durchsuchen (für neue Textknoten)\n      if (hatErsetzung) {\n        durchsucheUndErsetzeInElement(element);\n      }\n    }\n\n    // 1. Schritt: h2-Elemente durchsuchen\n    const lizenzHinweise = document.querySelectorAll('h2.hs_cos_wrapper_type_inline_text_field');\n    lizenzHinweise.forEach(function(h2Element) {\n      const text = h2Element.textContent.trim();\n      if (text.startsWith('[Benötigte Lizenz: Vaira')) {\n        const lizenzStufe = text.replace('[Benötigte Lizenz: Vaira ', '').replace(']', '').trim();\n        if (lizenzTexte[lizenzStufe]) {\n          h2Element.replaceWith(erstelleLizenzBox(lizenzStufe));\n        }\n      }\n    });\n\n    // 2. Schritt: Fließtext in #hs_focus_mode durchsuchen\n    const focusMode = document.getElementById('hs_focus_mode');\n    if (focusMode) {\n      durchsucheUndErsetzeInElement(focusMode);\n    }\n  });\n</script> \n<style>\n  :root {\n    --uilib-color-inherit: inherit;\n    --uilib-color-current: currentColor;\n    --uilib-color-transparent: transparent;\n    --uilib-color-black: #000;\n    --uilib-color-white: #fff;\n\n    --uilib-color-gray-50: hsl(0 0% 98%);\n    --uilib-color-gray-100: hsl(0 0% 96%);\n    --uilib-color-gray-200: hsl(0 0% 90%);\n    --uilib-color-gray-300: hsl(0 0% 83%);\n    --uilib-color-gray-400: hsl(0 0% 72%);\n    --uilib-color-gray-500: hsl(0 0% 45%);\n    --uilib-color-gray-600: hsl(0 0% 32%);\n    --uilib-color-gray-700: hsl(0 0% 25%);\n    --uilib-color-gray-800: hsl(0 0% 15%);\n    --uilib-color-gray-900: hsl(0 0% 9%);\n    --uilib-color-gray-background-default: var(--uilib-color-gray-500);\n\n    --uilib-color-red-100: #fee2e2;\n    --uilib-color-red-200: #fecaca;\n    --uilib-color-red-300: #fca5a5;\n    --uilib-color-red-400: #f87171;\n    --uilib-color-red-500: #eb1414;\n    --uilib-color-red-600: #dc2626;\n    --uilib-color-red-700: #b91c1c;\n    --uilib-color-red-800: #991b1b;\n    --uilib-color-red-900: #7f1d1d;\n    --uilib-color-red-background-default: var(--uilib-color-red-500);\n\n    --uilib-color-orange-20: #fffaf5;\n    --uilib-color-orange-50: #fff7ed;\n    --uilib-color-orange-100: #ffedd5;\n    --uilib-color-orange-200: #fed7aa;\n    --uilib-color-orange-300: #fdba74;\n    --uilib-color-orange-400: #fb923c;\n    --uilib-color-orange-500: #f97316;\n    --uilib-color-orange-600: #ea580c;\n    --uilib-color-orange-700: #c2410c;\n    --uilib-color-orange-800: #9a3412;\n    --uilib-color-orange-900: #7c2d12;\n    --uilib-color-orange-background-default: var(--uilib-color-orange-500);\n\n    --uilib-color-amber-100: #fef3c7;\n    --uilib-color-amber-200: #fde68a;\n    --uilib-color-amber-300: #fcd34d;\n    --uilib-color-amber-400: #fbbf24;\n    --uilib-color-amber-500: #f59e0b;\n    --uilib-color-amber-600: #d97706;\n    --uilib-color-amber-700: #b45309;\n    --uilib-color-amber-800: #92400e;\n    --uilib-color-amber-900: #78350f;\n    --uilib-color-amber-background-default: var(--uilib-color-amber-500);\n\n    --uilib-color-yellow-100: #fef9c3;\n    --uilib-color-yellow-200: #fef08a;\n    --uilib-color-yellow-300: #fde047;\n    --uilib-color-yellow-400: #facc15;\n    --uilib-color-yellow-500: #eab308;\n    --uilib-color-yellow-600: #ca8a04;\n    --uilib-color-yellow-700: #a16207;\n    --uilib-color-yellow-800: #854d0e;\n    --uilib-color-yellow-900: #713f12;\n    --uilib-color-yellow-background-default: var(--uilib-color-yellow-500);\n\n    --uilib-color-lime-100: #ecfccb;\n    --uilib-color-lime-200: #d9f99d;\n    --uilib-color-lime-300: #bef264;\n    --uilib-color-lime-400: #a3e635;\n    --uilib-color-lime-500: #84cc16;\n    --uilib-color-lime-600: #65a30d;\n    --uilib-color-lime-700: #4d7c0f;\n    --uilib-color-lime-800: #3f6212;\n    --uilib-color-lime-900: #365314;\n    --uilib-color-lime-background-default: var(--uilib-color-lime-500);\n\n    --uilib-color-green-100: #c1f5d4;\n    --uilib-color-green-200: #84ebaa;\n    --uilib-color-green-300: #46e27f;\n    --uilib-color-green-400: #1fc25b;\n    --uilib-color-green-500: #15843e;\n    --uilib-color-green-600: #116a31;\n    --uilib-color-green-700: #0d4f25;\n    --uilib-color-green-800: #083519;\n    --uilib-color-green-900: #041a0c;\n    --uilib-color-green-background-default: var(--uilib-color-green-500);\n\n    --uilib-color-emerald-100: #d1fae5;\n    --uilib-color-emerald-200: #a7f3d0;\n    --uilib-color-emerald-300: #6ee7b7;\n    --uilib-color-emerald-400: #34d399;\n    --uilib-color-emerald-500: #10b981;\n    --uilib-color-emerald-600: #059669;\n    --uilib-color-emerald-700: #047857;\n    --uilib-color-emerald-800: #065f46;\n    --uilib-color-emerald-900: #064e3b;\n    --uilib-color-emerald-background-default: var(--uilib-color-emerald-500);\n\n    --uilib-color-teal-100: #ccfbf1;\n    --uilib-color-teal-200: #99f6e4;\n    --uilib-color-teal-300: #5eead4;\n    --uilib-color-teal-400: #2dd4bf;\n    --uilib-color-teal-500: #14b8a6;\n    --uilib-color-teal-600: #0d9488;\n    --uilib-color-teal-700: #0f766e;\n    --uilib-color-teal-800: #115e59;\n    --uilib-color-teal-900: #134e4a;\n    --uilib-color-teal-background-default: var(--uilib-color-teal-500);\n\n    --uilib-color-cyan-100: #cffafe;\n    --uilib-color-cyan-200: #a5f3fc;\n    --uilib-color-cyan-300: #67e8f9;\n    --uilib-color-cyan-400: #22d3ee;\n    --uilib-color-cyan-500: #06b6d4;\n    --uilib-color-cyan-600: #0891b2;\n    --uilib-color-cyan-700: #0e7490;\n    --uilib-color-cyan-800: #155e75;\n    --uilib-color-cyan-900: #164e63;\n    --uilib-color-cyan-background-default: var(--uilib-color-cyan-500);\n\n    --uilib-color-sky-100: #e0f2fe;\n    --uilib-color-sky-200: #bae6fd;\n    --uilib-color-sky-300: #7dd3fc;\n    --uilib-color-sky-400: #38bdf8;\n    --uilib-color-sky-500: #0ea5e9;\n    --uilib-color-sky-600: #0284c7;\n    --uilib-color-sky-700: #0369a1;\n    --uilib-color-sky-800: #075985;\n    --uilib-color-sky-900: #0c4a6e;\n    --uilib-color-sky-background-default: var(--uilib-color-sky-500);\n\n    --uilib-color-blue-100: #dbeafe;\n    --uilib-color-blue-200: #bfdbfe;\n    --uilib-color-blue-300: #93c5fd;\n    --uilib-color-blue-400: #60a5fa;\n    --uilib-color-blue-500: #3b82f6;\n    --uilib-color-blue-600: #2563eb;\n    --uilib-color-blue-700: #1d4ed8;\n    --uilib-color-blue-800: #1e40af;\n    --uilib-color-blue-900: #1e3a8a;\n    --uilib-color-blue-background-default: var(--uilib-color-blue-500);\n\n    --uilib-color-indigo-100: #e0e7ff;\n    --uilib-color-indigo-200: #c7d2fe;\n    --uilib-color-indigo-300: #a5b4fc;\n    --uilib-color-indigo-400: #818cf8;\n    --uilib-color-indigo-500: #6366f1;\n    --uilib-color-indigo-600: #4f46e5;\n    --uilib-color-indigo-700: #4338ca;\n    --uilib-color-indigo-800: #3730a3;\n    --uilib-color-indigo-900: #312e81;\n    --uilib-color-indigo-background-default: var(--uilib-color-indigo-500);\n\n    --uilib-color-violet-100: #ede9fe;\n    --uilib-color-violet-200: #ddd6fe;\n    --uilib-color-violet-300: #c4b5fd;\n    --uilib-color-violet-400: #a78bfa;\n    --uilib-color-violet-500: #8b5cf6;\n    --uilib-color-violet-600: #7c3aed;\n    --uilib-color-violet-700: #6d28d9;\n    --uilib-color-violet-800: #5b21b6;\n    --uilib-color-violet-900: #4c1d95;\n    --uilib-color-violet-background-default: var(--uilib-color-violet-500);\n\n    --uilib-color-purple-100: #f3e8ff;\n    --uilib-color-purple-200: #e9d5ff;\n    --uilib-color-purple-300: #d8b4fe;\n    --uilib-color-purple-400: #c084fc;\n    --uilib-color-purple-500: #a855f7;\n    --uilib-color-purple-600: #9333ea;\n    --uilib-color-purple-700: #7e22ce;\n    --uilib-color-purple-800: #6b21a8;\n    --uilib-color-purple-900: #581c87;\n    --uilib-color-purple-background-default: var(--uilib-color-purple-500);\n\n    --uilib-color-fuchsia-100: #fae8ff;\n    --uilib-color-fuchsia-200: #f5d0fe;\n    --uilib-color-fuchsia-300: #f0abfc;\n    --uilib-color-fuchsia-400: #e879f9;\n    --uilib-color-fuchsia-500: #d946ef;\n    --uilib-color-fuchsia-600: #c026d3;\n    --uilib-color-fuchsia-700: #a21caf;\n    --uilib-color-fuchsia-800: #86198f;\n    --uilib-color-fuchsia-900: #701a75;\n    --uilib-color-fuchsia-background-default: var(--uilib-color-fuchsia-500);\n\n    --uilib-color-pink-100: #fce7f3;\n    --uilib-color-pink-200: #fbcfe8;\n    --uilib-color-pink-300: #f9a8d4;\n    --uilib-color-pink-400: #f472b6;\n    --uilib-color-pink-500: #ec4899;\n    --uilib-color-pink-600: #db2777;\n    --uilib-color-pink-700: #be185d;\n    --uilib-color-pink-800: #9d174d;\n    --uilib-color-pink-900: #831843;\n    --uilib-color-pink-background-default: var(--uilib-color-pink-500);\n\n    --uilib-color-rose-100: #ffe4e6;\n    --uilib-color-rose-200: #fecdd3;\n    --uilib-color-rose-300: #fda4af;\n    --uilib-color-rose-400: #fb7185;\n    --uilib-color-rose-500: #f43f5e;\n    --uilib-color-rose-600: #e11d48;\n    --uilib-color-rose-700: #be123c;\n    --uilib-color-rose-800: #9f1239;\n    --uilib-color-rose-900: #881337;\n    --uilib-color-rose-background-default: var(--uilib-color-rose-500);\n\n    --uilib-color-accent-100: var(--uilib-color-amber-100);\n    --uilib-color-accent-200: var(--uilib-color-amber-200);\n    --uilib-color-accent-300: var(--uilib-color-amber-300);\n    --uilib-color-accent-400: var(--uilib-color-amber-400);\n    --uilib-color-accent-500: var(--uilib-color-amber-500);\n    --uilib-color-accent-600: var(--uilib-color-amber-600);\n    --uilib-color-accent-700: var(--uilib-color-amber-700);\n    --uilib-color-accent-800: var(--uilib-color-amber-800);\n    --uilib-color-accent-900: var(--uilib-color-amber-900);\n    --uilib-color-accent-background-default: var(--uilib-color-accent-500);\n    --uilib-color-accent-background-hover: var(--uilib-color-accent-600);\n    --uilib-color-accent-background-key-focus: var(--uilib-color-accent-600);\n    --uilib-color-accent-background-down: var(--uilib-color-accent-700);\n\n    --uilib-color-neutral-background-default: var(--uilib-color-gray-500);\n\n    --uilib-color-informative-100: var(--uilib-color-blue-100);\n    --uilib-color-informative-200: var(--uilib-color-blue-200);\n    --uilib-color-informative-300: var(--uilib-color-blue-300);\n    --uilib-color-informative-400: var(--uilib-color-blue-400);\n    --uilib-color-informative-500: var(--uilib-color-blue-500);\n    --uilib-color-informative-600: var(--uilib-color-blue-600);\n    --uilib-color-informative-700: var(--uilib-color-blue-700);\n    --uilib-color-informative-800: var(--uilib-color-blue-800);\n    --uilib-color-informative-900: var(--uilib-color-blue-900);\n    --uilib-color-informative-background-default: var(--uilib-color-informative-500);\n    --uilib-color-informative-background-hover: var(--uilib-color-informative-600);\n    --uilib-color-informative-background-key-focus: var(--uilib-color-informative-600);\n    --uilib-color-informative-background-down: var(--uilib-color-informative-700);\n\n    --uilib-color-negative-100: var(--uilib-color-red-100);\n    --uilib-color-negative-200: var(--uilib-color-red-200);\n    --uilib-color-negative-300: var(--uilib-color-red-300);\n    --uilib-color-negative-400: var(--uilib-color-red-400);\n    --uilib-color-negative-500: var(--uilib-color-red-500);\n    --uilib-color-negative-600: var(--uilib-color-red-600);\n    --uilib-color-negative-700: var(--uilib-color-red-700);\n    --uilib-color-negative-800: var(--uilib-color-red-800);\n    --uilib-color-negative-900: var(--uilib-color-red-900);\n    --uilib-color-negative-background-default: var(--uilib-color-negative-500);\n    --uilib-color-negative-background-hover: var(--uilib-color-negative-600);\n    --uilib-color-negative-background-key-focus: var(--uilib-color-negative-600);\n    --uilib-color-negative-background-down: var(--uilib-color-negative-700);\n\n    --uilib-color-notice-100: var(--uilib-color-orange-100);\n    --uilib-color-notice-200: var(--uilib-color-orange-200);\n    --uilib-color-notice-300: var(--uilib-color-orange-300);\n    --uilib-color-notice-400: var(--uilib-color-orange-400);\n    --uilib-color-notice-500: var(--uilib-color-orange-500);\n    --uilib-color-notice-600: var(--uilib-color-orange-600);\n    --uilib-color-notice-700: var(--uilib-color-orange-700);\n    --uilib-color-notice-800: var(--uilib-color-orange-800);\n    --uilib-color-notice-900: var(--uilib-color-orange-900);\n    --uilib-color-notice-background-default: var(--uilib-color-notice-500);\n    --uilib-color-notice-background-hover: var(--uilib-color-notice-600);\n    --uilib-color-notice-background-key-focus: var(--uilib-color-notice-600);\n    --uilib-color-notice-background-down: var(--uilib-color-notice-700);\n\n    --uilib-color-positive-100: var(--uilib-color-green-100);\n    --uilib-color-positive-200: var(--uilib-color-green-200);\n    --uilib-color-positive-300: var(--uilib-color-green-300);\n    --uilib-color-positive-400: var(--uilib-color-green-400);\n    --uilib-color-positive-500: var(--uilib-color-green-500);\n    --uilib-color-positive-600: var(--uilib-color-green-600);\n    --uilib-color-positive-700: var(--uilib-color-green-700);\n    --uilib-color-positive-800: var(--uilib-color-green-800);\n    --uilib-color-positive-900: var(--uilib-color-green-900);\n    --uilib-color-positive-background-default: var(--uilib-color-positive-500);\n    --uilib-color-positive-background-hover: var(--uilib-color-positive-600);\n    --uilib-color-positive-background-key-focus: var(--uilib-color-positive-600);\n    --uilib-color-positive-background-down: var(--uilib-color-positive-700);\n\n    --uilib-color-transparent-black-50: hsl(0 0% 0% / 0.02);\n    --uilib-color-transparent-black-100: hsl(0 0% 0% / 0.04);\n    --uilib-color-transparent-black-200: hsl(0 0% 0% / 0.1);\n    --uilib-color-transparent-black-300: hsl(0 0% 0% / 0.17);\n    --uilib-color-transparent-black-400: hsl(0 0% 0% / 0.28);\n    --uilib-color-transparent-black-500: hsl(0 0% 0% / 0.55);\n    --uilib-color-transparent-black-600: hsl(0 0% 0% / 0.68);\n    --uilib-color-transparent-black-700: hsl(0 0% 0% / 0.75);\n    --uilib-color-transparent-black-800: hsl(0 0% 0% / 0.85);\n    --uilib-color-transparent-black-900: hsl(0 0% 0% / 0.91);\n\n    --uilib-color-transparent-white-50: hsl(0 0% 100% / 0.02);\n    --uilib-color-transparent-white-100: hsl(0 0% 100% / 0.04);\n    --uilib-color-transparent-white-200: hsl(0 0% 100% / 0.1);\n    --uilib-color-transparent-white-300: hsl(0 0% 100% / 0.17);\n    --uilib-color-transparent-white-400: hsl(0 0% 100% / 0.28);\n    --uilib-color-transparent-white-500: hsl(0 0% 100% / 0.55);\n    --uilib-color-transparent-white-600: hsl(0 0% 100% / 0.68);\n    --uilib-color-transparent-white-700: hsl(0 0% 100% / 0.75);\n    --uilib-color-transparent-white-800: hsl(0 0% 100% / 0.85);\n    --uilib-color-transparent-white-900: hsl(0 0% 100% / 0.91);\n\n    --uilib-color-link-text-default: var(--uilib-color-blue-500);\n\n    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n    --main-bg-color: white;\n    --main-box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --main-box-shadow-hover: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    --main-border-radius: 14px;\n    --main-border: none;\n    --main-hover-transform: scale(1.1);\n    --main-transition: all .2s ease-in-out;\n}\n\n/* Version 3 – */\nbody .hs-kb-home-list--tiles .hs-kb-home-list__category {\n    border-radius: var(--main-border-radius)!important;\n    border: var(--main-border)!important;\n    box-shadow: 0px 0px 10px 0.2px #02001d22!important;\n    transition: var(--main-transition)!important;\n    cursor: pointer!important;\n    align-items: center!important;\n    display: flex!important;\n    padding: 1rem!important;\n    margin-top: 1rem;\n}\n\nbody .hs-kb-home-list--tiles .hs-kb-home-list__category:hover {\n    box-shadow: var(--main-box-shadow-hover)!important;\n}\n\n.hs-kb-home-list__category:hover {\n    transform: var(--main-hover-transform);\n}\n\n.hs-kb-home-list__category a:hover {\n    text-decoration: none;\n}\n\nfooter hr {\n    display: none;\n}\n\n.footer {\n    display: flex;\n    flex-flow: row;\n    text-align: center;\n    width: 100%;\n}\n\n.footer__bottom {\n    display: flex;\n    flex-wrap: wrap;\n    margin: auto;\n}\n\n.footer__bottom--left {\n    width: 100%;\n}\n\n.footer__bottom--right {\n    width: 100%;\n}\n\n#hs_cos_wrapper_footer_copyright_ div {\n    text-align: center!important;\n}\n\n/* Form-Container bleibt flex (aber Spaltenanordnung) */\n.hs-search-field__form {\n    display: flex;\n    flex-direction: column;\n}\n\n.hs-search-field__label {\n    margin-bottom: 8px;\n}\n\n/* Der Wrapper für Input und Button */\n.hs-search-field__input-button-wrapper {\n    display: flex!important;\n    align-items: center!important;\n    margin: 1rem 0 4rem 0!important;\n    background-color: #fff!important;\n    align-self: center!important;\n    min-width: 80%!important;\n    max-width: 100%!important;\n}\n\n.hs-search-field__input-button-wrapper input {\n    padding: 1.5rem;\n    border-radius: 14px;\n}\n\n.hs-search-field__suggestions-container {\n    align-self: center;\n    min-width: 80%;\n    max-width: 100%;\n    top: 4rem;\n    z-index: 20;\n}\n\n@media screen and (min-width: 900px) {\n    .hs-search-field__input-button-wrapper,\n    .hs-search-field__suggestions-container {\n        min-width: 600px;\n        max-width: 600px;\n    }\n}\n\n.hs-search-field--open .hs-search-field__suggestions-container ul {\n    border-radius: 0 0 14px 14px!important;\n    box-shadow: 0rem 1.5rem 14px 14px #02001d33!important;\n}\n\n/* Input-Feld flexibel */\n.hs-search-field__input {\n    flex-grow: 1;\n    border: none;\n    outline: none;\n    padding: 8px 12px;\n    font-size: 16px;\n}\n\n/* Button Styling */\n.hs-search-field__button {\n    background: none;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n}\n\nul li[aria-setsize=\"0\"] {\n\tcolor: #02001d !important;\n    background-color: #f2940055 !important;\n    position: relative;\n    top: 6rem;\n    text-align: center;\n    font-size: 1rem;\n    border-radius: 14px;\n    box-shadow: 0px 0px 10px 0px #f2940055;\n    padding: 1rem !important;\n}\n  \n  ul#autocomplete-results {\n  \tpadding:0!important;\n  }\n\n/* Fokus-Effekt für den gesamten Input-Button-Wrap */\n.hs-search-field__input-button-wrapper:focus-within {\n    /*box-shadow: 0 4px 12px rgba(0, 128, 255, 0.3);*/\n}\n\n/* Entfernt die Standard-Umrandung beim Fokus */\n.hs-search-field__input {\n    border: none;\n    outline: none !important;\n}\n\n.hs-kb-search-input-wrapper {\n    padding-bottom: 0px;\n}\n\nlabel.hs-search-field__label {\n    text-align: center;\n}\n\n#hs_cos_wrapper_knowledgebase_category_listing {\n    padding-bottom: 5rem;\n}\n\n.hs-kb-content {\n    padding-bottom: 5rem;\n}\n\n#hs_cos_wrapper_hs_kb-search-input-module .hs-search-field--open .hs-search-field__suggestions {\n    border-radius: var(--main-border-radius);\n    border: none;\n    padding: 1rem 0.5rem;\n}\n\nli.results-for {\n    margin-bottom: 0.5rem!important;\n    color: #f29400;\n}\n\n#autocomplete-results li {\n    margin: 0.75rem 0!important;\n}\n\n#main-content {\n    margin: 0 0 3rem 0;\n}\n\n#hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions {\n    padding: 0;\n}\n\ndiv.hs-kb-home-list.hs-kb-home-list--tiles {\n    padding-top: 0!important;\n}\n\ndiv.globe_class {\n    display: none!important;\n}\n\nul.hs-search-results__listing {\n    margin: 0 0 2rem 0!important;\n}\n\n.footer .footer__bottom {\n    border-top: none!important;\n}\n\n.hs_cos_wrapper_type_inline_richtext_field a {\n    text-decoration: none!important;\n}\n\n.hs_cos_wrapper_type_inline_richtext_field a:hover {\n    text-decoration: underline!important;\n}\n\n/* Suchergebnis-Seite */\n#hs_cos_wrapper_kb-search_results .hs-search-results__title h2 {\n    margin: 0;\n}\n\n.hs-search-results__listing {\n    gap: 0;\n}\n\n.hs-search-results__content {\n    margin: 1rem 0 0rem 0;\n}\n\n#hs_cos_wrapper_kb-search_results .hs-search-results__title {\n    font-size: 1.2rem;\n    line-height: 1.5rem;\n    margin: 0 0 0.2rem 0;\n}\n\n  .hs-kb-category_accordion_nav_list {\n    --bg-color-active: rgb(from var(--accent-color) r g b / 10%);\n    --toggle-icon-color: #33475b;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n  \n  .hs-kb-category_accordion_nav_list_item {\n  \tmargin: 0;\n  }\n  \n   .hs-kb-category_accordion_nav_list_item a {\n  \tfont-size: 0.9rem;\n    font-weight:400;   \n  }\n  \n     .hs-kb-category_accordion_nav_list_item a:hover {\n  \ttext-decoration:underline!important;\n    font-weight:400!important;\n  }\n  \n  .hs-kb-category-accordion_link {\n    color: black !important;\n    text-decoration: none !important;\n    font-weight: normal !important;\n    display: block;\n    box-sizing: border-box;\n    padding: 10px 20px;\n  }\n  \n\n  .hs_cos_wrapper_type_inline_richtext_field p a{\n  \tcolor: rgb(255, 126, 5)!important;\n  }\n  \n  .hs_cos_wrapper_type_inline_richtext_field ul a{\n  \tcolor: rgb(255, 126, 5);\n  }\n  \n  .hs_cos_wrapper_type_inline_richtext_field ol a{\n  \tcolor: rgb(153, 153, 153);\n    font-weight: 400;\n    text-decoration: underline !important;\n  }\n  \n   .hs_cos_wrapper_type_inline_richtext_field ol a:hover{\n  \tcolor: rgb(255, 126, 5);\n  }\n\n\nbody[class*=\"kb-\"] a.hs-kb-category-article-list__link {\n    text-decoration: none!important;\n    color: #3b82f6!important;\n    line-height: 1rem;\n}\n\nbody[class*=\"kb-\"] a.hs-kb-category-article-list__link:hover {\n    text-decoration: underline!important;\n    color: #2563eb!important;\n}\n\nbody[class*=\"kb-\"] a.hs-kb-category-article-list li {\n    margin: 1rem 0 0 0;\n}\n\n#main-content li {\n    margin-left:0;\n  \tmargin-right:0;\n    font-size: 1rem;\n}\n\n.hs_cos_wrapper_type_inline_richtext_field {\n    font-size: 1rem;\n    line-height: 1.6rem;\n}\n  \n#main-content p {\n    font-size: 1rem;\n    line-height: 1.6rem;\n}\n\n#main-content h1 {\n    font-size: 2rem;\n    line-height: 2.4rem;\n    margin: 1rem 0 1rem 0;\n}\n\n#main-content h2 {\n    font-size: 1rem;\n    line-height: 1.4rem;\n    margin: 0 0 1rem 0;\n}\n\n#main-content h3 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n    margin: 0 0 1rem 0;\n}\n\n#main-content h4 {\n    font-size: 1.2rem;\n    line-height: 1.8rem;\n    margin: 0 0 1rem 0;\n}\n\n#main-content div.hs-search-hidden > time {\n    font-size: 0.8rem;\n    line-height: 1rem;\n    margin: 0;\n}\n  \n.hs-kb-breadcrumb_item a, .hs-kb-breadcrumb_item::after {\n    font-size: 0.8rem;\n    color: #000;\n    font-weight: 400 !important;\n    font-style: italic;\n  }\n  \n  .hs-kb-breadcrumb_item a:hover {\n  \ttext-decoration: underline;\n    color:#FF7E05;\n  }\n\n  .lizenzlink,\n  .lizenzlink:hover {\n  \tcolor:rgb(255, 126, 5);\n  }\n  \n  /*\n  .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row h2 {\n    padding: 2rem 4rem;\n    margin: 2rem 0 3rem !important;\n    text-align: center;\n    border-radius: 14px;\n    box-shadow: 0px 0px 14px 0px #00000055;\n    font-weight: 400;\n  }\n  */\n  \n   .lizenzHinweis {\n    display:flex;\n    padding: 2rem 4rem 2rem 2rem;\n    margin: 2rem 0 3rem !important;\n    text-align: left;\n    border-radius: 14px;\n    box-shadow: 0px 0px 14px 0px #00000055;\n    font-weight: 400;\n    gap: 1rem;\n    align-items:center;\n    font-size:1rem;\n    text-decoration: none!important;\n    color: #02001d!important;\n    font-weight: 400!important;\n    transition: transform 0.3s ease;\n  }\n  \n  .lizenzHinweis.intext {\n  \tmax-width:90%;\n    margin: 1rem 2rem!important;\n  }\n  \n   .lizenzHinweis:hover {\n    transform:scale(1.05);\n  }\n  \n  .lizenzIcon img {\n  \twidth:100px;\n  }\n  \n  .lizenzHinweis.intext .lizenzIcon img {\n  \twidth: 75px;\n  }\n  \n  .lizenzBeschreibung {\n  \ttext-decoration: none!important;\n    color: #02001d!important;\n    font-weight: 400!important;\n  }\n \n  a.lizenzHinweis.intext {\n  \ttext-decoration: none!important;\n  } \n  \n</style> \n<meta property=\"og:url\" content=\"https://support.vaira.app/hs/portals/customer-portal-app/brand\"> \n<meta http-equiv=\"content-language\" content=\"de\">","footerHtml":"<!-- HubSpot performance collection script --> \n<script defer src=\"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js\"></script> \n<!-- Start of HubSpot Analytics Code --> \n<script type=\"text/javascript\">\nvar _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/support.vaira.app\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"458358917335\"]);\n_hsq.push([\"setContentMetadata\", {\n    \"contentPageId\": 458358917335,\n    \"legacyPageId\": \"458358917335\",\n    \"contentFolderId\": null,\n    \"contentGroupId\": null,\n    \"abTestId\": null,\n    \"languageVariantId\": 458358917335,\n    \"languageCode\": \"de\",\n    \n    \n}]);\n</script> \n<script type=\"text/javascript\" id=\"hs-script-loader\" async defer src=\"/hs/scriptloader/6808921.js\"></script> \n<!-- End of HubSpot Analytics Code --> \n<script type=\"text/javascript\">\nvar hsVars = {\n    render_id: \"a73f405a-809e-485b-8e6a-faefb81e4c63\",\n    ticks: 1787553783378,\n    page_id: 458358917335,\n    \n    content_group_id: 0,\n    portal_id: 6808921,\n    app_hs_base_url: \"https://app-eu1.hubspot.com\",\n    cp_hs_base_url: \"https://cp-eu1.hubspot.com\",\n    language: \"de\",\n    analytics_page_type: \"app-page\",\n    scp_content_type: \"\",\n    \n    analytics_page_id: \"458358917335\",\n    category_id: 20,\n    folder_id: 0,\n    is_hubspot_user: false\n}\n</script> \n<script defer src=\"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js\"></script>","headElements":[{"tag":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1"}},{"tag":"script","attributes":{"src":"/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"}},{"tag":"script","children":[{"tag":"#text","text":"hsjQuery = window['jQuery'];"}]},{"tag":"meta","attributes":{"property":"og:description","content":""}},{"tag":"meta","attributes":{"property":"og:title","content":""}},{"tag":"meta","attributes":{"name":"twitter:description","content":""}},{"tag":"meta","attributes":{"name":"twitter:title","content":""}},{"tag":"script","id":"Cookiebot","children":[{"tag":"#text","text":""}],"attributes":{"data-cbid":"bfd1ca94-01cf-4a31-8359-3b2c9b901e08","data-blockingmode":"auto","src":"https://consent.cookiebot.com/uc.js","type":"text/javascript"}},{"tag":"style","children":[{"tag":"#text","text":"a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}"}]},{"tag":"link","attributes":{"rel":"canonical","href":"https://support.vaira.app/hs/portals/customer-portal-app/brand"}},{"tag":"script","children":[{"tag":"#text","text":"document.addEventListener(\"DOMContentLoaded\", function() {\n    document.querySelectorAll('.hs-kb-home-list__category').forEach(function(category) {\n      category.addEventListener('click', function() {\n        const link = category.querySelector('a');\n        if (link) {\n          window.location.href = link.href;  // Beim Klicken auf die gesamte Kachel zur Kategorie-URL navigieren\n        }\n      });\n    });\n  });\n\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const form = document.querySelector('.hs-search-field__form');\n    const input = document.querySelector('.hs-search-field__input');\n    const button = document.querySelector('.hs-search-field__button');\n\n    if (form && input && button) {\n      // Neuen Wrapper erstellen\n      const wrapper = document.createElement('div');\n      wrapper.classList.add('hs-search-field__input-button-wrapper');\n\n      // input und button in den neuen Wrapper verschieben\n      wrapper.appendChild(input);\n      wrapper.appendChild(button);\n\n      // Den Wrapper in das Formular einfügen\n      form.appendChild(wrapper);\n\n      console.log('Wrapper erfolgreich hinzugefügt');\n    } else {\n      console.error('Form, input oder button wurde nicht gefunden');\n    }\n  });\n\n\n  document.addEventListener('DOMContentLoaded', function () {\n    const searchInput = document.getElementById('hs_kb-search-input-module-input');\n    const suggestionsContainer = document.querySelector('#hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions');\n\n    function toggleSuggestions() {\n      if (searchInput.value.trim().length >= 3) {\n        suggestionsContainer.style.padding = '1rem 0.5rem 1rem 0.5rem'; // Padding ab 3 Zeichen\n      } else {\n        suggestionsContainer.style.padding = '0'; // Padding auf 0 setzen\n      }\n    }\n\n    // Event Listener für Eingabe und Einfügen\n    searchInput.addEventListener('input', toggleSuggestions);\n    searchInput.addEventListener('paste', function () {\n      setTimeout(toggleSuggestions, 0); // Verzögerung, damit der eingefügte Text erkannt wird\n    });\n  });\n  \n\n  document.addEventListener('DOMContentLoaded', function() {\n    // Definiere hier die neuen Texte und Icons für jede Lizenzstufe\n    const lizenzTexte = {\n      \"Essential\": {\n        text: \"Um diese Funktion nutzen zu können, benötigst du eine <strong>Essential-Lizenz für Vaira</strong>. Du brauchst Beratung? Lass uns 10 Minuten zu deinen Bedürfnissen telefonieren.\",\n        icon: \"https://vaira.app/wp-content/uploads/2026/03/screwdriver-wrench-solid-full.svg\"\n      },\n      \"Standard\": {\n        text: \"Um diese Funktion nutzen zu können, benötigst du eine <strong>Standard-Lizenz für Vaira</strong>. Du brauchst Beratung? Lass uns 10 Minuten zu deinen Bedürfnissen telefonieren.\",\n        icon: \"https://vaira.app/wp-content/uploads/2026/03/robot-solid-full.svg\"\n      },\n      \"Advanced\": {\n        text: \"Um diese Funktion nutzen zu können, benötigst du eine <strong>Advanced-Lizenz für Vaira</strong>. Du brauchst Beratung? Lass uns 10 Minuten zu deinen Bedürfnissen telefonieren.\",\n        icon: \"https://vaira.app/wp-content/uploads/2026/03/rocket-solid-full.svg\"\n      }\n    };\n\n\n    // Funktion zum Erstellen der Lizenz-Box\n    function erstelleLizenzBox(lizenzStufe, isInText = false) {\n      const container = document.createElement('a');\n      container.className = isInText ? 'lizenzHinweis intext' : 'lizenzHinweis';\n      container.href = \"https://vaira.app/rueckruf\";\n      container.target = \"_blank\";\n\n      const iconContainer = document.createElement('div');\n      iconContainer.className = isInText ? 'lizenzIcon intext' : 'lizenzIcon';\n      const icon = document.createElement('img');\n      icon.src = lizenzTexte[lizenzStufe].icon;\n      icon.alt = lizenzStufe + ' Lizenz-Icon';\n      iconContainer.appendChild(icon);\n\n      const textContainer = document.createElement('div');\n      textContainer.className = isInText ? 'lizenzBeschreibung intext' : 'lizenzBeschreibung';\n      textContainer.innerHTML = lizenzTexte[lizenzStufe].text;\n\n      container.appendChild(iconContainer);\n      container.appendChild(textContainer);\n\n      return container;\n    }\n\n    // Funktion zum Ersetzen aller Vorkommen im Textknoten\n    function ersetzeAlleLizenzTexte(node) {\n      const regex = /\\[Benötigte Lizenz: Vaira (Essential|Standard|Advanced)\\]/g;\n      let match;\n      let lastIndex = 0;\n      const fragment = document.createDocumentFragment();\n      let text = node.nodeValue;\n\n      while ((match = regex.exec(text)) !== null) {\n        // Text vor dem Match hinzufügen\n        if (match.index > lastIndex) {\n          fragment.appendChild(document.createTextNode(text.substring(lastIndex, match.index)));\n        }\n\n        // Lizenz-Box erstellen und einfügen\n        const lizenzStufe = match[1];\n        if (lizenzTexte[lizenzStufe]) {\n          fragment.appendChild(erstelleLizenzBox(lizenzStufe, true));\n        }\n\n        lastIndex = match.index + match[0].length;\n      }\n\n      // Restlichen Text hinzufügen\n      if (lastIndex < text.length) {\n        fragment.appendChild(document.createTextNode(text.substring(lastIndex)));\n      }\n\n      // Ersetze den ursprünglichen Textknoten durch das Fragment\n      if (fragment.childNodes.length > 0) {\n        node.parentNode.replaceChild(fragment, node);\n        return true; // Es gab eine Ersetzung\n      }\n      return false;\n    }\n\n    // Funktion zum Durchsuchen aller Textknoten in einem Element (rekursiv)\n    function durchsucheUndErsetzeInElement(element) {\n      const walker = document.createTreeWalker(\n        element,\n        NodeFilter.SHOW_TEXT,\n        null,\n        false\n      );\n\n      let node;\n      let hatErsetzung = false;\n\n      while (node = walker.nextNode()) {\n        if (node.nodeValue.includes('[Benötigte Lizenz: Vaira')) {\n          if (ersetzeAlleLizenzTexte(node)) {\n            hatErsetzung = true;\n          }\n        }\n      }\n\n      // Falls Ersetzungen stattfanden, erneut durchsuchen (für neue Textknoten)\n      if (hatErsetzung) {\n        durchsucheUndErsetzeInElement(element);\n      }\n    }\n\n    // 1. Schritt: h2-Elemente durchsuchen\n    const lizenzHinweise = document.querySelectorAll('h2.hs_cos_wrapper_type_inline_text_field');\n    lizenzHinweise.forEach(function(h2Element) {\n      const text = h2Element.textContent.trim();\n      if (text.startsWith('[Benötigte Lizenz: Vaira')) {\n        const lizenzStufe = text.replace('[Benötigte Lizenz: Vaira ', '').replace(']', '').trim();\n        if (lizenzTexte[lizenzStufe]) {\n          h2Element.replaceWith(erstelleLizenzBox(lizenzStufe));\n        }\n      }\n    });\n\n    // 2. Schritt: Fließtext in #hs_focus_mode durchsuchen\n    const focusMode = document.getElementById('hs_focus_mode');\n    if (focusMode) {\n      durchsucheUndErsetzeInElement(focusMode);\n    }\n  });"}]},{"tag":"style","children":[{"tag":"#text","text":":root {\n    --uilib-color-inherit: inherit;\n    --uilib-color-current: currentColor;\n    --uilib-color-transparent: transparent;\n    --uilib-color-black: #000;\n    --uilib-color-white: #fff;\n\n    --uilib-color-gray-50: hsl(0 0% 98%);\n    --uilib-color-gray-100: hsl(0 0% 96%);\n    --uilib-color-gray-200: hsl(0 0% 90%);\n    --uilib-color-gray-300: hsl(0 0% 83%);\n    --uilib-color-gray-400: hsl(0 0% 72%);\n    --uilib-color-gray-500: hsl(0 0% 45%);\n    --uilib-color-gray-600: hsl(0 0% 32%);\n    --uilib-color-gray-700: hsl(0 0% 25%);\n    --uilib-color-gray-800: hsl(0 0% 15%);\n    --uilib-color-gray-900: hsl(0 0% 9%);\n    --uilib-color-gray-background-default: var(--uilib-color-gray-500);\n\n    --uilib-color-red-100: #fee2e2;\n    --uilib-color-red-200: #fecaca;\n    --uilib-color-red-300: #fca5a5;\n    --uilib-color-red-400: #f87171;\n    --uilib-color-red-500: #eb1414;\n    --uilib-color-red-600: #dc2626;\n    --uilib-color-red-700: #b91c1c;\n    --uilib-color-red-800: #991b1b;\n    --uilib-color-red-900: #7f1d1d;\n    --uilib-color-red-background-default: var(--uilib-color-red-500);\n\n    --uilib-color-orange-20: #fffaf5;\n    --uilib-color-orange-50: #fff7ed;\n    --uilib-color-orange-100: #ffedd5;\n    --uilib-color-orange-200: #fed7aa;\n    --uilib-color-orange-300: #fdba74;\n    --uilib-color-orange-400: #fb923c;\n    --uilib-color-orange-500: #f97316;\n    --uilib-color-orange-600: #ea580c;\n    --uilib-color-orange-700: #c2410c;\n    --uilib-color-orange-800: #9a3412;\n    --uilib-color-orange-900: #7c2d12;\n    --uilib-color-orange-background-default: var(--uilib-color-orange-500);\n\n    --uilib-color-amber-100: #fef3c7;\n    --uilib-color-amber-200: #fde68a;\n    --uilib-color-amber-300: #fcd34d;\n    --uilib-color-amber-400: #fbbf24;\n    --uilib-color-amber-500: #f59e0b;\n    --uilib-color-amber-600: #d97706;\n    --uilib-color-amber-700: #b45309;\n    --uilib-color-amber-800: #92400e;\n    --uilib-color-amber-900: #78350f;\n    --uilib-color-amber-background-default: var(--uilib-color-amber-500);\n\n    --uilib-color-yellow-100: #fef9c3;\n    --uilib-color-yellow-200: #fef08a;\n    --uilib-color-yellow-300: #fde047;\n    --uilib-color-yellow-400: #facc15;\n    --uilib-color-yellow-500: #eab308;\n    --uilib-color-yellow-600: #ca8a04;\n    --uilib-color-yellow-700: #a16207;\n    --uilib-color-yellow-800: #854d0e;\n    --uilib-color-yellow-900: #713f12;\n    --uilib-color-yellow-background-default: var(--uilib-color-yellow-500);\n\n    --uilib-color-lime-100: #ecfccb;\n    --uilib-color-lime-200: #d9f99d;\n    --uilib-color-lime-300: #bef264;\n    --uilib-color-lime-400: #a3e635;\n    --uilib-color-lime-500: #84cc16;\n    --uilib-color-lime-600: #65a30d;\n    --uilib-color-lime-700: #4d7c0f;\n    --uilib-color-lime-800: #3f6212;\n    --uilib-color-lime-900: #365314;\n    --uilib-color-lime-background-default: var(--uilib-color-lime-500);\n\n    --uilib-color-green-100: #c1f5d4;\n    --uilib-color-green-200: #84ebaa;\n    --uilib-color-green-300: #46e27f;\n    --uilib-color-green-400: #1fc25b;\n    --uilib-color-green-500: #15843e;\n    --uilib-color-green-600: #116a31;\n    --uilib-color-green-700: #0d4f25;\n    --uilib-color-green-800: #083519;\n    --uilib-color-green-900: #041a0c;\n    --uilib-color-green-background-default: var(--uilib-color-green-500);\n\n    --uilib-color-emerald-100: #d1fae5;\n    --uilib-color-emerald-200: #a7f3d0;\n    --uilib-color-emerald-300: #6ee7b7;\n    --uilib-color-emerald-400: #34d399;\n    --uilib-color-emerald-500: #10b981;\n    --uilib-color-emerald-600: #059669;\n    --uilib-color-emerald-700: #047857;\n    --uilib-color-emerald-800: #065f46;\n    --uilib-color-emerald-900: #064e3b;\n    --uilib-color-emerald-background-default: var(--uilib-color-emerald-500);\n\n    --uilib-color-teal-100: #ccfbf1;\n    --uilib-color-teal-200: #99f6e4;\n    --uilib-color-teal-300: #5eead4;\n    --uilib-color-teal-400: #2dd4bf;\n    --uilib-color-teal-500: #14b8a6;\n    --uilib-color-teal-600: #0d9488;\n    --uilib-color-teal-700: #0f766e;\n    --uilib-color-teal-800: #115e59;\n    --uilib-color-teal-900: #134e4a;\n    --uilib-color-teal-background-default: var(--uilib-color-teal-500);\n\n    --uilib-color-cyan-100: #cffafe;\n    --uilib-color-cyan-200: #a5f3fc;\n    --uilib-color-cyan-300: #67e8f9;\n    --uilib-color-cyan-400: #22d3ee;\n    --uilib-color-cyan-500: #06b6d4;\n    --uilib-color-cyan-600: #0891b2;\n    --uilib-color-cyan-700: #0e7490;\n    --uilib-color-cyan-800: #155e75;\n    --uilib-color-cyan-900: #164e63;\n    --uilib-color-cyan-background-default: var(--uilib-color-cyan-500);\n\n    --uilib-color-sky-100: #e0f2fe;\n    --uilib-color-sky-200: #bae6fd;\n    --uilib-color-sky-300: #7dd3fc;\n    --uilib-color-sky-400: #38bdf8;\n    --uilib-color-sky-500: #0ea5e9;\n    --uilib-color-sky-600: #0284c7;\n    --uilib-color-sky-700: #0369a1;\n    --uilib-color-sky-800: #075985;\n    --uilib-color-sky-900: #0c4a6e;\n    --uilib-color-sky-background-default: var(--uilib-color-sky-500);\n\n    --uilib-color-blue-100: #dbeafe;\n    --uilib-color-blue-200: #bfdbfe;\n    --uilib-color-blue-300: #93c5fd;\n    --uilib-color-blue-400: #60a5fa;\n    --uilib-color-blue-500: #3b82f6;\n    --uilib-color-blue-600: #2563eb;\n    --uilib-color-blue-700: #1d4ed8;\n    --uilib-color-blue-800: #1e40af;\n    --uilib-color-blue-900: #1e3a8a;\n    --uilib-color-blue-background-default: var(--uilib-color-blue-500);\n\n    --uilib-color-indigo-100: #e0e7ff;\n    --uilib-color-indigo-200: #c7d2fe;\n    --uilib-color-indigo-300: #a5b4fc;\n    --uilib-color-indigo-400: #818cf8;\n    --uilib-color-indigo-500: #6366f1;\n    --uilib-color-indigo-600: #4f46e5;\n    --uilib-color-indigo-700: #4338ca;\n    --uilib-color-indigo-800: #3730a3;\n    --uilib-color-indigo-900: #312e81;\n    --uilib-color-indigo-background-default: var(--uilib-color-indigo-500);\n\n    --uilib-color-violet-100: #ede9fe;\n    --uilib-color-violet-200: #ddd6fe;\n    --uilib-color-violet-300: #c4b5fd;\n    --uilib-color-violet-400: #a78bfa;\n    --uilib-color-violet-500: #8b5cf6;\n    --uilib-color-violet-600: #7c3aed;\n    --uilib-color-violet-700: #6d28d9;\n    --uilib-color-violet-800: #5b21b6;\n    --uilib-color-violet-900: #4c1d95;\n    --uilib-color-violet-background-default: var(--uilib-color-violet-500);\n\n    --uilib-color-purple-100: #f3e8ff;\n    --uilib-color-purple-200: #e9d5ff;\n    --uilib-color-purple-300: #d8b4fe;\n    --uilib-color-purple-400: #c084fc;\n    --uilib-color-purple-500: #a855f7;\n    --uilib-color-purple-600: #9333ea;\n    --uilib-color-purple-700: #7e22ce;\n    --uilib-color-purple-800: #6b21a8;\n    --uilib-color-purple-900: #581c87;\n    --uilib-color-purple-background-default: var(--uilib-color-purple-500);\n\n    --uilib-color-fuchsia-100: #fae8ff;\n    --uilib-color-fuchsia-200: #f5d0fe;\n    --uilib-color-fuchsia-300: #f0abfc;\n    --uilib-color-fuchsia-400: #e879f9;\n    --uilib-color-fuchsia-500: #d946ef;\n    --uilib-color-fuchsia-600: #c026d3;\n    --uilib-color-fuchsia-700: #a21caf;\n    --uilib-color-fuchsia-800: #86198f;\n    --uilib-color-fuchsia-900: #701a75;\n    --uilib-color-fuchsia-background-default: var(--uilib-color-fuchsia-500);\n\n    --uilib-color-pink-100: #fce7f3;\n    --uilib-color-pink-200: #fbcfe8;\n    --uilib-color-pink-300: #f9a8d4;\n    --uilib-color-pink-400: #f472b6;\n    --uilib-color-pink-500: #ec4899;\n    --uilib-color-pink-600: #db2777;\n    --uilib-color-pink-700: #be185d;\n    --uilib-color-pink-800: #9d174d;\n    --uilib-color-pink-900: #831843;\n    --uilib-color-pink-background-default: var(--uilib-color-pink-500);\n\n    --uilib-color-rose-100: #ffe4e6;\n    --uilib-color-rose-200: #fecdd3;\n    --uilib-color-rose-300: #fda4af;\n    --uilib-color-rose-400: #fb7185;\n    --uilib-color-rose-500: #f43f5e;\n    --uilib-color-rose-600: #e11d48;\n    --uilib-color-rose-700: #be123c;\n    --uilib-color-rose-800: #9f1239;\n    --uilib-color-rose-900: #881337;\n    --uilib-color-rose-background-default: var(--uilib-color-rose-500);\n\n    --uilib-color-accent-100: var(--uilib-color-amber-100);\n    --uilib-color-accent-200: var(--uilib-color-amber-200);\n    --uilib-color-accent-300: var(--uilib-color-amber-300);\n    --uilib-color-accent-400: var(--uilib-color-amber-400);\n    --uilib-color-accent-500: var(--uilib-color-amber-500);\n    --uilib-color-accent-600: var(--uilib-color-amber-600);\n    --uilib-color-accent-700: var(--uilib-color-amber-700);\n    --uilib-color-accent-800: var(--uilib-color-amber-800);\n    --uilib-color-accent-900: var(--uilib-color-amber-900);\n    --uilib-color-accent-background-default: var(--uilib-color-accent-500);\n    --uilib-color-accent-background-hover: var(--uilib-color-accent-600);\n    --uilib-color-accent-background-key-focus: var(--uilib-color-accent-600);\n    --uilib-color-accent-background-down: var(--uilib-color-accent-700);\n\n    --uilib-color-neutral-background-default: var(--uilib-color-gray-500);\n\n    --uilib-color-informative-100: var(--uilib-color-blue-100);\n    --uilib-color-informative-200: var(--uilib-color-blue-200);\n    --uilib-color-informative-300: var(--uilib-color-blue-300);\n    --uilib-color-informative-400: var(--uilib-color-blue-400);\n    --uilib-color-informative-500: var(--uilib-color-blue-500);\n    --uilib-color-informative-600: var(--uilib-color-blue-600);\n    --uilib-color-informative-700: var(--uilib-color-blue-700);\n    --uilib-color-informative-800: var(--uilib-color-blue-800);\n    --uilib-color-informative-900: var(--uilib-color-blue-900);\n    --uilib-color-informative-background-default: var(--uilib-color-informative-500);\n    --uilib-color-informative-background-hover: var(--uilib-color-informative-600);\n    --uilib-color-informative-background-key-focus: var(--uilib-color-informative-600);\n    --uilib-color-informative-background-down: var(--uilib-color-informative-700);\n\n    --uilib-color-negative-100: var(--uilib-color-red-100);\n    --uilib-color-negative-200: var(--uilib-color-red-200);\n    --uilib-color-negative-300: var(--uilib-color-red-300);\n    --uilib-color-negative-400: var(--uilib-color-red-400);\n    --uilib-color-negative-500: var(--uilib-color-red-500);\n    --uilib-color-negative-600: var(--uilib-color-red-600);\n    --uilib-color-negative-700: var(--uilib-color-red-700);\n    --uilib-color-negative-800: var(--uilib-color-red-800);\n    --uilib-color-negative-900: var(--uilib-color-red-900);\n    --uilib-color-negative-background-default: var(--uilib-color-negative-500);\n    --uilib-color-negative-background-hover: var(--uilib-color-negative-600);\n    --uilib-color-negative-background-key-focus: var(--uilib-color-negative-600);\n    --uilib-color-negative-background-down: var(--uilib-color-negative-700);\n\n    --uilib-color-notice-100: var(--uilib-color-orange-100);\n    --uilib-color-notice-200: var(--uilib-color-orange-200);\n    --uilib-color-notice-300: var(--uilib-color-orange-300);\n    --uilib-color-notice-400: var(--uilib-color-orange-400);\n    --uilib-color-notice-500: var(--uilib-color-orange-500);\n    --uilib-color-notice-600: var(--uilib-color-orange-600);\n    --uilib-color-notice-700: var(--uilib-color-orange-700);\n    --uilib-color-notice-800: var(--uilib-color-orange-800);\n    --uilib-color-notice-900: var(--uilib-color-orange-900);\n    --uilib-color-notice-background-default: var(--uilib-color-notice-500);\n    --uilib-color-notice-background-hover: var(--uilib-color-notice-600);\n    --uilib-color-notice-background-key-focus: var(--uilib-color-notice-600);\n    --uilib-color-notice-background-down: var(--uilib-color-notice-700);\n\n    --uilib-color-positive-100: var(--uilib-color-green-100);\n    --uilib-color-positive-200: var(--uilib-color-green-200);\n    --uilib-color-positive-300: var(--uilib-color-green-300);\n    --uilib-color-positive-400: var(--uilib-color-green-400);\n    --uilib-color-positive-500: var(--uilib-color-green-500);\n    --uilib-color-positive-600: var(--uilib-color-green-600);\n    --uilib-color-positive-700: var(--uilib-color-green-700);\n    --uilib-color-positive-800: var(--uilib-color-green-800);\n    --uilib-color-positive-900: var(--uilib-color-green-900);\n    --uilib-color-positive-background-default: var(--uilib-color-positive-500);\n    --uilib-color-positive-background-hover: var(--uilib-color-positive-600);\n    --uilib-color-positive-background-key-focus: var(--uilib-color-positive-600);\n    --uilib-color-positive-background-down: var(--uilib-color-positive-700);\n\n    --uilib-color-transparent-black-50: hsl(0 0% 0% / 0.02);\n    --uilib-color-transparent-black-100: hsl(0 0% 0% / 0.04);\n    --uilib-color-transparent-black-200: hsl(0 0% 0% / 0.1);\n    --uilib-color-transparent-black-300: hsl(0 0% 0% / 0.17);\n    --uilib-color-transparent-black-400: hsl(0 0% 0% / 0.28);\n    --uilib-color-transparent-black-500: hsl(0 0% 0% / 0.55);\n    --uilib-color-transparent-black-600: hsl(0 0% 0% / 0.68);\n    --uilib-color-transparent-black-700: hsl(0 0% 0% / 0.75);\n    --uilib-color-transparent-black-800: hsl(0 0% 0% / 0.85);\n    --uilib-color-transparent-black-900: hsl(0 0% 0% / 0.91);\n\n    --uilib-color-transparent-white-50: hsl(0 0% 100% / 0.02);\n    --uilib-color-transparent-white-100: hsl(0 0% 100% / 0.04);\n    --uilib-color-transparent-white-200: hsl(0 0% 100% / 0.1);\n    --uilib-color-transparent-white-300: hsl(0 0% 100% / 0.17);\n    --uilib-color-transparent-white-400: hsl(0 0% 100% / 0.28);\n    --uilib-color-transparent-white-500: hsl(0 0% 100% / 0.55);\n    --uilib-color-transparent-white-600: hsl(0 0% 100% / 0.68);\n    --uilib-color-transparent-white-700: hsl(0 0% 100% / 0.75);\n    --uilib-color-transparent-white-800: hsl(0 0% 100% / 0.85);\n    --uilib-color-transparent-white-900: hsl(0 0% 100% / 0.91);\n\n    --uilib-color-link-text-default: var(--uilib-color-blue-500);\n\n    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n    --main-bg-color: white;\n    --main-box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --main-box-shadow-hover: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    --main-border-radius: 14px;\n    --main-border: none;\n    --main-hover-transform: scale(1.1);\n    --main-transition: all .2s ease-in-out;\n}\n\n/* Version 3 – */\nbody .hs-kb-home-list--tiles .hs-kb-home-list__category {\n    border-radius: var(--main-border-radius)!important;\n    border: var(--main-border)!important;\n    box-shadow: 0px 0px 10px 0.2px #02001d22!important;\n    transition: var(--main-transition)!important;\n    cursor: pointer!important;\n    align-items: center!important;\n    display: flex!important;\n    padding: 1rem!important;\n    margin-top: 1rem;\n}\n\nbody .hs-kb-home-list--tiles .hs-kb-home-list__category:hover {\n    box-shadow: var(--main-box-shadow-hover)!important;\n}\n\n.hs-kb-home-list__category:hover {\n    transform: var(--main-hover-transform);\n}\n\n.hs-kb-home-list__category a:hover {\n    text-decoration: none;\n}\n\nfooter hr {\n    display: none;\n}\n\n.footer {\n    display: flex;\n    flex-flow: row;\n    text-align: center;\n    width: 100%;\n}\n\n.footer__bottom {\n    display: flex;\n    flex-wrap: wrap;\n    margin: auto;\n}\n\n.footer__bottom--left {\n    width: 100%;\n}\n\n.footer__bottom--right {\n    width: 100%;\n}\n\n#hs_cos_wrapper_footer_copyright_ div {\n    text-align: center!important;\n}\n\n/* Form-Container bleibt flex (aber Spaltenanordnung) */\n.hs-search-field__form {\n    display: flex;\n    flex-direction: column;\n}\n\n.hs-search-field__label {\n    margin-bottom: 8px;\n}\n\n/* Der Wrapper für Input und Button */\n.hs-search-field__input-button-wrapper {\n    display: flex!important;\n    align-items: center!important;\n    margin: 1rem 0 4rem 0!important;\n    background-color: #fff!important;\n    align-self: center!important;\n    min-width: 80%!important;\n    max-width: 100%!important;\n}\n\n.hs-search-field__input-button-wrapper input {\n    padding: 1.5rem;\n    border-radius: 14px;\n}\n\n.hs-search-field__suggestions-container {\n    align-self: center;\n    min-width: 80%;\n    max-width: 100%;\n    top: 4rem;\n    z-index: 20;\n}\n\n@media screen and (min-width: 900px) {\n    .hs-search-field__input-button-wrapper,\n    .hs-search-field__suggestions-container {\n        min-width: 600px;\n        max-width: 600px;\n    }\n}\n\n.hs-search-field--open .hs-search-field__suggestions-container ul {\n    border-radius: 0 0 14px 14px!important;\n    box-shadow: 0rem 1.5rem 14px 14px #02001d33!important;\n}\n\n/* Input-Feld flexibel */\n.hs-search-field__input {\n    flex-grow: 1;\n    border: none;\n    outline: none;\n    padding: 8px 12px;\n    font-size: 16px;\n}\n\n/* Button Styling */\n.hs-search-field__button {\n    background: none;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n}\n\nul li[aria-setsize=\"0\"] {\n\tcolor: #02001d !important;\n    background-color: #f2940055 !important;\n    position: relative;\n    top: 6rem;\n    text-align: center;\n    font-size: 1rem;\n    border-radius: 14px;\n    box-shadow: 0px 0px 10px 0px #f2940055;\n    padding: 1rem !important;\n}\n  \n  ul#autocomplete-results {\n  \tpadding:0!important;\n  }\n\n/* Fokus-Effekt für den gesamten Input-Button-Wrap */\n.hs-search-field__input-button-wrapper:focus-within {\n    /*box-shadow: 0 4px 12px rgba(0, 128, 255, 0.3);*/\n}\n\n/* Entfernt die Standard-Umrandung beim Fokus */\n.hs-search-field__input {\n    border: none;\n    outline: none !important;\n}\n\n.hs-kb-search-input-wrapper {\n    padding-bottom: 0px;\n}\n\nlabel.hs-search-field__label {\n    text-align: center;\n}\n\n#hs_cos_wrapper_knowledgebase_category_listing {\n    padding-bottom: 5rem;\n}\n\n.hs-kb-content {\n    padding-bottom: 5rem;\n}\n\n#hs_cos_wrapper_hs_kb-search-input-module .hs-search-field--open .hs-search-field__suggestions {\n    border-radius: var(--main-border-radius);\n    border: none;\n    padding: 1rem 0.5rem;\n}\n\nli.results-for {\n    margin-bottom: 0.5rem!important;\n    color: #f29400;\n}\n\n#autocomplete-results li {\n    margin: 0.75rem 0!important;\n}\n\n#main-content {\n    margin: 0 0 3rem 0;\n}\n\n#hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__suggestions {\n    padding: 0;\n}\n\ndiv.hs-kb-home-list.hs-kb-home-list--tiles {\n    padding-top: 0!important;\n}\n\ndiv.globe_class {\n    display: none!important;\n}\n\nul.hs-search-results__listing {\n    margin: 0 0 2rem 0!important;\n}\n\n.footer .footer__bottom {\n    border-top: none!important;\n}\n\n.hs_cos_wrapper_type_inline_richtext_field a {\n    text-decoration: none!important;\n}\n\n.hs_cos_wrapper_type_inline_richtext_field a:hover {\n    text-decoration: underline!important;\n}\n\n/* Suchergebnis-Seite */\n#hs_cos_wrapper_kb-search_results .hs-search-results__title h2 {\n    margin: 0;\n}\n\n.hs-search-results__listing {\n    gap: 0;\n}\n\n.hs-search-results__content {\n    margin: 1rem 0 0rem 0;\n}\n\n#hs_cos_wrapper_kb-search_results .hs-search-results__title {\n    font-size: 1.2rem;\n    line-height: 1.5rem;\n    margin: 0 0 0.2rem 0;\n}\n\n  .hs-kb-category_accordion_nav_list {\n    --bg-color-active: rgb(from var(--accent-color) r g b / 10%);\n    --toggle-icon-color: #33475b;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n  \n  .hs-kb-category_accordion_nav_list_item {\n  \tmargin: 0;\n  }\n  \n   .hs-kb-category_accordion_nav_list_item a {\n  \tfont-size: 0.9rem;\n    font-weight:400;   \n  }\n  \n     .hs-kb-category_accordion_nav_list_item a:hover {\n  \ttext-decoration:underline!important;\n    font-weight:400!important;\n  }\n  \n  .hs-kb-category-accordion_link {\n    color: black !important;\n    text-decoration: none !important;\n    font-weight: normal !important;\n    display: block;\n    box-sizing: border-box;\n    padding: 10px 20px;\n  }\n  \n\n  .hs_cos_wrapper_type_inline_richtext_field p a{\n  \tcolor: rgb(255, 126, 5)!important;\n  }\n  \n  .hs_cos_wrapper_type_inline_richtext_field ul a{\n  \tcolor: rgb(255, 126, 5);\n  }\n  \n  .hs_cos_wrapper_type_inline_richtext_field ol a{\n  \tcolor: rgb(153, 153, 153);\n    font-weight: 400;\n    text-decoration: underline !important;\n  }\n  \n   .hs_cos_wrapper_type_inline_richtext_field ol a:hover{\n  \tcolor: rgb(255, 126, 5);\n  }\n\n\nbody[class*=\"kb-\"] a.hs-kb-category-article-list__link {\n    text-decoration: none!important;\n    color: #3b82f6!important;\n    line-height: 1rem;\n}\n\nbody[class*=\"kb-\"] a.hs-kb-category-article-list__link:hover {\n    text-decoration: underline!important;\n    color: #2563eb!important;\n}\n\nbody[class*=\"kb-\"] a.hs-kb-category-article-list li {\n    margin: 1rem 0 0 0;\n}\n\n#main-content li {\n    margin-left:0;\n  \tmargin-right:0;\n    font-size: 1rem;\n}\n\n.hs_cos_wrapper_type_inline_richtext_field {\n    font-size: 1rem;\n    line-height: 1.6rem;\n}\n  \n#main-content p {\n    font-size: 1rem;\n    line-height: 1.6rem;\n}\n\n#main-content h1 {\n    font-size: 2rem;\n    line-height: 2.4rem;\n    margin: 1rem 0 1rem 0;\n}\n\n#main-content h2 {\n    font-size: 1rem;\n    line-height: 1.4rem;\n    margin: 0 0 1rem 0;\n}\n\n#main-content h3 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n    margin: 0 0 1rem 0;\n}\n\n#main-content h4 {\n    font-size: 1.2rem;\n    line-height: 1.8rem;\n    margin: 0 0 1rem 0;\n}\n\n#main-content div.hs-search-hidden > time {\n    font-size: 0.8rem;\n    line-height: 1rem;\n    margin: 0;\n}\n  \n.hs-kb-breadcrumb_item a, .hs-kb-breadcrumb_item::after {\n    font-size: 0.8rem;\n    color: #000;\n    font-weight: 400 !important;\n    font-style: italic;\n  }\n  \n  .hs-kb-breadcrumb_item a:hover {\n  \ttext-decoration: underline;\n    color:#FF7E05;\n  }\n\n  .lizenzlink,\n  .lizenzlink:hover {\n  \tcolor:rgb(255, 126, 5);\n  }\n  \n  /*\n  .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row h2 {\n    padding: 2rem 4rem;\n    margin: 2rem 0 3rem !important;\n    text-align: center;\n    border-radius: 14px;\n    box-shadow: 0px 0px 14px 0px #00000055;\n    font-weight: 400;\n  }\n  */\n  \n   .lizenzHinweis {\n    display:flex;\n    padding: 2rem 4rem 2rem 2rem;\n    margin: 2rem 0 3rem !important;\n    text-align: left;\n    border-radius: 14px;\n    box-shadow: 0px 0px 14px 0px #00000055;\n    font-weight: 400;\n    gap: 1rem;\n    align-items:center;\n    font-size:1rem;\n    text-decoration: none!important;\n    color: #02001d!important;\n    font-weight: 400!important;\n    transition: transform 0.3s ease;\n  }\n  \n  .lizenzHinweis.intext {\n  \tmax-width:90%;\n    margin: 1rem 2rem!important;\n  }\n  \n   .lizenzHinweis:hover {\n    transform:scale(1.05);\n  }\n  \n  .lizenzIcon img {\n  \twidth:100px;\n  }\n  \n  .lizenzHinweis.intext .lizenzIcon img {\n  \twidth: 75px;\n  }\n  \n  .lizenzBeschreibung {\n  \ttext-decoration: none!important;\n    color: #02001d!important;\n    font-weight: 400!important;\n  }\n \n  a.lizenzHinweis.intext {\n  \ttext-decoration: none!important;\n  }"}]},{"tag":"meta","attributes":{"property":"og:url","content":"https://support.vaira.app/hs/portals/customer-portal-app/brand"}},{"tag":"meta","attributes":{"http-equiv":"content-language","content":"de"}}],"footerElements":[{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"}},{"tag":"script","children":[{"tag":"#text","text":"var _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/support.vaira.app\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"458358917335\"]);\n_hsq.push([\"setContentMetadata\", {\n    \"contentPageId\": 458358917335,\n    \"legacyPageId\": \"458358917335\",\n    \"contentFolderId\": null,\n    \"contentGroupId\": null,\n    \"abTestId\": null,\n    \"languageVariantId\": 458358917335,\n    \"languageCode\": \"de\",\n    \n    \n}]);"}],"attributes":{"type":"text/javascript"}},{"tag":"script","id":"hs-script-loader","attributes":{"async":"","defer":"","src":"/hs/scriptloader/6808921.js","type":"text/javascript"}},{"tag":"script","children":[{"tag":"#text","text":"var hsVars = {\n    render_id: \"a73f405a-809e-485b-8e6a-faefb81e4c63\",\n    ticks: 1787553783378,\n    page_id: 458358917335,\n    \n    content_group_id: 0,\n    portal_id: 6808921,\n    app_hs_base_url: \"https://app-eu1.hubspot.com\",\n    cp_hs_base_url: \"https://cp-eu1.hubspot.com\",\n    language: \"de\",\n    analytics_page_type: \"app-page\",\n    scp_content_type: \"\",\n    \n    analytics_page_id: \"458358917335\",\n    category_id: 20,\n    folder_id: 0,\n    is_hubspot_user: false\n}"}],"attributes":{"type":"text/javascript"}},{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"}}]}