{"id":6101,"date":"2025-07-17T21:33:31","date_gmt":"2025-07-17T21:33:31","guid":{"rendered":"https:\/\/visionbridge.eu\/?page_id=6101"},"modified":"2026-02-18T11:20:33","modified_gmt":"2026-02-18T11:20:33","slug":"home-ai","status":"publish","type":"page","link":"https:\/\/visionbridge.eu\/?page_id=6101","title":{"rendered":"home-ai"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6101\" class=\"elementor elementor-6101\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1e1467 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"f1e1467\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d8db243 e-con-full e-flex e-con e-child\" data-id=\"d8db243\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aedaaf0 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"aedaaf0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:1000}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/visionbridge.eu\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1523\" height=\"211\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/09\/white_version2_150.png\" class=\"attachment-large size-large wp-image-4830\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-840ecbe e-con-full e-grid e-con e-child\" data-id=\"840ecbe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-538862f animated-fast desk-links elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"538862f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/services\">services<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e881567 animated-fast desk-links elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e881567\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/work\">work<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f73b489 animated-fast desk-links elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f73b489\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/apps\">apps<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a7b0ca animated-fast desk-links elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4a7b0ca\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:1500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/contact\">contact<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a48ee1e e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"a48ee1e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0402a17 elementor-widget elementor-widget-html\" data-id=\"0402a17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<head>\n    <script>\n        if ('scrollRestoration' in history) {\n            history.scrollRestoration = 'manual';\n        }\n\n        window.addEventListener('beforeunload', function () {\n            window.scrollTo(0, 0);\n        });\n    <\/script>\n<\/head>\n\n<div class=\"selector-top\"><\/div> <!-- Dieser Abschnitt schrumpft von oben nach unten -->\n<header class=\"header\" id=\"header\" class=\"visible\"> <!-- Added visible class initially -->\n    <div class=\"nav-content\" id=\"nav-content\">\n        <div class=\"logo\">\n            <img decoding=\"async\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/09\/logo_browser.png\" alt=\"Visionbridge Logo\" class=\"logo-img\">\n            <a href=\"\/\" class='vb_text'>\n                visionbridge\n            <\/a>\n        <\/div>\n        <div class=\"menu\">\n            <a href=\"#\" id=\"menu-toggle\" class=\"heading-menu\">menu<\/a>\n        <\/div>\n    <\/div>\n    <div class=\"menu-items\" id=\"menu-items\">\n        <ul>\n            <li><a href=\"\/services\">services<\/a><\/li>\n            <li><a href=\"\/work\">work<\/a><\/li>\n            <li><a href=\"\/apps\">apps<\/a><\/li>\n            <li><a href=\"\/contact\">contact<\/a><\/li>\n        <\/ul>\n        <div class=\"close\">\n            <a href=\"#\" id=\"close-toggle\">close<\/a>\n        <\/div>\n    <\/div>\n<\/header>\n<div class=\"selector\"><\/div> <!-- Dieser Abschnitt schrumpft von unten nach oben -->\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const header      = document.getElementById('header');\n        const menuToggle  = document.getElementById('menu-toggle');\n        const closeToggle = document.getElementById('close-toggle');\n        const navContent  = document.getElementById('nav-content');\n        const menuItems   = document.getElementById('menu-items');\n\n        \/\/ Header is already visible by default\n        header.classList.add('visible');\n\n        \/\/ Simulate menu open\/close instantly on load to prime the animation\n        menuToggle.click();\n        setTimeout(() => {\n            closeToggle.click();\n        }, 0); \/\/ Minimal delay to allow open animation to start before closing\n\n        \/\/ Men\u00fc-Open\/Close Logik\n        function simulateMenuClicks() {\n            menuToggle.addEventListener('click', (e) => {\n                e.preventDefault();\n                header.classList.add('is-open');\n                setTimeout(() => {\n                    navContent.style.display = 'none';\n                    menuItems.style.display  = 'flex';\n                }, 500);\n            });\n            closeToggle.addEventListener('click', (e) => {\n                e.preventDefault();\n                menuItems.style.display  = 'none';\n                navContent.style.display = 'flex';\n                setTimeout(() => {\n                    header.classList.remove('is-open');\n                }, 50);\n            });\n        }\n        simulateMenuClicks();\n\n        \/\/ Scroll-Handler (only hide when scrolling down, keep visible at top)\n        let lastY = window.pageYOffset;\n        window.addEventListener('scroll', () => {\n            const currentY = window.pageYOffset;\n            if (currentY < lastY) {\n                header.classList.add('visible');\n            } else if (currentY > 0) {\n                header.classList.remove('visible');\n            }\n            lastY = currentY;\n        });\n\n        \/\/ Ensure header stays visible at top on load\n        if (window.pageYOffset === 0) {\n            header.classList.add('visible');\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd51c00 e-con-full elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"dd51c00\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-661e293 elementor-widget elementor-widget-html\" data-id=\"661e293\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<head>\n\t<link rel=\"stylesheet\" href=\"\/wp-content\/themes\/hello-elementor-child\/assets\/css\/style.css\">\n<\/head>\n\n<body>\n\t<div class=\"HomeHeader Background Background--darker\">\n\t\t<div class=\"Container\">\n\t\t\t<h1 class=\"Heading Heading--main HomeHeader-title js-homeHeader\">Als \u00d6sterreichs f\u00fchrende Adresse f\u00fcr Automatisierung, KI-Anbindung und App-Entwicklung liefert VisionBridge ma\u00dfgeschneiderte L\u00f6sungen \u2013 von nahtloser ChatGPT-Integration bis hin zu vollautomatisierten Gesch\u00e4ftsprozessen. Unsere Expertise steigert Ihre Effizienz, entlastet Ihr Team und optimiert jeden Ihrer Workflows. Vertrauen Sie auf echte Innovation \u201eMade in Vienna\u201d und gestalten Sie mit uns die Zukunft Ihres Unternehmens.<\/h1>\n\t\t<\/div>\n\n\t<script src=\"\/wp-content\/themes\/hello-elementor-child\/assets\/js\/function_v1.js\"><\/script>\n\t<script src=\"\/wp-content\/themes\/hello-elementor-child\/assets\/js\/app_vision.js\"><\/script>\n\t<script>\n\t\tdocument.addEventListener('DOMContentLoaded', function() {\n\t\t\tconst homeHeader = document.querySelector('.HomeHeader');\n\t\t\tif (homeHeader) {\n\t\t\t\thomeHeader.style.overflowY = 'hidden';\n\t\t\t}\n\t\t});\n\t<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92fb85d e-con-full e-flex e-con e-parent\" data-id=\"92fb85d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-118a735 elementor-widget elementor-widget-html\" data-id=\"118a735\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>VisionBridge - KI-Revolution aus Wien<\/title>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r134\/three.min.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n  <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n\n\n<div class=\"about-us-section\" id=\"about-us\">\n  <div class=\"about-bg-parallax\"><\/div>\n  <div class=\"about-content\">\n    <h2 class=\"section-title\" data-aos=\"fade-up\">\u00dcber Uns<\/h2>\n    <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"100\">Pioniere. Sch\u00f6pfer. Zukunftsgestalter.<\/p>\n    <div class=\"about-grid\">\n      <div class=\"about-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n        <h3>Unsere Mission<\/h3>\n        <p>Wir bef\u00e4higen Unternehmen und Einzelpersonen, indem wir innovative digitale L\u00f6sungen schaffen, die Grenzen \u00fcberschreiten und neue M\u00f6glichkeiten er\u00f6ffnen.<\/p>\n      <\/div>\n      <div class=\"about-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n        <h3>Unsere Vision<\/h3>\n        <p>Die digitale Revolution anf\u00fchren mit innovativen Apps, kreativen Plattformen und unvergleichlichen Dienstleistungen, die inspirieren und verbinden.<\/p>\n      <\/div>\n      <div class=\"about-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n        <h3>Unser Einfluss<\/h3>\n        <p>Von im App Store ver\u00f6ffentlichten Apps bis hin zu interaktiven Wallet-Card-Erlebnissen \u2013 wir verwandeln Ideen mit Stil und Pr\u00e4zision in Realit\u00e4t.<\/p>\n      <\/div>\n    <\/div>\n    <a href=\"\/services\" class=\"cta-button\" data-aos=\"fade-up\" data-aos-delay=\"500\">Unsere Dienstleistungen entdecken<\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* About Us Section *\/\n.about-us-section {\n  position: relative;\n  padding: 6rem 2rem;\n  background: linear-gradient(to bottom, #390879, #1E0447); \/* Vertical gradient from main blue to darker blue *\/\n  min-height: 110vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.about-bg-parallax {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><g stroke=\"%23B8DF10\" stroke-width=\"0.5\" opacity=\"0.15\"><line x1=\"0\" y1=\"0\" x2=\"100\" y2=\"0\" \/><line x1=\"0\" y1=\"20\" x2=\"100\" y2=\"20\" \/><line x1=\"0\" y1=\"40\" x2=\"100\" y2=\"40\" \/><line x1=\"0\" y1=\"60\" x2=\"100\" y2=\"60\" \/><line x1=\"0\" y1=\"80\" x2=\"100\" y2=\"80\" \/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100\" \/><line x1=\"20\" y1=\"0\" x2=\"20\" y2=\"100\" \/><line x1=\"40\" y1=\"0\" x2=\"40\" y2=\"100\" \/><line x1=\"60\" y1=\"0\" x2=\"60\" y2=\"100\" \/><line x1=\"80\" y1=\"0\" x2=\"80\" y2=\"100\" \/><\/g><\/svg>') repeat;\n  background-attachment: fixed;\n  z-index: 1;\n  transform: translateZ(0);\n  opacity: 0.7;\n}\n\n.about-content {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  width: 100%;\n  text-align: center;\n}\n\n.section-title {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 3rem;\n  color: #B8DF10;\n  text-shadow: 0 0 20px rgba(184, 223, 16, 0.6);\n  margin-bottom: 1.5rem;\n  letter-spacing: 1.5px;\n  animation: subtle-glow 3s ease-in-out infinite alternate;\n}\n\n.section-subtitle {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.6rem;\n  color: #ffffff;\n  opacity: 0.85;\n  margin-bottom: 3rem;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.about-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 2.5rem;\n  margin-bottom: 3rem;\n}\n\n.about-card {\n  background: rgba(255, 255, 255, 0.05);\n  \/*border: 1px solid rgba(184, 223, 16, 0.3);*\/\n  border: 2px solid #B8DF10;\n  border-radius: 10px;\n  padding: 2.5rem;\n  transition: all 0.4s ease;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);\n}\n\n.about-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 0 30px rgba(184, 223, 16, 0.4);\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.about-card h3 {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 1.9rem;\n  color: #ffffff;\n  margin-bottom: 1rem;\n  letter-spacing: 0.5px;\n}\n\n.about-card p {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.1rem;\n  color: #ffffff;\n  opacity: 0.9;\n  line-height: 1.7;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 1.2rem 3rem;\n  background: linear-gradient(45deg, #B8DF10, #ffffff);\n  color: #390879;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.3rem;\n  border-radius: 10px;\n  text-decoration: none;\n  transition: all 0.4s ease;\n  box-shadow: 0 0 20px rgba(184, 223, 16, 0.7);\n  position: relative;\n  overflow: hidden;\n  letter-spacing: 1px;\n}\n\n.cta-button::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transition: width 0.6s ease, height 0.6s ease;\n}\n\n.cta-button:hover::before {\n  width: 400px;\n  height: 400px;\n}\n\n.cta-button:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 0 30px rgba(184, 223, 16, 0.9);\n  background: linear-gradient(45deg, #ffffff, #B8DF10);\n}\n\n@keyframes subtle-glow {\n  0% { text-shadow: 0 0 15px rgba(184, 223, 16, 0.6), 0 0 25px rgba(184, 223, 16, 0.4); }\n  100% { text-shadow: 0 0 25px rgba(184, 223, 16, 0.8), 0 0 40px rgba(184, 223, 16, 0.6); }\n}\n\n\/* Scroll Animation with AOS *\/\n[data-aos] {\n  opacity: 0;\n  transition-property: transform, opacity;\n  transition-duration: 1s;\n  transition-timing-function: ease-out;\n}\n\n[data-aos].aos-animate {\n  opacity: 1;\n}\n\n[data-aos=\"fade-up\"] {\n  transform: translateY(50px);\n}\n\n[data-aos=\"fade-up\"].aos-animate {\n  transform: translateY(0);\n}\n\n div.innovation-block.bottom-right.aos-init.aos-animate {\n     border: 2px solid #B8DF10;\n }\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n  .section-title {\n    font-size: 3rem;\n  }\n  .section-subtitle {\n    font-size: 1.3rem;\n  }\n  .about-card {\n    padding: 2rem;\n  }\n  .about-card h3 {\n    font-size: 1.6rem;\n  }\n  .about-card p {\n    font-size: 1rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .about-us-section {\n  padding: 4rem 2rem;   \/* oben\/unten 4rem, links\/rechts 2rem *\/\n  }\n  .section-title {\n    font-size: 2.5rem;\n  }\n  .section-subtitle {\n    font-size: 1.1rem;\n  }\n  \/* 2) Das Grid bleibt eine Spalte, die Cards f\u00fcllen 100% der Container-Breite *\/\n  .about-grid {\n    grid-template-columns: 1fr;\n    gap: 1.5rem;          \/* ggf. etwas enger f\u00fcr Mobil *\/\n  }\n  .about-card {\n    margin: 0;            \/* keine zus\u00e4tzlichen Au\u00dfenr\u00e4nder *\/\n    width: 100%;          \/* volles \u201einnen\u201c *\/\n    box-sizing: border-box; \/* damit Padding & Border im Width-Wert stecken *\/\n  }\n  \n  div.about-content h2 {\n      font-size: 3.3rem !important;\n  }\n  \n  div.about-content > p {\n      font-size: 1rem !important;\n  }\n}\n  \n  \n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Initialize AOS\n  if (typeof AOS !== 'undefined') {\n    AOS.init({\n      duration: 1000,\n      easing: 'ease-out',\n      once: true,\n    });\n  }\n\n  \/\/ Parallax effect\n  window.addEventListener('scroll', function() {\n    const parallax = document.querySelector('.about-bg-parallax');\n    let scrollPosition = window.pageYOffset;\n    parallax.style.transform = 'translateY(' + scrollPosition * 0.3 + 'px)';\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57ab470 e-con-full e-flex e-con e-parent\" data-id=\"57ab470\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-870fb13 elementor-widget elementor-widget-html\" data-id=\"870fb13\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"vision-section-sec-two\" id=\"vision\">\n  <div class=\"gradient-bg-sec-two\"><\/div>\n  <div class=\"vision-content-sec-two\">\n    <div class=\"content-left-sec-two\" data-aos=\"fade-right\">\n      <h2 class=\"section-title-sec-two\">Unsere Vision<\/h2>\n  <p class=\"section-subtitle-sec-two\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n    Innovation gestalten. Menschen verbinden. Zukunft schaffen.\n  <\/p>\n      <div class=\"text-container-sec-two\">\n        <p class=\"intro-text-sec-two\">Wir definieren die Zukunft neu.<\/p>\n        <p class=\"main-text-sec-two\">Unsere Vision ist es, die digitale Welt zu revolutionieren. Mit innovativen Apps, die im App Store neue Ma\u00dfst\u00e4be setzen, und einzigartigen Erlebnissen auf unserem <a href=\"\/playground\">Playground<\/a> schaffen wir L\u00f6sungen, die begeistern und verbinden. Unsere <a href=\"\/services\">Dienstleistungen<\/a> verwandeln deine Ideen in au\u00dfergew\u00f6hnliche Realit\u00e4t. Unsere <a href=\"\/work\">Projekte<\/a> sind der Beweis f\u00fcr unser Streben nach Perfektion. Werde Teil unserer Mission \u2013 <a href=\"\/contact\">kontaktiere uns<\/a> und gestalte mit uns die n\u00e4chste \u00c4ra.<\/p>\n      <\/div>\n      <a href=\"\/work\" class=\"cta-button-sec-two\" data-aos=\"zoom-in\" data-aos-delay=\"200\">Unsere Werke entdecken<\/a>\n    <\/div>\n    <div class=\"content-right-sec-two\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n      <img decoding=\"async\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2025\/07\/dad.png\" alt=\"Vision Image\" class=\"vision-image-sec-two\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.section-subtitle-sec-two {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.6rem;\n  color: #ffffff;\n  opacity: 0.85;\n  margin-bottom: 3rem;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n\/* Vision Section *\/\n.vision-section-sec-two {\n  position: relative;\n  padding: 6rem 2rem;\n  background: #390879;\n  min-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.gradient-bg-sec-two {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  \/*background: radial-gradient(circle at 20% 30%, #390879 0%, rgba(0, 0, 0, 0.95) 70%); \/* Restored *\/\n  z-index: 1;\n  animation: gradient-shift-sec-two 12s ease-in-out infinite;\n}\n\n.vision-content-sec-two {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  width: 100%;\n  padding: 0 2rem;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 2rem;\n}\n\n.content-left-sec-two {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-width: 600px;\n}\n\n.content-right-sec-two {\n  flex: 1;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.section-title-sec-two {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 4.2rem;\n  color: #B8DF10;\n  text-shadow: 0 0 15px rgba(184, 223, 16, 0.7);\n  margin-bottom: 2rem;\n  letter-spacing: 1.5px;\n  animation: vision-glow-sec-two 4s ease-in-out infinite alternate;\n}\n\n.text-container-sec-two {\n  background: rgba(255, 255, 255, 0.03);\n  \/*border: 1px solid rgba(184, 223, 16, 0.2);*\/\n    border: 2px solid #B8DF10;\n  border-radius: 10px;\n  padding: 3rem;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);\n  transition: all 0.5s ease;\n}\n\n.text-container-sec-two:hover {\n  box-shadow: 0 0 40px rgba(184, 223, 16, 0.3);\n  background: rgba(255, 255, 255, 0.06);\n  transform: translateX(10px);\n}\n\n.intro-text-sec-two {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 2.2rem;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 1.5rem;\n  letter-spacing: 1px;\n}\n\n.main-text-sec-two {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.2rem;\n  color: #ffffff;\n  opacity: 0.9;\n  line-height: 1.8;\n}\n\n.main-text-sec-two a {\n  color: #B8DF10;\n  text-decoration: none;\n  font-weight: 600;\n  position: relative;\n  transition: all 0.3s ease;\n}\n\n.main-text-sec-two a::after {\n  content: '';\n  position: absolute;\n  width: 0;\n  height: 2px;\n  bottom: -2px;\n  left: 0;\n  background: #B8DF10;\n  transition: width 0.3s ease;\n}\n\n.main-text-sec-two a:hover::after {\n  width: 100%;\n}\n\n.main-text-sec-two a:hover {\n  color: #ffffff;\n  text-shadow: 0 0 10px rgba(184, 223, 16, 0.7);\n}\n\n.cta-button-sec-two {\n  display: inline-block;\n  padding: 1.2rem 3.0rem;\n  background: linear-gradient(45deg, #B8DF10, #ffffff);\n  color: #390879;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.1rem;\n  border-radius: 10px;\n  text-decoration: none;\n  margin-top: 2rem;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 0 25px rgba(184, 223, 16, 0.8);\n  transition: all 0.5s ease;\n  letter-spacing: 1px;\n}\n\n.cta-button-sec-two::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transition: width 0.7s ease, height 0.7s ease;\n}\n\n.cta-button-sec-two:hover::before {\n  width: 500px;\n  height: 500px;\n}\n\n.cta-button-sec-two:hover {\n  transform: scale(1.05);\n  box-shadow: 0 0 35px rgba(184, 223, 16, 0.9);\n  background: linear-gradient(45deg, #ffffff, #B8DF10);\n}\n\n.vision-image-sec-two {\n  max-width: 440px !important;\n  width: 100%;\n  transition: all 0.5s ease;\n}\n\n.vision-image-sec-two:hover {\n  transform: scale(1.03);\n}\n\n@keyframes vision-glow-sec-two {\n  0% { text-shadow: 0 0 10px rgba(184, 223, 16, 0.6), 0 0 20px rgba(184, 223, 16, 0.4); }\n  100% { text-shadow: 0 0 20px rgba(184, 223, 16, 0.8), 0 0 35px rgba(184, 223, 16, 0.6); }\n}\n\n@keyframes gradient-shift-sec-two {\n  0% { background-position: 20% 30%; }\n  50% { background-position: 80% 70%; }\n  100% { background-position: 20% 30%; }\n}\n\n\/* Scroll Animation with AOS *\/\n[data-aos] {\n  opacity: 0;\n  transition-property: transform, opacity;\n  transition-duration: 1.2s;\n  transition-timing-function: ease-out;\n}\n\n[data-aos].aos-animate {\n  opacity: 1;\n}\n\n[data-aos=\"fade-down\"] {\n  transform: translateY(-50px);\n}\n\n[data-aos=\"fade-down\"].aos-animate {\n  transform: translateY(0);\n}\n\n[data-aos=\"fade-right\"] {\n  transform: translateX(-50px);\n}\n\n[data-aos=\"fade-right\"].aos-animate {\n  transform: translateX(0);\n}\n\n[data-aos=\"fade-left\"] {\n  transform: translateX(50px);\n}\n\n[data-aos=\"fade-left\"].aos-animate {\n  transform: translateX(0);\n}\n\n[data-aos=\"zoom-in\"] {\n  transform: scale(0.8);\n}\n\n[data-aos=\"zoom-in\"].aos-animate {\n  transform: scale(1);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n  .vision-content-sec-two {\n    flex-direction: column;\n    align-items: center;\n    gap: 3rem;\n  }\n  .content-left-sec-two {\n    max-width: 100%;\n    align-items: center;\n    text-align: center;\n  }\n  .content-right-sec-two {\n    justify-content: center;\n  }\n  .section-title-sec-two {\n    font-size: 3.2rem;\n  }\n  .intro-text-sec-two {\n    font-size: 1.8rem;\n  }\n  .main-text-sec-two {\n    font-size: 1.1rem;\n  }\n  .cta-button-sec-two {\n    font-size: 1.3rem;\n    padding: 1.2rem 3rem;\n  }\n  .vision-image-sec-two {\n    max-width: 400px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  \/* Container-Padding passend zur Mobile-Optik *\/\n  .vision-section-sec-two {\n    padding: 4rem 1rem;\n  }\n\n  \/* \u00dcberschrift kleiner und mittig *\/\n  .section-title-sec-two {\n    font-size: 2.5rem;\n    text-align: center;\n  }\n\n  \/* Intro- und Flie\u00dftext anpassen *\/\n  .intro-text-sec-two {\n    font-size: 1.5rem;\n  }\n  .main-text-sec-two {\n    font-size: 1rem;\n  }\n\n  \/* CTA-Button kompakter *\/\n  .cta-button-sec-two {\n    font-size: 1.2rem;\n    padding: 1rem 2.5rem;\n  }\n\n  \/* Text-Container schmaler, zentriert *\/\n  .text-container-sec-two {\n    padding: 2rem;\n    margin: 0 auto;\n    max-width: 90%;\n  }\n\n  \/* Bild-Container komplett ausblenden *\/\n  .content-right-sec-two {\n    display: none !important;\n  }\n\n  \/* Vision-Content b\u00fcndig, einspaltig *\/\n  .vision-content-sec-two {\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2rem;\n  }\n\n  \/* Bild als Pseudo-Element unter der \u00dcberschrift einf\u00fcgen *\/\n  .section-title-sec-two::after {\n    content: \"\";\n    display: block;\n    background-image: url('https:\/\/visionbridge.eu\/wp-content\/uploads\/2025\/07\/dad.png');\n    background-repeat: no-repeat;\n    background-size: contain;\n    width: 80%;\n    max-width: 250px;\n    height: auto;\n    margin: 1.5rem auto 0;\n  }\n\n  \/* Fallback: falls das echte <img> doch angezeigt wird *\/\n  .vision-image-sec-two {\n    max-width: 200px;\n    width: 80%;\n    height: auto;\n    margin: 1rem auto;\n  }\n  \n    \/* \u00dcberschrift ohne Glow\/Text-Shadow *\/\n  .section-title-sec-two {\n    animation: none !important;\n    font-size: 2.8rem;\n    text-shadow: none !important;\n    margin-bottom: 0rem;\n  }\n  \n    .section-subtitle-sec-two {\n    font-size: 1.1rem;\n    margin-bottom: 2rem;\n  }\n  \n}\n \n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Initialize AOS\n  if (typeof AOS !== 'undefined') {\n    AOS.init({\n      duration: 1200,\n      easing: 'ease-out',\n      once: true,\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e94cb1f e-con-full e-flex e-con e-parent\" data-id=\"e94cb1f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f263dc7 elementor-widget elementor-widget-html\" data-id=\"f263dc7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"innovations-section\" id=\"innovations\">\n  <div class=\"innovations-bg\"><\/div>\n  <div class=\"innovations-content\">\n    <div class=\"content-header\" data-aos=\"fade-down\">\n      <h2 class=\"section-title\">Unsere Innovationen<\/h2>\n      <p class=\"section-subtitle\">Wir erschaffen, was morgen z\u00e4hlt.<\/p>\n    <\/div>\n    <div class=\"innovations-grid\">\n      <div class=\"innovation-block top-left\" data-aos=\"fade-right\" data-aos-delay=\"200\">\n        <h3>Technologie neu gedacht<\/h3>\n        <p>Unsere Apps im App Store und interaktive Erlebnisse wie unser <a href=\"\/playground\">Playground<\/a> setzen neue Standards f\u00fcr digitale Exzellenz.<\/p>\n        <div class=\"accent-line\"><\/div>\n      <\/div>\n      <div class=\"innovation-block bottom-right\" data-aos=\"fade-left\" data-aos-delay=\"300\">\n        <h3>Kreativit\u00e4t ohne Grenzen<\/h3>\n        <p>Unsere <a href=\"\/services\">Dienstleistungen<\/a> verbinden Design, Technik und Vision, um deine Ideen in einzigartige Realit\u00e4t zu verwandeln.<\/p>\n        <div class=\"accent-line\"><\/div>\n      <\/div>\n    <\/div>\n    <a href=\"\/work\" class=\"cta-button\" data-aos=\"zoom-in\" data-aos-delay=\"400\">Unsere Werke entdecken<\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* Innovations Section *\/\n.innovations-section {\n  position: relative;\n  padding: 6rem 2rem;\n  background: #390879; \/* Pure blue background *\/\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.innovations-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n      background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><g stroke=\"%23B8DF10\" stroke-width=\"0.5\" opacity=\"0.2\"><line x1=\"0\" y1=\"0\" x2=\"100\" y2=\"0\" \/><line x1=\"0\" y1=\"20\" x2=\"100\" y2=\"20\" \/><line x1=\"0\" y1=\"40\" x2=\"100\" y2=\"40\" \/><line x1=\"0\" y1=\"60\" x2=\"100\" y2=\"60\" \/><line x1=\"0\" y1=\"80\" x2=\"100\" y2=\"80\" \/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100\" \/><line x1=\"20\" y1=\"0\" x2=\"20\" y2=\"100\" \/><line x1=\"40\" y1=\"0\" x2=\"40\" y2=\"100\" \/><line x1=\"60\" y1=\"0\" x2=\"60\" y2=\"100\" \/><line x1=\"80\" y1=\"0\" x2=\"80\" y2=\"100\" \/><\/g><\/svg>') repeat;\n      background-color: rgba(57, 8, 121, 0.8);\n      backdrop-filter: blur(10px);\n  z-index: 1;\n  opacity: 0.8;\n}\n\n.innovations-content {\n  position: relative;\n  z-index: 2;\n  max-width: 1200px;\n  width: 100%;\n  padding: 0 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.content-header {\n  text-align: center;\n  margin-bottom: 3rem;\n}\n\n.section-title {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 4rem;\n  color: #B8DF10;\n  text-shadow: 0 0 15px rgba(184, 223, 16, 0.7);\n  margin-bottom: 1rem;\n  letter-spacing: 1.5px;\n  animation: subtle-glow 4s ease-in-out infinite alternate;\n}\n\n.section-subtitle {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.6rem;\n  color: #ffffff;\n  opacity: 0.85;\n  letter-spacing: 1px;\n}\n\n.innovations-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 3rem;\n  width: 100%;\n  max-width: 1000px;\n  position: relative;\n}\n\n.innovation-block {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(184, 223, 16, 0.2);\n  border-radius: 10px;\n  padding: 2.5rem;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);\n  transition: all 0.5s ease;\n}\n\n.innovation-block:hover {\n  box-shadow: 0 0 40px rgba(184, 223, 16, 0.3);\n  background: rgba(255, 255, 255, 0.06);\n  transform: translateY(-10px);\n}\n\n.top-left {\n  transform: translate(-20px, -20px);\n}\n\n.bottom-right {\n  transform: translate(20px, 20px);\n}\n\n.innovation-block h3 {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 1.8rem;\n  color: #ffffff;\n  margin-bottom: 1rem;\n  letter-spacing: 0.5px;\n}\n\n.innovation-block p {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.1rem;\n  color: #ffffff;\n  opacity: 0.9;\n  line-height: 1.7;\n}\n\n.innovation-block a {\n  color: #B8DF10;\n  text-decoration: none;\n  font-weight: 600;\n  position: relative;\n  transition: all 0.3s ease;\n}\n\n.innovation-block a::after {\n  content: '';\n  position: absolute;\n  width: 0;\n  height: 2px;\n  bottom: -2px;\n  left: 0;\n  background: #B8DF10;\n  transition: width 0.3s ease;\n}\n\n.innovation-block a:hover::after {\n  width: 100%;\n}\n\n.innovation-block a:hover {\n  color: #ffffff;\n  text-shadow: 0 0 10px rgba(184, 223, 16, 0.7);\n}\n\n.accent-line {\n  width: 0;\n  height: 3px;\n  background: #B8DF10;\n  margin-top: 1rem;\n  transition: width 0.8s ease;\n}\n\n.innovation-block:hover .accent-line {\n  width: 100px;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 1.5rem 3.5rem;\n  background: linear-gradient(45deg, #B8DF10, #ffffff);\n  color: #390879;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.4rem;\n  border-radius: 10px;\n  text-decoration: none;\n  margin-top: 5rem;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 0 25px rgba(184, 223, 16, 0.8);\n  transition: all 0.5s ease;\n  letter-spacing: 1px;\n}\n\n.cta-button::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transition: width 0.7s ease, height 0.7s ease;\n}\n\n.cta-button:hover::before {\n  width: 500px;\n  height: 500px;\n}\n\n.cta-button:hover {\n  transform: scale(1.05);\n  box-shadow: 0 0 35px rgba(184, 223, 16, 0.9);\n  background: linear-gradient(45deg, #ffffff, #B8DF10);\n}\n\ndiv.innovations-grid {\n    margin-bottom: 5%;\n}\n\n@keyframes subtle-glow {\n  0% { text-shadow: 0 0 10px rgba(184, 223, 16, 0.6), 0 0 20px rgba(184, 223, 16, 0.4); }\n  100% { text-shadow: 0 0 20px rgba(184, 223, 16, 0.8), 0 0 35px rgba(184, 223, 16, 0.6); }\n}\n\n\/* Scroll Animation with AOS *\/\n[data-aos] {\n  opacity: 0;\n  transition-property: transform, opacity;\n  transition-duration: 1.2s;\n  transition-timing-function: ease-out;\n}\n\n[data-aos].aos-animate {\n  opacity: 1;\n}\n\n[data-aos=\"fade-down\"] {\n  transform: translateY(-50px);\n}\n\n[data-aos=\"fade-down\"].aos-animate {\n  transform: translateY(0);\n}\n\n[data-aos=\"fade-right\"] {\n  transform: translateX(-50px);\n}\n\n[data-aos=\"fade-right\"].aos-animate {\n  transform: translateX(0);\n}\n\n[data-aos=\"fade-left\"] {\n  transform: translateX(50px);\n}\n\n[data-aos=\"fade-left\"].aos-animate {\n  transform: translateX(0);\n}\n\n[data-aos=\"zoom-in\"] {\n  transform: scale(0.8);\n}\n\n[data-aos=\"zoom-in\"].aos-animate {\n  transform: scale(1);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n  .innovations-grid {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  .innovation-block {\n    transform: translate(0, 0);\n  }\n  .section-title {\n    font-size: 3.2rem;\n  }\n  .section-subtitle {\n    font-size: 1.3rem;\n  }\n  .innovation-block h3 {\n    font-size: 1.6rem;\n  }\n  .innovation-block p {\n    font-size: 1rem;\n  }\n  .cta-button {\n    font-size: 1.3rem;\n    padding: 1.2rem 3rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .innovations-section {\n    padding: 4rem .6rem;\n  }\n  .section-title {\n    font-size: 2.7rem !important;\n  }\n  .section-subtitle {\n    font-size: 1.1rem;\n  }\n  .innovation-block {\n    padding: 2rem;\n  }\n  .cta-button {\n    font-size: 1.2rem;\n    padding: 1rem 2.5rem;\n  }\n  \n  div.content-header.aos-init.aos-animate {\n      margin-bottom: 10px;\n  }\n  \n   div.innovation-block.top-left.aos-init.aos-animate {\n       border: 2px solid #B8DF10;\n   }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Initialize AOS\n  if (typeof AOS !== 'undefined') {\n    AOS.init({\n      duration: 1200,\n      easing: 'ease-out',\n      once: true,\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4215d98 e-con-full e-flex e-con e-parent\" data-id=\"4215d98\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f08bc67 elementor-widget elementor-widget-html\" data-id=\"f08bc67\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"playground-section\" id=\"playground\">\n  <canvas class=\"shapes-canvas\"><\/canvas>\n  <div class=\"playground-content\">\n    <div class=\"content-center\" data-aos=\"zoom-in\">\n      <h2 class=\"section-title\">Unser Playground<\/h2>\n      <p class=\"section-subtitle\">Wo Kreativit\u00e4t die Zukunft formt.<\/p>\n      <div class=\"text-container\">\n        <p class=\"main-text\">Willkommen in unserem <a href=\"\/playground\">Playground<\/a> \u2013 einem Raum, in dem Ideen zum Leben erweckt werden. Hier experimentieren wir mit interaktiven Wallet-Card-Erlebnissen, innovativen Designs und Technologien, die die Grenzen des M\u00f6glichen sprengen. Unsere <a href=\"\/services\">Dienstleistungen<\/a> und <a href=\"\/work\">Projekte<\/a> finden hier ihren Ursprung, angetrieben von purer Leidenschaft f\u00fcr Innovation. Bist du bereit, deine Vision mit uns zu entfesseln? <a href=\"\/contact\">Kontaktiere uns<\/a> und tauche ein!<\/p>\n      <\/div>\n      <a href=\"\/playground\" class=\"cta-button\" data-aos=\"zoom-in\" data-aos-delay=\"200\">Playground erkunden<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Playground Section *\/\n.playground-section {\n  position: relative;\n  padding: 6rem 2rem;\n  background: #390879; \/* Pure blue background *\/\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.shapes-canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.playground-content {\n  position: relative;\n  z-index: 2;\n  max-width: 1000px;\n  width: 100%;\n  padding: 0 2rem;\n  display: flex;\n  justify-content: center;\n}\n\n.content-center {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.section-title {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 4rem;\n  color: #B8DF10;\n  text-shadow: 0 0 15px rgba(184, 223, 16, 0.7);\n  margin-bottom: 1rem;\n  letter-spacing: 1.5px;\n  animation: subtle-glow 4s ease-in-out infinite alternate;\n}\n\n.section-subtitle {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.6rem;\n  color: #ffffff;\n  opacity: 0.85;\n  margin-bottom: 2rem;\n  letter-spacing: 1px;\n}\n\n.text-container {\n  background: rgba(255, 255, 255, 0.03);\n  \/*border: 1px solid rgba(184, 223, 16, 0.2);*\/\n  border: 2px solid #B8DF10;\n  border-radius: 10px;\n  padding: 3rem;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);\n  transition: all 0.5s ease;\n  max-width: 700px;\n}\n\n.text-container:hover {\n  box-shadow: 0 0 40px rgba(184, 223, 16, 0.3);\n  background: rgba(255, 255, 255, 0.06);\n  transform: scale(1.02);\n}\n\n.main-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.2rem;\n  color: #ffffff;\n  opacity: 0.9;\n  line-height: 1.8;\n}\n\n.main-text a {\n  color: #B8DF10;\n  text-decoration: none;\n  font-weight: 600;\n  position: relative;\n  transition: all 0.3s ease;\n}\n\n.main-text a::after {\n  content: '';\n  position: absolute;\n  width: 0;\n  height: 2px;\n  bottom: -2px;\n  left: 0;\n  background: #B8DF10;\n  transition: width 0.3s ease;\n}\n\n.main-text a:hover::after {\n  width: 100%;\n}\n\n.main-text a:hover {\n  color: #ffffff;\n  text-shadow: 0 0 10px rgba(184, 223, 16, 0.7);\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 1.5rem 3.5rem;\n  background: linear-gradient(45deg, #B8DF10, #ffffff);\n  color: #390879;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.4rem;\n  border-radius: 10px;\n  text-decoration: none;\n  margin-top: 2rem;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 0 25px rgba(184, 223, 16, 0.8);\n  transition: all 0.5s ease;\n  letter-spacing: 1px;\n}\n\n.cta-button::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transition: width 0.7s ease, height 0.7s ease;\n}\n\n.cta-button:hover::before {\n  width: 500px;\n  height: 500px;\n}\n\n.cta-button:hover {\n  transform: scale(1.05);\n  box-shadow: 0 0 35px rgba(184, 223, 16, 0.9);\n  background: linear-gradient(45deg, #ffffff, #B8DF10);\n}\n\n@keyframes subtle-glow {\n  0% { text-shadow: 0 0 10px rgba(184, 223, 16, 0.6), 0 0 20px rgba(184, 223, 16, 0.4); }\n  100% { text-shadow: 0 0 20px rgba(184, 223, 16, 0.8), 0 0 35px rgba(184, 223, 16, 0.6); }\n}\n\n\/* Scroll Animation with AOS *\/\n[data-aos] {\n  opacity: 0;\n  transition-property: transform, opacity;\n  transition-duration: 1.2s;\n  transition-timing-function: ease-out;\n}\n\n[data-aos].aos-animate {\n  opacity: 1;\n}\n\n[data-aos=\"zoom-in\"] {\n  transform: scale(0.8);\n}\n\n[data-aos=\"zoom-in\"].aos-animate {\n  transform: scale(1);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n  .section-title {\n    font-size: 3.2rem;\n  }\n  .section-subtitle {\n    font-size: 1.3rem;\n  }\n  .main-text {\n    font-size: 1.1rem;\n  }\n  .cta-button {\n    font-size: 1.3rem;\n    padding: 1.2rem 3rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .playground-section {\n    padding: 4rem .6rem;\n  }\n  .section-title {\n    font-size: 2.5rem;\n  }\n  .section-subtitle {\n    font-size: 1.1rem;\n  }\n  .main-text {\n    font-size: 1rem;\n  }\n  .cta-button {\n    font-size: 1.2rem;\n    padding: 1rem 2.5rem;\n  }\n  .text-container {\n    padding: 2rem;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Initialize AOS\n  if (typeof AOS !== 'undefined') {\n    AOS.init({\n      duration: 1200,\n      easing: 'ease-out',\n      once: true,\n    });\n  }\n\n  \/\/ Shapes canvas\n  const canvas = document.querySelector('.shapes-canvas');\n  const ctx = canvas.getContext('2d');\n  canvas.width = window.innerWidth;\n  canvas.height = canvas.offsetHeight;\n\n  let shapesArray = [];\n  const numberOfShapes = 8;\n\n  class Shape {\n    constructor() {\n      this.x = Math.random() * canvas.width;\n      this.y = Math.random() * canvas.height;\n      this.size = Math.random() * 30 + 20;\n      this.angle = Math.random() * 360;\n      this.speed = Math.random() * 0.2 + 0.1;\n      this.opacity = Math.random() * 0.3 + 0.2;\n      this.mouseInfluence = { x: 0, y: 0 };\n    }\n\n    update(mouseX, mouseY) {\n      this.angle += this.speed;\n      const dx = mouseX - this.x;\n      const dy = mouseY - this.y;\n      const distance = Math.sqrt(dx * dx + dy * dy);\n      if (distance < 150) {\n        this.mouseInfluence.x = (dx \/ distance) * 5;\n        this.mouseInfluence.y = (dy \/ distance) * 5;\n      } else {\n        this.mouseInfluence.x *= 0.9;\n        this.mouseInfluence.y *= 0.9;\n      }\n      this.x += this.mouseInfluence.x;\n      this.y += this.mouseInfluence.y;\n      if (this.x < 0 || this.x > canvas.width) this.mouseInfluence.x *= -0.5;\n      if (this.y < 0 || this.y > canvas.height) this.mouseInfluence.y *= -0.5;\n    }\n\n    draw() {\n      ctx.save();\n      ctx.translate(this.x, this.y);\n      ctx.rotate((this.angle * Math.PI) \/ 180);\n      ctx.strokeStyle = `rgba(184, 223, 16, ${this.opacity})`;\n      ctx.lineWidth = 2;\n      ctx.beginPath();\n      ctx.moveTo(this.size, 0);\n      for (let i = 1; i <= 5; i++) {\n        const angle = (i * 72 * Math.PI) \/ 180;\n        const x = this.size * Math.cos(angle);\n        const y = this.size * Math.sin(angle);\n        ctx.lineTo(x, y);\n      }\n      ctx.closePath();\n      ctx.stroke();\n      ctx.restore();\n    }\n  }\n\n  function initShapes() {\n    shapesArray = [];\n    for (let i = 0; i < numberOfShapes; i++) {\n      shapesArray.push(new Shape());\n    }\n  }\n\n  let mouse = { x: canvas.width \/ 2, y: canvas.height \/ 2 };\n  canvas.addEventListener('mousemove', function(e) {\n    mouse.x = e.clientX;\n    mouse.y = e.clientY;\n  });\n\n  canvas.addEventListener('mouseleave', function() {\n    mouse.x = canvas.width \/ 2;\n    mouse.y = canvas.height \/ 2;\n  });\n\n  function animateShapes() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    shapesArray.forEach(shape => {\n      shape.update(mouse.x, mouse.y);\n      shape.draw();\n    });\n    requestAnimationFrame(animateShapes);\n  }\n\n  initShapes();\n  animateShapes();\n\n  window.addEventListener('resize', () => {\n    canvas.width = window.innerWidth;\n    canvas.height = canvas.offsetHeight;\n    initShapes();\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce5c0c6 upper-section e-flex e-con-boxed e-con e-parent\" data-id=\"ce5c0c6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-348dc9e elementor-widget elementor-widget-heading\" data-id=\"348dc9e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Unsere kunden<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d387b6 elementor-widget elementor-widget-heading\" data-id=\"4d387b6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Unsere Kunden kommen aus unterschiedlichen L\u00e4ndern und sprechen verschiedene Sprachen. \n<br><br>Doch wir teilen alle ein gemeinsames Ziel:\n<br>\n<br><b>Unternehmen effizienter und erfolgreicher zu gestalten.<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a98e6a e-grid e-con-full e-con e-child\" data-id=\"2a98e6a\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d91b1d7 elementor-widget elementor-widget-image\" data-id=\"d91b1d7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/GSA.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1201\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/GSA.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/GSA-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6622712 elementor-widget elementor-widget-image\" data-id=\"6622712\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/BTC.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1190\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/BTC.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/BTC-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1452095 elementor-widget elementor-widget-image\" data-id=\"1452095\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Busko.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1194\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Busko.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Busko-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9276d9c elementor-widget elementor-widget-image\" data-id=\"9276d9c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/3Solution.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1208\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/3Solution.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/3Solution-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c968029 elementor-widget elementor-widget-image\" data-id=\"c968029\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/AnteGale.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1213\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/AnteGale.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/AnteGale-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa9cc7e elementor-widget elementor-widget-image\" data-id=\"aa9cc7e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Direktfinanzimmo.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1218\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Direktfinanzimmo.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Direktfinanzimmo-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc73e73 elementor-widget elementor-widget-image\" data-id=\"fc73e73\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"480\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Zustellbar.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-1222\" alt=\"\" srcset=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Zustellbar.png 667w, https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/07\/Zustellbar-300x216.png 300w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-275f413 e-con-full e-flex e-con e-parent\" data-id=\"275f413\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d8a21 elementor-widget elementor-widget-html\" data-id=\"a5d8a21\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"testimonials-section\" id=\"testimonials\">\n  <canvas class=\"particles-bg\"><\/canvas>\n  <div class=\"testimonials-content\">\n    <div class=\"content-header\" data-aos=\"fade-down\">\n      <h2 class=\"testimonials-section-title\">Kundenstimmen<\/h2>\n      <p class=\"testimonials-section-subtitle\">Stimmen, die unsere Leidenschaft f\u00fcr Innovation widerspiegeln.<\/p>\n    <\/div>\n    <div class=\"testimonials-carousel\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n      <div class=\"carousel-inner\">\n        <div class=\"testimonial-item active\">\n          <p class=\"testimonial-text\">\"Die Zusammenarbeit war ein Game-Changer! Ihre innovativen L\u00f6sungen haben unser Gesch\u00e4ft auf ein neues Level gehoben.\"<\/p>\n          <p class=\"testimonial-author\">\u2013 Anna S., Tech-Startup-Gr\u00fcnderin<\/p>\n        <\/div>\n        <div class=\"testimonial-item\">\n          <p class=\"testimonial-text\">\"Der Playground hat unsere Erwartungen \u00fcbertroffen. Kreativit\u00e4t und Pr\u00e4zision in jeder Hinsicht!\"<\/p>\n          <p class=\"testimonial-author\">\u2013 Markus T., Produktmanager<\/p>\n        <\/div>\n        <div class=\"testimonial-item\">\n          <p class=\"testimonial-text\">\"Ihre Dienstleistungen sind un\u00fcbertroffen. Von der Idee bis zur Umsetzung \u2013 einfach Weltklasse!\"<\/p>\n          <p class=\"testimonial-author\">\u2013 Lena K., Unternehmensberaterin<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"carousel-controls\">\n        <button class=\"carousel-prev\">\u2190<\/button>\n        <button class=\"carousel-next\">\u2192<\/button>\n      <\/div>\n    <\/div>\n    <a href=\"\/contact\" class=\"testimonials-cta-button\" data-aos=\"zoom-in\" data-aos-delay=\"400\">Jetzt Kontakt aufnehmen<\/a>\n  <\/div>\n<\/div>\n\n<style>\n\/* Testimonials Section *\/\n.testimonials-section {\n  position: relative;\n  padding: 6rem 2rem;\n  background: #B8DF10; \/* Green background *\/\n  min-height: 40vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.particles-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.testimonials-content {\n  position: relative;\n  z-index: 2;\n  max-width: 1000px;\n  width: 100%;\n  padding: 0 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.content-header {\n  text-align: center;\n  margin-bottom: 3rem;\n}\n\n.testimonials-section-title {\n  font-family: 'Playfair Display', sans-serif;\n  font-size: 3.2rem;\n  color: black; \/* Dark blue *\/\n  margin-bottom: 1rem;\n  letter-spacing: 1.5px;\n  \/*animation: testimonials-glow 4s ease-in-out infinite alternate;*\/\n}\n\n.testimonials-section-subtitle {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1rem;\n  color: #1E0447; \/* Dark blue *\/\n  letter-spacing: 1px;\n}\n\n.testimonials-carousel {\n  position: relative;\n  width: 100%;\n  max-width: 700px;\n  overflow: hidden;\n}\n\n.carousel-inner {\n  display: flex;\n  transition: transform 0.5s ease;\n}\n\n.testimonial-item {\n  flex: 0 0 100%;\n  background: rgba(255, 255, 255, 0.1); \/* Slightly lighter for contrast *\/\n  border: 1px solid rgba(30, 4, 71, 0.3); \/* Dark blue border *\/\n  border-radius: 10px;\n  padding: 2.5rem;\n  text-align: center;\n  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n  transition: all 0.5s ease;\n  display: none;\n}\n\n.testimonial-item.active {\n  display: block;\n}\n\n.testimonial-item:hover {\n  background: rgba(255, 255, 255, 0.15);\n  transform: scale(1.02);\n}\n\n.testimonial-text {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1.2rem;\n  color: #1E0447; \/* Dark blue *\/\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); \/* Subtle dropshadow *\/\n  line-height: 1.8;\n  margin-bottom: 1rem;\n}\n\n.testimonial-author {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1rem;\n  color: #1E0447; \/* Dark blue *\/\n  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); \/* Subtle dropshadow *\/\n  font-weight: 600;\n}\n\n.carousel-controls {\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.carousel-prev,\n.carousel-next {\n  background: none;\n  background: black !important;\n  border: 1px solid #1E0447; \/* Dark blue border *\/\n  color: black; \/* Dark blue arrows *\/\n  font-size: 1.5rem;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n  box-shadow: 0 0 5px rgba(184, 223, 16, 0.3); \/* Initial glow *\/\n  animation: pulse-glow 3s ease-in-out infinite; \/* Pulsing glow *\/\n}\n\n.carousel-prev:hover,\n.carousel-next:hover {\n  background: linear-gradient(45deg, #1E0447, #390879); \/* Gradient background *\/\n  color: #B8DF10; \/* Green arrows for contrast *\/\n  box-shadow: 0 0 15px rgba(184, 223, 16, 0.7); \/* Enhanced glow on hover *\/\n  transform: scale(1.1) translateY(-2px); \/* Scale and lift effect *\/\n}\n\n.testimonials-cta-button {\n  display: inline-block;\n  padding: 1rem 3rem;\n  background: linear-gradient(45deg, #390879, #B8DF10); \/* Gradient background *\/\n  color: #ffffff; \/* White text for better contrast *\/\n  font-family: 'Montserrat', sans-serif;\n  font-size: 1rem;\n  border-radius: 10px;\n  text-decoration: none;\n  margin-top: 3rem;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 0 15px rgba(184, 223, 16, 0.5); \/* Enhanced initial glow *\/\n  animation: pulse-glow 3s ease-in-out infinite; \/* Pulsing glow *\/\n  transition: all 0.3s ease;\n  letter-spacing: 1px;\n}\n\n.testimonials-cta-button::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  background: rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  transition: width 0.7s ease, height 0.7s ease;\n}\n\n.testimonials-cta-button:hover::before {\n  width: 500px;\n  height: 500px;\n}\n\n.testimonials-cta-button:hover {\n  background: linear-gradient(45deg, #B8DF10, #390879); \/* Reversed gradient *\/\n  transform: scale(1.05) translateY(-3px); \/* Scale and lift effect *\/\n  box-shadow: 0 0 25px rgba(184, 223, 16, 0.9); \/* Stronger glow *\/\n  text-shadow: 0 0 5px rgba(184, 223, 16, 0.7); \/* Text glow on hover *\/\n}\n\n@keyframes testimonials-glow {\n  0% { text-shadow: 0 0 10px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.2); }\n  100% { text-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.3); }\n}\n\n@keyframes pulse-glow {\n  0% { box-shadow: 0 0 5px rgba(184, 223, 16, 0.3); }\n  50% { box-shadow: 0 0 15px rgba(184, 223, 16, 0.7); }\n  100% { box-shadow: 0 0 5px rgba(184, 223, 16, 0.3); }\n}\n\n\/* Scroll Animation with AOS *\/\n[data-aos] {\n  opacity: 0;\n  transition-property: transform, opacity;\n  transition-duration: 1.2s;\n  transition-timing-function: ease-out;\n}\n\n[data-aos].aos-animate {\n  opacity: 1;\n}\n\n[data-aos=\"fade-down\"] {\n  transform: translateY(-50px);\n}\n\n[data-aos=\"fade-down\"].aos-animate {\n  transform: translateY(0);\n}\n\n[data-aos=\"fade-up\"] {\n  transform: translateY(50px);\n}\n\n[data-aos=\"fade-up\"].aos-animate {\n  transform: translateY(0);\n}\n\n[data-aos=\"zoom-in\"] {\n  transform: scale(0.8);\n}\n\n[data-aos=\"zoom-in\"].aos-animate {\n  transform: scale(1);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n  .testimonials-section-title {\n    font-size: 3.2rem;\n  }\n  .testimonials-section-subtitle {\n    font-size: 1.3rem;\n  }\n  .testimonial-text {\n    font-size: 1.1rem;\n  }\n  .testimonial-author {\n    font-size: 0.9rem;\n  }\n  .testimonials-cta-button {\n    font-size: 1.3rem;\n    padding: 1.2rem 3rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .testimonials-section {\n    padding: 4rem .2rem;\n  }\n  .testimonials-section-title {\n    font-size: 2.5rem;\n  }\n  .testimonials-section-subtitle {\n    font-size: 1.1rem;\n  }\n  .testimonial-text {\n    font-size: 1rem;\n  }\n  .testimonial-author {\n    font-size: 0.8rem;\n  }\n  .testimonials-cta-button {\n    font-size: 1.2rem;\n    padding: 1rem 2rem;\n    background: black;\n  }\n  .testimonials-carousel {\n    padding: 0 1rem;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Initialize AOS\n  if (typeof AOS !== 'undefined') {\n    AOS.init({\n      duration: 1200,\n      easing: 'ease-out',\n      once: true,\n    });\n  }\n\n  \/\/ Carousel functionality\n  const carouselInner = document.querySelector('.carousel-inner');\n  const items = document.querySelectorAll('.testimonial-item');\n  const prevButton = document.querySelector('.carousel-prev');\n  const nextButton = document.querySelector('.carousel-next');\n  let currentIndex = 0;\n  const totalItems = items.length;\n\n  function showItem(index) {\n    items.forEach((item, i) => {\n      item.classList.remove('active');\n      if (i === index) {\n        item.classList.add('active');\n      }\n    });\n  }\n\n  function nextItem() {\n    currentIndex = (currentIndex + 1) % totalItems;\n    showItem(currentIndex);\n  }\n\n  function prevItem() {\n    currentIndex = (currentIndex - 1 + totalItems) % totalItems;\n    showItem(currentIndex);\n  }\n\n  nextButton.addEventListener('click', nextItem);\n  prevButton.addEventListener('click', prevItem);\n\n  \/\/ Auto-scroll every 5 seconds\n  let autoScroll = setInterval(nextItem, 5000);\n\n  \/\/ Pause auto-scroll on hover\n  carouselInner.addEventListener('mouseenter', () => clearInterval(autoScroll));\n  carouselInner.addEventListener('mouseleave', () => {\n    autoScroll = setInterval(nextItem, 5000);\n  });\n\n  \/\/ Particles background\n  const canvas = document.querySelector('.particles-bg');\n  const ctx = canvas.getContext('2d');\n  canvas.width = window.innerWidth;\n  canvas.height = canvas.offsetHeight;\n\n  let particlesArray = [];\n  const numberOfParticles = 20;\n\n  class Particle {\n    constructor() {\n      this.x = Math.random() * canvas.width;\n      this.y = Math.random() * canvas.height;\n      this.size = Math.random() * 5 + 2;\n      this.speedX = Math.random() * 0.3 - 0.15;\n      this.speedY = Math.random() * 0.3 - 0.15;\n      this.opacity = Math.random() * 0.2 + 0.1;\n    }\n\n    update() {\n      this.x += this.speedX;\n      this.y += this.speedY;\n      if (this.x < 0 || this.x > canvas.width) this.speedX *= -1;\n      if (this.y < 0 || this.y > canvas.height) this.speedY *= -1;\n    }\n\n    draw() {\n      ctx.fillStyle = `rgba(30, 4, 71, ${this.opacity})`; \/* Dark blue particles for contrast *\/\n      ctx.beginPath();\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n      ctx.fill();\n    }\n  }\n\n  function initParticles() {\n    particlesArray = [];\n    for (let i = 0; i < numberOfParticles; i++) {\n      particlesArray.push(new Particle());\n    }\n  }\n\n  function animateParticles() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    particlesArray.forEach(particle => {\n      particle.update();\n      particle.draw();\n    });\n    requestAnimationFrame(animateParticles);\n  }\n\n  initParticles();\n  animateParticles();\n\n  window.addEventListener('resize', () => {\n    canvas.width = window.innerWidth;\n    canvas.height = canvas.offsetHeight;\n    initParticles();\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8979a2d e-con-full e-flex e-con e-parent\" data-id=\"8979a2d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f562053 elementor-widget elementor-widget-html\" data-id=\"f562053\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- Font Awesome via CDN -->\n<link rel=\"stylesheet\"\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\n      integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\"\n      crossorigin=\"anonymous\"\n      referrerpolicy=\"no-referrer\" \/>\n<!-- Footer Social-Icons Section -->\n<section id=\"base\">\n  <p>Follow us for the latest AI innovations<\/p>\n  <div class=\"base-social-icons\">\n    <a href=\"https:\/\/twitter.com\" target=\"_blank\" aria-label=\"Twitter\">\n      <i class=\"fab fa-twitter\" aria-hidden=\"true\"><\/i>\n    <\/a>\n    <a href=\"https:\/\/linkedin.com\" target=\"_blank\" aria-label=\"LinkedIn\">\n      <i class=\"fab fa-linkedin\" aria-hidden=\"true\"><\/i>\n    <\/a>\n    <a href=\"https:\/\/github.com\" target=\"_blank\" aria-label=\"GitHub\">\n      <i class=\"fab fa-github\" aria-hidden=\"true\"><\/i>\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n  \/* Footer Social Icons *\/\n  #base {\n    position: relative !important;\n    z-index: 5 !important;\n    padding: 3rem 2rem !important;\n    text-align: center !important;\n    background: #390879 !important;\n    font-family: 'Montserrat', sans-serif !important;\n    color: #ffffff !important;\n  }\n  #base p {\n    margin: 0 !important;\n    font-size: 1rem !important;\n    opacity: 0.8 !important;\n  }\n  .base-social-icons {\n    display: flex !important;\n    justify-content: center !important;\n    gap: 1.5rem !important;\n    margin-top: 1rem !important;\n  }\n  .base-social-icons a {\n    color: #B8DF10 !important;\n    font-size: 1.5rem !important;\n    transition: transform 0.3s ease, color 0.3s ease !important;\n  }\n  .base-social-icons a:hover {\n    color: #ffffff !important;\n    transform: scale(1.2) !important;\n    text-shadow: 0 0 10px rgba(184, 223, 16, 0.7) !important;\n  }\n<\/style>\n\n<script>\n  \/\/ Einfache Fade-In-Animation ohne ScrollTrigger:\n  document.addEventListener('DOMContentLoaded', () => {\n    const icons = document.querySelectorAll('#base .base-social-icons a');\n    icons.forEach((el, i) => {\n      el.style.opacity = 0;\n      setTimeout(() => {\n        el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n        el.style.opacity = 1;\n        el.style.transform = 'translateY(0)';\n      }, i * 150 + 200);\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e3b74e e-con-full e-flex e-con e-parent\" data-id=\"7e3b74e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cded389 elementor-widget elementor-widget-html\" data-id=\"cded389\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"visionbridge-footer\">\n  <div class=\"footer-grid\">\n    <div class=\"footer-logo\">\n      <img decoding=\"async\" src=\"https:\/\/visionbridge.eu\/wp-content\/uploads\/2024\/09\/white_version2_150.png\" alt=\"VisionBridge Logo\" class=\"footer-logo-img\">\n    <\/div>\n    <div class=\"footer-info\">\n      <h3>Kontakt<\/h3>\n      <p><a href=\"mailto:connect@visionbridge.eu\">connect@visionbridge.eu<\/a><\/p>\n<p>Tel: <a href=\"tel:+436648342424\">+43 664 8342424<\/a><\/p>\n      <p>Klagenfurt, \u00d6sterreich<\/p>\n    <\/div>\n    <div class=\"footer-links\">\n      <h3>Navigation<\/h3>\n      <ul>\n        <li><a href=\"\/apps\">Apps<\/a><\/li>\n        <li><a href=\"\/contact\">Kontakt<\/a><\/li>\n        <li><a href=\"\/services\">Services<\/a><\/li>\n        <li><a href=\"\/work\">Work<\/a><\/li>\n        <li><a href=\"\/playground\">Playground \ud83c\udfa1<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer-legal\">\n      <h3>Rechtliches<\/h3>\n      <ul>\n        <li><a href=\"\/impressum\">Impressum<\/a><\/li>\n        <li><a href=\"\/datenschutz\">Datenschutz<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom\">\n    <p>\u00a9 2025 VisionBridge. Alle Rechte vorbehalten. <br>Programmiert von <a href=\"mailto:dev@stefane9.pro\">stefane9 \ud83e\udd77<\/a><\/p>\n  <\/div>\n<\/div>\n<style>\n  .footer-legal {\n    text-align: center;\n  }\n  .footer-legal h3 {\n    font-family: 'Playfair Display', sans-serif;\n    color: #B8DF10;\n    font-size: 1.3rem;\n    margin-bottom: 0.6rem;\n    text-shadow: 0 0 10px rgba(184, 223, 16, 0.6);\n  }\n  .footer-legal ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n  .footer-legal ul li {\n    padding: 0.3rem 0;\n    opacity: 0.8;\n    transition: opacity 0.3s ease;\n    display: block; \/* \u00c4nderung: Untereinander statt nebeneinander *\/\n  }\n  .footer-legal ul li a {\n    color: #ffffff;\n    text-decoration: none;\n  }\n  .footer-legal ul li:hover {\n    opacity: 1;\n  }\n  .footer-legal ul li a:hover {\n    color: #B8DF10;\n    text-shadow: 0 0 8px rgba(184, 223, 16, 0.5);\n  }\n  .visionbridge-footer {\n    background: linear-gradient(135deg, #2a065e, #390879);\n    color: #ffffff;\n    padding: 2rem 1rem;\n    font-family: 'Montserrat', sans-serif;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);\n  }\n  .footer-grid {\n    display: grid;\n    grid-template-columns: minmax(150px, auto) repeat(3, 1fr); \/* Logo etwas kleiner *\/\n    gap: 2rem;\n    max-width: 1200px;\n    margin: 0 auto;\n    text-align: center;\n    padding: 2rem 0;\n    align-items: start; \/* Alle Inhalte beginnen auf der gleichen H\u00f6he *\/\n  }\n  .footer-logo {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n  }\n  .footer-logo-img {\n    max-height: 40px; \/* Logo verkleinert f\u00fcr besseren Abstand *\/\n    width: auto;\n    transition: transform 0.3s ease;\n  }\n  .footer-logo-img:hover {\n    transform: scale(1.1);\n  }\n  .footer-info h3, .footer-links h3, .footer-legal h3 {\n    font-family: 'Playfair Display', sans-serif;\n    color: #B8DF10;\n    font-size: 1.4rem;\n    margin-bottom: 0.8rem;\n    text-shadow: 0 0 12px rgba(184, 223, 16, 0.7);\n    text-align: center; \/* Mittige Ausrichtung der \u00dcberschriften *\/\n  }\n  .footer-info p {\n    margin: 0.5rem 0;\n    font-size: 0.9rem;\n    opacity: 0.9;\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Mittige Ausrichtung des Textes *\/\n  }\n  .footer-info p:hover {\n    opacity: 1;\n    color: #B8DF10;\n  }\n  .footer-info p a {\n    color: #B8DF10;\n    text-decoration: none;\n  }\n  .footer-info p a:hover {\n    color: #ffffff;\n    text-shadow: 0 0 10px rgba(184, 223, 16, 0.7);\n  }\n  .footer-links ul, .footer-legal ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    text-align: center; \/* Mittige Ausrichtung der Listen *\/\n  }\n  .footer-links ul li, .footer-legal ul li {\n    padding: 0.4rem 0;\n    opacity: 0.8;\n    transition: opacity 0.3s ease;\n    display: block; \/* \u00c4nderung: Untereinander statt nebeneinander *\/\n  }\n  .footer-links ul li a, .footer-legal ul li a {\n    color: #ffffff;\n    text-decoration: none;\n  }\n  .footer-links ul li:hover, .footer-legal ul li:hover {\n    opacity: 1;\n  }\n  .footer-links ul li a:hover, .footer-legal ul li a:hover {\n    color: #B8DF10;\n    text-shadow: 0 0 10px rgba(184, 223, 16, 0.6);\n  }\n  .footer-bottom {\n    text-align: center;\n    margin-top: 1.5rem;\n    font-size: 0.75rem;\n    opacity: 0.7;\n    padding-top: 0.7rem;\n    border-top: 1px solid rgba(184, 223, 16, 0.3);\n    transition: opacity 0.3s ease;\n  }\n  .footer-bottom:hover {\n    opacity: 1;\n  }\n  .footer-bottom a {\n    color: #B8DF10;\n    text-decoration: none;\n  }\n  .footer-bottom a:hover {\n    color: #ffffff;\n    text-shadow: 0 0 12px rgba(184, 223, 16, 0.8);\n  }\n  \n  #footer-glow {\n      display:none;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 768px) {\n    .footer-grid {\n      grid-template-columns: 1fr;\n    }\n    .footer-info h3, .footer-links h3, .footer-legal h3 {\n      font-size: 1.1rem;\n    }\n    .footer-info p {\n      font-size: 0.8rem;\n    }\n    .footer-links ul li, .footer-legal ul li {\n      font-size: 0.75rem;\n      display: block; \/* Auf Mobile bleibt es untereinander *\/\n    }\n    .footer-logo-img {\n      max-height: 30px;\n    }\n    .footer-grid {\n      padding: 1rem 0;\n    }\n  }\n  @media (min-width: 769px) and (max-width: 1024px) {\n    .footer-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .footer-info h3, .footer-links h3, .footer-legal h3 {\n      font-size: 1.2rem;\n    }\n    .footer-info p {\n      font-size: 0.85rem;\n    }\n    .footer-links ul li, .footer-legal ul li {\n      font-size: 0.8rem;\n      display: block; \/* Auf Tablet auch untereinander *\/\n    }\n    .footer-logo-img {\n      max-height: 35px;\n    }\n  }\n  @media (min-width: 1025px) {\n    .footer-grid {\n      grid-template-columns: minmax(150px, auto) repeat(3, 1fr); \/* Logo angepasst *\/\n    }\n    .footer-logo {\n      padding: 1rem 0;\n    }\n    .footer-logo-img {\n      max-height: 50px; \/* Verkleinertes Logo auf Desktop *\/\n    }\n  }\n<\/style>\n<script>\n  \/\/ Subtle Glow Animation for Footer Background\n  const footer = document.querySelector('.visionbridge-footer');\n  const canvas = document.createElement('canvas');\n  canvas.id = 'footer-glow';\n  footer.insertBefore(canvas, footer.firstChild);\n  const ctx = canvas.getContext('2d');\n\n  function resizeCanvas() {\n    canvas.width = footer.offsetWidth;\n    canvas.height = footer.offsetHeight;\n  }\n  window.addEventListener('resize', resizeCanvas);\n  resizeCanvas();\n\n  function drawGlow() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    const gradient = ctx.createRadialGradient(\n      canvas.width \/ 2, canvas.height \/ 2, 0,\n      canvas.width \/ 2, canvas.height \/ 2, canvas.width \/ 2\n    );\n    gradient.addColorStop(0, 'rgba(184, 223, 16, 0.15)');\n    gradient.addColorStop(1, 'rgba(57, 8, 121, 0)');\n    ctx.fillStyle = gradient;\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\n    requestAnimationFrame(drawGlow);\n  }\n  drawGlow();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>services work apps contact visionbridge menu services work apps contact close Als \u00d6sterreichs f\u00fchrende Adresse f\u00fcr Automatisierung, KI-Anbindung und App-Entwicklung liefert VisionBridge ma\u00dfgeschneiderte L\u00f6sungen \u2013 von nahtloser ChatGPT-Integration bis hin zu vollautomatisierten Gesch\u00e4ftsprozessen. Unsere Expertise steigert Ihre Effizienz, entlastet Ihr Team und optimiert jeden Ihrer Workflows. Vertrauen Sie auf echte Innovation \u201eMade in Vienna\u201d und [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/visionbridge.eu\/index.php?rest_route=\/wp\/v2\/pages\/6101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visionbridge.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visionbridge.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visionbridge.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visionbridge.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6101"}],"version-history":[{"count":703,"href":"https:\/\/visionbridge.eu\/index.php?rest_route=\/wp\/v2\/pages\/6101\/revisions"}],"predecessor-version":[{"id":7654,"href":"https:\/\/visionbridge.eu\/index.php?rest_route=\/wp\/v2\/pages\/6101\/revisions\/7654"}],"wp:attachment":[{"href":"https:\/\/visionbridge.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}