1 2<!DOCTYPE html> 3<html lang="de" class="h-full"> 4 5<head> 6 <link rel="alternate" type="application/rss+xml" title="Blog" href="https://www.viadee.de/blog/rss/"> 7 <title>viadee Blog: IT-Themen von Data über Cloud bis Security</title> 8<meta content="Die Expert:innen der viadee IT-Unternehmensberatung bloggen über Ihre Themen: Erfahrungsberichte, neue Methoden und Technologien & strategische Einordnungen." name="description"> 9<meta content="2025-09-23" name="date"> 10<meta content="viadee Blog: IT-Themen von Data über Cloud bis Security" property="og:title"> 11<meta content="Die Expert:innen der viadee IT-Unternehmensberatung bloggen über Ihre Themen: Erfahrungsberichte, neue Methoden und Technologien & strategische Einordnungen." property="og:description"> 12<meta content="viadee Unternehmensberatung AG" property="og:site_name"> 13<meta content="https://www.viadee.de/media/pages/blog/780b0a1205-1758619655/2025_website-header_app-web-entwicklung-1200x630-crop.webp" property="og:image"> 14<meta content="1200" property="og:image:width"> 15<meta content="630" property="og:image:height"> 16<meta content="website" property="og:type"> 17<meta content="all" name="robots"> 18<link href="https://www.viadee.de/blog/" rel="canonical"> 19<meta content="https://www.viadee.de/blog/" property="og:url"> 20<link href="https://www.viadee.de/blog" hreflang="de-DE" rel="alternate"> 21<link href="https://www.viadee.de/blog" hreflang="x-default" rel="alternate"> 22<meta content="de_DE" property="og:locale"> 23 <link rel="icon" type="image/svg+xml" href="/assets/icons/favicon.svg"> <meta charset="UTF-8"> 24 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 25 <link href="https://www.viadee.de/assets/css/bundle.css" rel="stylesheet">
25<script src="https://www.viadee.de/assets/js/bundle.js"></script>
25 26 <!-- Matomo Tracking --> 27
27<script> 28 var _mtm = window._mtm = window._mtm || []; _mtm.push({ 'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start' }); 29 (function () { var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = 'https://in.viadee.de/js/container_wM4UKcDY.js'; s.parentNode.insertBefore(g, s); })(); 30 </script>
30 31 <!-- Usercentrics --> 32
32<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-draft="true" 33 data-settings-id="GweQfKhDtgj08B" async></script>
33 34 35 </head> 36 37<body class="antialiased w-full h-fit bg-white relative font-primary" x-data="{ searchOpen: false }" 38 @keydown.escape.window.prevent="searchOpen = false" @keydown.ctrl.k.window.prevent="searchOpen = true" 39 @keydown.meta.k.window.prevent="searchOpen = true"> 40 <div class="bg-violett-5"> 41 42 43<div class="absolute z-200 w-full flex flex-row justify-between items-center transition-all" 44 x-data="{ mobileNavOpen: false }" @keydown.escape.window.prevent="mobileNavOpen = false"> 45 <div class="container p-3 md:p-10 md:py-8"> 46 <div 47 class="flex flex-row col-span-full md:justify-between md:items-center max-md:flex-col max-md:bg-white max-md:overflow-clip max-sm:p-4 max-md:p-5 max-md:relative max-md:rounded-md" 48 data-menu-open="true" :data-menu-open="mobileNavOpen"> 49 <a href="/" 50 class="max-w-[120px] md:max-w-[150px] h-auto flex items-center z-20 text-white max-md:data-[menu-open=true]:text-primary" 51 title="Zurück zur Startseite" data-menu-open="true"> 52 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 498 114" class="w-full h-auto"> 53 <path fill="currentColor" d="M27.76 111.57c-.88 0-1.48-.59-1.77-1.48L.6 41.59c-.3-.89.15-1.48 1.18-1.48h18.6c1.03 0 1.62.44 1.92 1.48l13.88 42.37h.29l13.29-42.37c.3-1.03.89-1.48 1.92-1.48h18.31c1.03 0 1.48.59 1.18 1.48l-25.39 68.5c-.3.89-.89 1.48-1.77 1.48H27.76ZM81.72 111.57c-.89 0-1.48-.59-1.48-1.48v-68.5c0-.89.59-1.48 1.48-1.48h17.72c.89 0 1.48.59 1.48 1.48v68.5c0 .89-.59 1.48-1.48 1.48H81.72Zm0-82.82c-.89 0-1.48-.59-1.48-1.48V12.65c0-.89.59-1.48 1.48-1.48h17.72c.89 0 1.48.59 1.48 1.48v14.62c0 .89-.59 1.48-1.48 1.48H81.72ZM155.39 87.8v-4.87c0-.59-.29-.88-.89-.88h-10.04c-8.71 0-12.7 2.51-12.7 8.12 0 5.02 3.54 7.53 10.34 7.53 8.86 0 13.29-3.25 13.29-9.89m1.77 23.76c-.89 0-1.48-.59-1.48-1.48v-4.72h-.15c-3.69 4.72-9.89 7.82-19.64 7.82-12.7 0-23.77-6.64-23.77-21.85s11.96-23.03 29.67-23.03h12.7c.59 0 .89-.3.89-.89v-2.66c0-6.64-3.25-9.74-14.62-9.74-7.23 0-12.55 2.07-15.95 4.58-.74.59-1.48.44-1.92-.3l-6.64-11.66c-.44-.89-.3-1.62.44-2.07 6.05-4.28 14.76-7.09 26.58-7.09 23.33 0 31.74 7.97 31.74 25.84v45.77c0 .88-.59 1.48-1.48 1.48h-16.39.02ZM231.28 88.1c.89-2.8 1.33-5.9 1.33-12.25s-.44-9.45-1.33-12.25c-1.62-5.17-5.46-7.68-10.92-7.68s-9.45 2.51-11.07 7.68c-.89 2.8-1.33 5.9-1.33 12.25s.44 9.45 1.33 12.25c1.62 5.02 5.46 7.68 11.07 7.68s9.3-2.66 10.92-7.68Zm2.8 23.47c-.89 0-1.48-.59-1.48-1.48v-5.17h-.15c-3.39 4.87-9.3 8.27-18.75 8.27-11.96 0-20.52-5.91-24.21-17.13-1.77-5.61-2.51-11.07-2.51-20.23s.74-14.61 2.51-20.23c3.69-11.37 12.25-17.12 24.21-17.12 9.45 0 15.36 3.4 18.75 8.27h.15v-34.1c0-.89.59-1.48 1.48-1.48h17.72c.89 0 1.48.59 1.48 1.48v97.44c0 .89-.59 1.48-1.48 1.48h-17.72ZM310.23 68.31c.59 0 .89-.3.89-.89 0-2.21-.3-3.84-.74-5.31-1.62-4.87-6.05-7.82-11.96-7.82-5.91 0-10.33 2.95-11.96 7.82-.44 1.48-.74 3.1-.74 5.31 0 .59.3.89.89.89h23.62Zm-42.52 24.51c-1.48-4.43-2.51-9.6-2.51-16.98 0-7.38.89-12.7 2.36-17.13 4.13-12.85 15.5-20.23 30.71-20.23s26.72 7.53 30.86 20.08c1.47 4.72 2.36 9.89 2.36 22 0 .89-.59 1.48-1.62 1.48h-43.26c-.59 0-.89.3-.89.89.15 1.48.44 2.81.89 3.99 1.92 6.2 7.38 9.45 14.76 9.45s12.26-2.51 16.39-6.35c.74-.59 1.48-.74 2.07 0l9.74 9.15c.74.59.74 1.48.15 2.07-6.79 7.23-17.27 11.96-30.41 11.96-16.24 0-27.46-7.53-31.59-20.37M385.51 68.31c.59 0 .89-.3.89-.89 0-2.21-.29-3.84-.74-5.31-1.62-4.87-6.05-7.82-11.96-7.82-5.91 0-10.33 2.95-11.96 7.82-.44 1.48-.74 3.1-.74 5.31 0 .59.3.89.88.89H385.51Zm-42.52 24.51c-1.48-4.43-2.51-9.6-2.51-16.98 0-7.38.89-12.7 2.36-17.13 4.13-12.85 15.5-20.23 30.71-20.23s26.72 7.53 30.86 20.08c1.48 4.72 2.36 9.89 2.36 22 0 .89-.59 1.48-1.62 1.48h-43.26c-.59 0-.88.3-.88.89.15 1.48.44 2.81.88 3.99 1.92 6.2 7.38 9.45 14.76 9.45s12.26-2.51 16.39-6.35c.74-.59 1.48-.74 2.07 0l9.74 9.15c.74.59.74 1.48.15 2.07-6.79 7.23-17.27 11.96-30.41 11.96-16.24 0-27.46-7.53-31.59-20.37M455.53 54.19l-10.47-10.48H427.6v9.31c0 1.29 1.04 2.33 2.33 2.33h12.8l12.8 12.8 20.94-20.94h18.63c1.28 0 2.33-1.05 2.33-2.33v-9.31h-23.28l-18.62 18.62ZM455.53 15.8 470.66.66h-40.74c-1.29 0-2.33 1.04-2.33 2.33v8.15h23.28l4.66 4.66Z"/>
54 <path fill="currentColor" d="m470.08 13.46-14.55 14.55-6.4-6.4H427.6v11.63h19.2l8.73 8.73 16.89-16.89 25.01.02V13.46h-27.35Z"/> 55</svg> </a> 56 <div 57 class="bg-white/30 md:relative md:border border-white/40 text-black rounded-md md:flex md:flex-row md:items-center md:h-10"> 58 59<nav data-component="menu" data-menu-open="true" title="Hauptmenü" 60 class="flex flex-row transition-all duration-500 max-md:w-full max-md:data-[menu-open=false]:pointer-events-none max-md:data-[menu-open=false]:-translate-x-full max-md:data-[menu-open=false]:opacity-0 md:h-full"> 61 62 63<ul class="hidden md:flex max-md:flex-col w-full md:items-center md:rounded-l-md -m-px" 64 title='Menueinträge'> 65 <li x-cloak x-data="{ open: false }" @click.away="open = false" 66 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 67 <div class="h-full"> 68 <button type="button" @click="open = !open" 69 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap cursor-pointer rounded-l-md data-[opened=true]:rounded-bl-none" 70 aria-expanded="false" :aria-expanded="open.toString()" :data-opened="open ? 'true' : 'false'"> 71 Leistungen </button> 72 </div> 73 <div x-show="open" x-transition:enter="transition ease-out duration-200" 74 x-transition:enter-start="opacity-0 -translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" 75 x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0" 76 x-transition:leave-end="opacity-0 -translate-y-4" class="fixed left-0 z-50 w-[100vw] -left-2"> 77 <div class="container relative z-[200] py-0"> 78 <div class="col-span-full grid grid-cols-3 bg-white py-4 md:py-8 px-6 md:px-8 rounded-md shadow-xl gap-4 md:gap-8 min-w-xs" > 79 <div class="hidden md:block"> 80 <h3 class="text-md font-bold mb-2">Neugierig? </h3> 81 <div class="mb-4 text-sm"><p>Am 09. März 2027 findet unser Online-Kongress für IT-Entscheider:innen und Architekt:innen bereits zum achten Mal statt.</p></div> 82 <a href="https://navigate-kongress.de/navigate-2027-cfp/?mtm_campaign=viadee-Menupanel&mtm_source=viadee.de%20Startseite&mtm_medium=Panel-Link" class="btn btn-primary"> 83 84 85 <button data-type="primary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-violett text-white hover:bg-violett-dark-80 active:bg-violett-50" type="button" > 86 ð Zum NAVIGATE Kongress </button> 87 88 </a> 89 </div> 90 <div class="flex flex-col w-full"> 91 <h4 class="text-lg font-semibold mb-2 text-secondary">Kompetenzbereiche</h4> 92 <ul class="space-y-1"> 93 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 94 <a href="https://www.viadee.de/leistungen/bpm-prozessautomatisierung/" class="text-gray-700 hover:text-primary text-sm"> 95 BPM & Prozessautomatisierung </a> 96 </li> 97 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 98 <a href="https://www.viadee.de/leistungen/quality-engineering/" class="text-gray-700 hover:text-primary text-sm"> 99 Quality Engineering </a> 100 </li> 101 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 102 <a href="https://www.viadee.de/leistungen/organisationsentwicklung/" class="text-gray-700 hover:text-primary text-sm"> 103 Organisationsentwicklung </a> 104 </li> 105 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 106 <a href="https://www.viadee.de/leistungen/softwareentwicklung-und-architektur/" class="text-gray-700 hover:text-primary text-sm">
107 Softwareentwicklung & -architektur </a> 108 </li> 109 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 110 <a href="https://www.viadee.de/leistungen/projektmanagement/" class="text-gray-700 hover:text-primary text-sm"> 111 Projektmanagement </a> 112 </li> 113 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 114 <a href="https://www.viadee.de/leistungen/business-analyse/" class="text-gray-700 hover:text-primary text-sm"> 115 Business Analyse </a> 116 </li> 117 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 118 <a href="https://www.viadee.de/leistungen/data-ai/" class="text-gray-700 hover:text-primary text-sm"> 119 Data & AI </a> 120 </li> 121 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 122 <a href="https://www.viadee.de/leistungen/cloud-architektur-und-plattformen/" class="text-gray-700 hover:text-primary text-sm"> 123 Cloud-Architekturen & -Plattformen </a> 124 </li> 125 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 126 <a href="https://www.viadee.de/leistungen/it-sicherheit/" class="text-gray-700 hover:text-primary text-sm"> 127 IT-Sicherheit </a> 128 </li> 129 </ul> 130</div> <div class="flex flex-col w-full"> 131 <h4 class="text-lg font-semibold mb-2 text-secondary">Produkte & Seminare</h4> 132 <ul class="space-y-1"> 133 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 134 <a href="https://www.viadee.de/produkte/" class="text-gray-700 hover:text-primary text-sm"> 135 Unsere Softwareprodukte </a> 136 </li> 137 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 138 <a href="https://www.viadee.de/seminare/" class="text-gray-700 hover:text-primary text-sm"> 139 Unser Seminarangebot </a> 140 </li> 141 </ul> 142</div> </div> 143</div> 144 </div> 145 </li> 146 <li x-cloak x-data="{ open: false }" @click.away="open = false" 147 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 148 <a href="https://www.viadee.de/referenzen/" data-active="false" 149 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap "> 150 Referenzen </a> 151 152 </li> 153 <li x-cloak x-data="{ open: false }" @click.away="open = false" 154 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 155 <a href="https://www.viadee.de/events/" data-active="false" 156 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap "> 157 Events </a> 158 159 </li> 160 <li x-cloak x-data="{ open: false }" @click.away="open = false" 161 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 162 <div class="h-full"> 163 <button type="button" @click="open = !open" 164 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap cursor-pointer " 165 aria-expanded="false" :aria-expanded="open.toString()" :data-opened="open ? 'true' : 'false'"> 166 Ãber uns </button> 167 </div> 168 <div x-show="open" x-transition:enter="transition ease-out duration-200" 169 x-transition:enter-start="opacity-0 -translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" 170 x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0" 171 x-transition:leave-end="opacity-0 -translate-y-4" class="absolute z-50 mx-auto w-full"> 172 <div class="container relative z-[200] py-0"> 173 <div class="mx-auto w-fit flex flex-col items-center bg-white py-4 md:py-8 px-6 md:px-8 rounded-md shadow-xl gap-4 md:gap-8 min-w-xs" style="transform: translateX(calc(-50% - 1rem));"> 174 <div class="flex flex-col w-full"> 175 <ul class="space-y-1"> 176 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 177 <a href="https://www.viadee.de/ueber-uns/" class="text-gray-700 hover:text-primary text-sm">
178 Unser Antrieb </a> 179 </li> 180 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 181 <a href="https://www.viadee.de/ueber-uns/wer-wir-sind/" class="text-gray-700 hover:text-primary text-sm"> 182 Wer wir sind </a> 183 </li> 184 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 185 <a href="https://www.viadee.de/ueber-uns/forschung-entwicklung/" class="text-gray-700 hover:text-primary text-sm"> 186 Forschung & Entwicklung </a> 187 </li> 188 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 189 <a href="https://www.viadee.de/ueber-uns/nachhaltigkeit/" class="text-gray-700 hover:text-primary text-sm"> 190 Nachhaltigkeit </a> 191 </li> 192 </ul> 193</div> </div> 194</div> 195 </div> 196 </li> 197 <li x-cloak x-data="{ open: false }" @click.away="open = false" 198 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 199 <div class="h-full"> 200 <button type="button" @click="open = !open" 201 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap cursor-pointer " 202 aria-expanded="false" :aria-expanded="open.toString()" :data-opened="open ? 'true' : 'false'"> 203 Karriere </button> 204 </div> 205 <div x-show="open" x-transition:enter="transition ease-out duration-200" 206 x-transition:enter-start="opacity-0 -translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" 207 x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0" 208 x-transition:leave-end="opacity-0 -translate-y-4" class="absolute z-50 mx-auto w-full left-0"> 209 <div class=" relative z-[200] py-0"> 210 <div class="col-span-full grid grid-cols-2 bg-white py-4 md:py-8 px-6 md:px-8 rounded-md shadow-xl gap-4 md:gap-8 min-w-xs" > 211 <div class="hidden md:block"> 212 <h3 class="text-md font-bold mb-2">Du möchtest Dich entfalten?</h3> 213 <div class="mb-4 text-sm"><p>Hier ist der Ort, an dem Du es kannst.</p></div> 214 <a href="https://www.viadee.de/karriere/jobs/" class="btn btn-primary"> 215 216 217 <button data-type="primary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-violett text-white hover:bg-violett-dark-80 active:bg-violett-50" type="button" > 218 Zu den Jobs </button> 219 220 </a> 221 </div> 222 <div class="flex flex-col w-full"> 223 <ul class="space-y-1"> 224 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 225 <a href="https://www.viadee.de/karriere/" class="text-gray-700 hover:text-primary text-sm"> 226 viadee & Du </a> 227 </li> 228 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 229 <a href="https://www.viadee.de/karriere/jobs/" class="text-gray-700 hover:text-primary text-sm"> 230 Jobs </a> 231 </li> 232 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 233 <a href="https://www.viadee.de/karriere/benefits/" class="text-gray-700 hover:text-primary text-sm"> 234 Benefits </a> 235 </li> 236 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 237 <a href="https://www.viadee.de/karriere/faq/" class="text-gray-700 hover:text-primary text-sm"> 238 FAQ </a> 239 </li> 240 <li class="border-b-1 border-violett-20 last:border-b-0 pt-1 pb-1 last:pb-0"> 241 <a href="https://www.viadee.de/karriere/studierende/" class="text-gray-700 hover:text-primary text-sm"> 242 Studierende </a> 243 </li> 244 </ul> 245</div> </div> 246</div> 247 </div> 248 </li> 249 <li x-cloak x-data="{ open: false }" @click.away="open = false" 250 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 251 <a href="https://www.viadee.de/presse/" data-active="false" 252 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap "> 253 Presse </a> 254 255 </li> 256 <li x-cloak x-data="{ open: false }" @click.away="open = false" 257 class="h-full not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 258 <a href="https://www.viadee.de/blog/" data-active="false" 259 class="py-2 w-full text-sm block text-black leading-none transition-all duration-500 data-[opened=true]:bg-white data-[active=true]:text-violett hover:text-violett hover:bg-white max-md:headline-xs md:w-fit md:px-3 md:py-0 md:flex md:justify-center md:items-center md:h-full md:whitespace-nowrap "> 260 Blog </a> 261 262 </li> 263 </ul> 264<ul class="relative flex flex-col w-full pt-4 md:hidden overflow-hidden will-change-[height,opacity,translate] transition-all h-[70vh]" 265 x-show="mobileNavOpen" x-ref="mobileNav" x-transition:enter="ease-out duration-300" 266 x-transition:enter-start="opacity-0 -translate-y-4 max-h-0" 267 x-transition:enter-end="opacity-100 translate-y-0 max-h-[70vh]" x-transition:leave="ease-in duration-500" 268 x-transition:leave-start="opacity-100 translate-y-0 max-h-[70vh]" 269 x-transition:leave-end="opacity-0 -translate-y-4 max-h-0"> 270 271 <li x-data="{ open: false }" @click.away="open = false" 272 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 273 274 275<div x-data="{ openMain: false }"> 276 <button type="button" @click="openMain = !openMain" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase">
277 Leistungen <span class="flex w-2 float-right mt-1"><svg viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 278 <path d="M2 24.0769L14 13L2 1.9231" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 279</svg></span> 280 </button> 281 282 <div x-show="openMain" x-transition:enter="transition ease-out duration-300" 283 x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" 284 x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" 285 x-transition:leave-end="translate-x-full" 286 class="absolute top-0 right-0 h-full w-full max-w-md bg-white overflow-y-auto z-10 pt-4 will-change-[translate]"> 287 <div x-data="{ open: false }" class=""> 288 <div class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase border-b border-b-violett/20">Leistungen</div> 289 290 <button @click="open = !open" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-sm">Kompetenzbereiche <span class="flex w-2 float-right mt-1"><svg viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 291 <path d="M2 24.0769L14 13L2 1.9231" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 292</svg></span> 293 </button> 294 295 <ul x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start=" translate-x-full" 296 x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" 297 x-transition:leave-start="translate-x-0" x-transition:leave-end=" translate-x-full" 298 class="absolute left-0 top-0 w-full h-full bg-white z-30 will-change-[translate] pt-4 "> 299 <li class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold border-b border-b-violett/20">Kompetenzbereiche</li> 300 <li> 301 <a href="https://www.viadee.de/leistungen/bpm-prozessautomatisierung/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 302 BPM & Prozessautomatisierung </a> 303 </li> 304 <li> 305 <a href="https://www.viadee.de/leistungen/quality-engineering/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 306 Quality Engineering </a> 307 </li> 308 <li> 309 <a href="https://www.viadee.de/leistungen/organisationsentwicklung/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 310 Organisationsentwicklung </a> 311 </li> 312 <li> 313 <a href="https://www.viadee.de/leistungen/softwareentwicklung-und-architektur/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 314 Softwareentwicklung & -architektur </a> 315 </li> 316 <li> 317 <a href="https://www.viadee.de/leistungen/projektmanagement/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 318 Projektmanagement </a> 319 </li> 320 <li> 321 <a href="https://www.viadee.de/leistungen/business-analyse/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 322 Business Analyse </a> 323 </li> 324 <li> 325 <a href="https://www.viadee.de/leistungen/data-ai/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 326 Data & AI </a> 327 </li> 328 <li> 329 <a href="https://www.viadee.de/leistungen/cloud-architektur-und-plattformen/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 330 Cloud-Architekturen & -Plattformen </a> 331 </li> 332 <li> 333 <a href="https://www.viadee.de/leistungen/it-sicherheit/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 334 IT-Sicherheit </a> 335 </li> 336 337 <li @click="open = !open" class="bg-white absolute bottom-0 text-violett underline text-xs flex flex-row">
338 <span class="flex w-2.5 mb-0.5 mr-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 24 24"> 339 <path d="M14.895833333333332 21.3125 5.069166666666667 11.485833333333332a0.6865833333333333 0.6865833333333333 0 0 1 0 -0.9716666666666667L14.895833333333332 0.6875" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" stroke-width="2"></path> 340</svg></span> 341 Zurück </li> 342 </ul> 343</div> <div x-data="{ open: false }" class=""> 344 345 <button @click="open = !open" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-sm">Produkte & Seminare <span class="flex w-2 float-right mt-1"><svg viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 346 <path d="M2 24.0769L14 13L2 1.9231" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 347</svg></span> 348 </button> 349 350 <ul x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start=" translate-x-full" 351 x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" 352 x-transition:leave-start="translate-x-0" x-transition:leave-end=" translate-x-full" 353 class="absolute left-0 top-0 w-full h-full bg-white z-30 will-change-[translate] "> 354 <li class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold border-b border-b-violett/20">Produkte & Seminare</li> 355 <li> 356 <a href="https://www.viadee.de/produkte/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 357 Unsere Softwareprodukte </a> 358 </li> 359 <li> 360 <a href="https://www.viadee.de/seminare/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 361 Unser Seminarangebot </a> 362 </li> 363 364 <li @click="open = !open" class="bg-white absolute bottom-0 text-violett underline text-xs flex flex-row"> 365 <span class="flex w-2.5 mb-0.5 mr-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 24 24"> 366 <path d="M14.895833333333332 21.3125 5.069166666666667 11.485833333333332a0.6865833333333333 0.6865833333333333 0 0 1 0 -0.9716666666666667L14.895833333333332 0.6875" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" stroke-width="2"></path> 367</svg></span> 368 Zurück </li> 369 </ul> 370</div> <button @click="openMain = !openMain" 371 class="absolute bg-white bottom-0 text-violett underline text-xs flex flex-row"> 372 <span class="flex w-2.5 mb-0.5 mr-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 24 24"> 373 <path d="M14.895833333333332 21.3125 5.069166666666667 11.485833333333332a0.6865833333333333 0.6865833333333333 0 0 1 0 -0.9716666666666667L14.895833333333332 0.6875" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" stroke-width="2"></path> 374</svg></span> 375 Zurück </button> 376 </div> 377</div> 378 379 </li> 380 <li x-data="{ open: false }" @click.away="open = false" 381 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 382 383 <a href="https://www.viadee.de/referenzen/" data-active="false" 384 class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase"> 385 Referenzen </a> 386 387 </li> 388 <li x-data="{ open: false }" @click.away="open = false" 389 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 390 391 <a href="https://www.viadee.de/events/" data-active="false" 392 class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase"> 393 Events </a> 394 395 </li> 396 <li x-data="{ open: false }" @click.away="open = false" 397 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 398 399 400<div x-data="{ openMain: false }"> 401 <button type="button" @click="openMain = !openMain" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase">
402 Ãber uns <span class="flex w-2 float-right mt-1"><svg viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 403 <path d="M2 24.0769L14 13L2 1.9231" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 404</svg></span> 405 </button> 406 407 <div x-show="openMain" x-transition:enter="transition ease-out duration-300" 408 x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" 409 x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" 410 x-transition:leave-end="translate-x-full" 411 class="absolute top-0 right-0 h-full w-full max-w-md bg-white overflow-y-auto z-10 pt-4 will-change-[translate]"> 412 <div class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase border-b border-b-violett/20">Ãber uns </div> 413 <ul class=""> 414 <li> 415 <a href="https://www.viadee.de/ueber-uns/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 416 Unser Antrieb </a> 417 </li> 418 <li> 419 <a href="https://www.viadee.de/ueber-uns/wer-wir-sind/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 420 Wer wir sind </a> 421 </li> 422 <li> 423 <a href="https://www.viadee.de/ueber-uns/forschung-entwicklung/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 424 Forschung & Entwicklung </a> 425 </li> 426 <li> 427 <a href="https://www.viadee.de/ueber-uns/nachhaltigkeit/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 428 Nachhaltigkeit </a> 429 </li> 430 </ul> 431 <button @click="openMain = !openMain" 432 class="absolute bg-white bottom-0 text-violett underline text-xs flex flex-row"> 433 <span class="flex w-2.5 mb-0.5 mr-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 24 24"> 434 <path d="M14.895833333333332 21.3125 5.069166666666667 11.485833333333332a0.6865833333333333 0.6865833333333333 0 0 1 0 -0.9716666666666667L14.895833333333332 0.6875" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" stroke-width="2"></path> 435</svg></span> 436 Zurück </button> 437 </div> 438</div> 439 440 </li> 441 <li x-data="{ open: false }" @click.away="open = false" 442 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 443 444 445<div x-data="{ openMain: false }"> 446 <button type="button" @click="openMain = !openMain" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase"> 447 Karriere <span class="flex w-2 float-right mt-1"><svg viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 448 <path d="M2 24.0769L14 13L2 1.9231" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> 449</svg></span> 450 </button> 451 452 <div x-show="openMain" x-transition:enter="transition ease-out duration-300" 453 x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" 454 x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" 455 x-transition:leave-end="translate-x-full" 456 class="absolute top-0 right-0 h-full w-full max-w-md bg-white overflow-y-auto z-10 pt-4 will-change-[translate]"> 457 <div class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase border-b border-b-violett/20">Karriere </div> 458 <ul class=""> 459 <li> 460 <a href="https://www.viadee.de/karriere/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 461 viadee & Du </a> 462 </li> 463 <li> 464 <a href="https://www.viadee.de/karriere/jobs/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 465 Jobs </a> 466 </li> 467 <li> 468 <a href="https://www.viadee.de/karriere/benefits/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 469 Benefits </a> 470 </li> 471 <li> 472 <a href="https://www.viadee.de/karriere/faq/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 473 FAQ </a> 474 </li> 475 <li> 476 <a href="https://www.viadee.de/karriere/studierende/" class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold text-xs text-black! font-normal"> 477 Studierende </a> 478 </li> 479 </ul> 480 <button @click="openMain = !openMain" 481 class="absolute bg-white bottom-0 text-violett underline text-xs flex flex-row">
482 <span class="flex w-2.5 mb-0.5 mr-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 24 24"> 483 <path d="M14.895833333333332 21.3125 5.069166666666667 11.485833333333332a0.6865833333333333 0.6865833333333333 0 0 1 0 -0.9716666666666667L14.895833333333332 0.6875" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" stroke-width="2"></path> 484</svg></span> 485 Zurück </button> 486 </div> 487</div> 488 489 </li> 490 <li x-data="{ open: false }" @click.away="open = false" 491 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 492 493 <a href="https://www.viadee.de/presse/" data-active="false" 494 class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase"> 495 Presse </a> 496 497 </li> 498 <li x-data="{ open: false }" @click.away="open = false" 499 class="not-last:max-md:border-b not-last:max-md:border-b-violett/20"> 500 501 <a href="https://www.viadee.de/blog/" data-active="false" 502 class="relative pb-1.5 pt-2.5 w-full text-md block text-start text-violett font-bold uppercase"> 503 Blog </a> 504 505 </li> 506 </ul></nav> 507<div class="max-md:absolute max-md:top-3 max-md:right-3 md:ml-8 md:h-full"> 508 <ul class="flex flex-row h-10 items-center"> 509 <!-- <li class="h-full"> 510 <nav class="flex flex-col h-full text-sm relative group"> 511 <a 512 href="https://www.viadee.de/blog" 513 class="cursor-pointer text-black leading-none flex items-center h-10 px-3 w-full transition-all duration-500 group-hover:bg-white hover:text-primary order-0 block" 514 hreflang="de" 515 > 516 DE 517 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 19" width="19" height="19"> 518 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.146 7.52 4.75 4.75 4.75-4.75"/> 519</svg> 520 </a> 521 <a 522 href="https://www.viadee.de/en" 523 class="cursor-pointer text-black leading-none flex items-center h-10 px-3 w-full transition-all duration-500 group-hover:bg-white hover:text-primary order-2 invisible absolute opacity-0 top-full -translate-y-2 group-hover:opacity-100 group-hover:translate-y-0 group-hover:bg-white group-hover:visible" 524 hreflang="en" 525 > 526 EN 527 </a> 528 </nav> </li> --> 529 <li class="h-full"> 530 <a data-component-navbar="contact" href="https://www.viadee.de/kontakt" 531 class="cursor-pointer text-black leading-none flex items-center justify-center h-full w-10 hover:bg-white hover:text-primary transition-all duration-500 " 532 aria-label="Kontaktieren Sie uns"> 533 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18" class="h-5 w-5"> 534 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" 535 d="M3 3h12a1.504 1.504 0 0 1 1.5 1.5v9A1.504 1.504 0 0 1 15 15H3a1.504 1.504 0 0 1-1.5-1.5v-9A1.505 1.505 0 0 1 3 3Z" /> 536 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" 537 d="M16.5 4.5 9 9.75 1.5 4.5" /> 538 </svg> 539 </a> 540 </li> 541 <li class="h-full"> 542 <button data-component-navbar="search-toggle" @click="searchOpen = true" 543 class="cursor-pointer text-black leading-none flex items-center justify-center h-full w-10 hover:bg-white hover:text-primary transition-all duration-500 md:rounded-tr-md md:rounded-br-md" 544 aria-label="Suche"> 545 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-5 w-5"> 546 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" 547 d="M9.167 15.834a6.667 6.667 0 1 0 0-13.334 6.667 6.667 0 0 0 0 13.334ZM17.5 17.5l-3.625-3.625" /> 548 </svg> 549 </button> 550 </li> 551 <li class="h-full"> 552 <button data-component-navbar="menu-toggle" @click="mobileNavOpen = !mobileNavOpen" class="cursor-pointer text-black leading-none flex items-center justify-center h-full w-10 hover:bg-white hover:text-primary transition-all duration-500 md:hidden" 553 aria-label="Menü umschalten"> 554 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" class="h-5 w-5"> 555 <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" /> 556 </svg> 557 </button> 558 </li> 559 </ul> 560</div> </div> 561 </div> 562 </div> 563</div> 564<header class="relative mb-10 md:mb-0"> 565 <div class="w-full h-fit relative bg-grapefruit bg-linear-100 from-grapefruit to-grapefruit-dark-90 mask-hook sm:mask-hook-xl mask-hook-2xl mask-hook-b-[29%] sm:pb-20 lg:pb-30 sm:-mb-15 pb-10 -mb-10 pt-20 overflow-hidden"> 566 <div class="absolute top-0 left-0 lg:w-full w-7xl h-full overflow-hidden z-0 text-white/20"> 567 <svg viewBox="0 0 1440 558" fill="none" xmlns="http://www.w3.org/2000/svg"> 568<path d="M0 -91.555H312L408 3.79209L552 -143.563H984L1032 -91.555L1128 -195.57H1440" stroke="currentColor 569"/> 570<path d="M0 -74.2191H312L408 21.128L552 -126.227H984L1032 -74.2191L1128 -178.234H1440" stroke="currentColor 571"/> 572<path d="M0 -56.8833H312L408 38.4638L552 -108.891H984L1032 -56.8833L1128 -160.898H1440" stroke="currentColor 573"/> 574<path d="M0 -39.5475H312L408 55.7997L552 -91.555H984L1032 -39.5475L1128 -143.562H1440" stroke="currentColor 575"/> 576<path d="M0 -22.2116H312L408 73.1355L552 -74.2192H984L1032 -22.2116L1128 -126.227H1440" stroke="currentColor 577"/> 578<path d="M0 -4.87583H312L408 90.4713L552 -56.8833H984L1032 -4.87583L1128 -108.891H1440" stroke="currentColor 579"/> 580<path d="M0 12.4601H312L408 107.807L552 -39.5474H984L1032 12.4601L1128 -91.5549H1440" stroke="currentColor 581"/> 582<path d="M0 29.7959H312L408 125.143L552 -22.2116H984L1032 29.7959L1128 -74.2191H1440" stroke="currentColor 583"/> 584<path d="M0 47.1317H312L408 142.479L552 -4.87578H984L1032 47.1317L1128 -56.8833H1440" stroke="currentColor 585"/> 586<path d="M0 64.4676H312L408 159.815L552 12.46H984L1032 64.4676L1128 -39.5475H1440" stroke="currentColor 587"/> 588<path d="M0 81.8034H312L408 177.15L552 29.7959H984L1032 81.8034L1128 -22.2117H1440" stroke="currentColor 589"/> 590<path d="M0 99.1393H312L408 194.486L552 47.1318H984L1032 99.1393L1128 -4.87573H1440" stroke="currentColor 591"/> 592<path d="M0 116.475H312L408 211.822L552 64.4676H984L1032 116.475L1128 12.4601H1440" stroke="currentColor 593"/> 594<path d="M0 133.811H312L408 229.158L552 81.8034H984L1032 133.811L1128 29.7959H1440" stroke="currentColor 595"/> 596<path d="M0 151.147H312L408 246.494L552 99.1392H984L1032 151.147L1128 47.1317H1440" stroke="currentColor 597"/> 598<path d="M0 168.483H312L408 263.83L552 116.475H984L1032 168.483L1128 64.4675H1440" stroke="currentColor 599"/> 600<path d="M0 185.819H312L408 281.166L552 133.811H984L1032 185.819L1128 81.8035H1440" stroke="currentColor 601"/> 602<path d="M0 203.154H312L408 298.501L552 151.147H984L1032 203.154L1128 99.1393H1440" stroke="currentColor 603"/> 604<path d="M0 220.49H312L408 315.837L552 168.483H984L1032 220.49L1128 116.475H1440" stroke="currentColor 605"/> 606<path d="M0 237.826H312L408 333.173L552 185.818H984L1032 237.826L1128 133.811H1440" stroke="currentColor 607"/> 608<path d="M0 255.162H312L408 350.509L552 203.154H984L1032 255.162L1128 151.147H1440" stroke="currentColor 609"/> 610<path d="M0 272.498H312L408 367.845L552 220.49H984L1032 272.498L1128 168.483H1440" stroke="currentColor 611"/> 612<path d="M0 289.834H312L408 385.181L552 237.826H984L1032 289.834L1128 185.818H1440" stroke="currentColor 613"/> 614<path d="M0 307.169H312L408 402.516L552 255.162H984L1032 307.169L1128 203.154H1440" stroke="currentColor 615"/> 616<path d="M0 324.505H312L408 419.852L552 272.498H984L1032 324.505L1128 220.49H1440" stroke="currentColor 617"/> 618<path d="M0 341.841H312L408 437.188L552 289.833H984L1032 341.841L1128 237.826H1440" stroke="currentColor 619"/> 620<path d="M0 359.177H312L408 454.524L552 307.169H984L1032 359.177L1128 255.162H1440" stroke="currentColor 621"/> 622<path d="M0 376.513H312L408 471.86L552 324.505H984L1032 376.513L1128 272.498H1440" stroke="currentColor 623"/> 624<path d="M0 393.849H312L408 489.196L552 341.841H984L1032 393.849L1128 289.833H1440" stroke="currentColor 625"/> 626<path d="M0 411.184H312L408 506.532L552 359.177H984L1032 411.184L1128 307.169H1440" stroke="currentColor 627"/> 628<path d="M0 428.52H312L408 523.867L552 376.513H984L1032 428.52L1128 324.505H1440" stroke="currentColor 629"/> 630<path d="M0 445.856H312L408 541.203L552 393.849H984L1032 445.856L1128 341.841H1440" stroke="currentColor 631"/> 632<path d="M0 463.192H312L408 558.539L552 411.184H984L1032 463.192L1128 359.177H1440" stroke="currentColor 633"/> 634<path d="M0 480.528H312L408 575.875L552 428.52H984L1032 480.528L1128 376.513H1440" stroke="currentColor 635"/> 636<path d="M0 497.864H312L408 593.211L552 445.856H984L1032 497.864L1128 393.849H1440" stroke="currentColor 637"/> 638<path d="M0 515.199H312L408 610.546L552 463.192H984L1032 515.199L1128 411.184H1440" stroke="currentColor 639"/> 640<path d="M0 532.535H312L408 627.882L552 480.528H984L1032 532.535L1128 428.52H1440" stroke="currentColor 641"/> 642<path d="M0 549.871H312L408 645.218L552 497.864H984L1032 549.871L1128 445.856H1440" stroke="currentColor 643"/> 644<path d="M0 567.207H312L408 662.554L552 515.199H984L1032 567.207L1128 463.192H1440" stroke="currentColor 645"/> 646<path d="M0 584.543H312L408 679.89L552 532.535H984L1032 584.543L1128 480.528H1440" stroke="currentColor 647"/>
648<path d="M0 601.879H312L408 697.226L552 549.871H984L1032 601.879L1128 497.864H1440" stroke="currentColor 649"/> 650<path d="M0 619.215H312L408 714.562L552 567.207H984L1032 619.215L1128 515.199H1440" stroke="currentColor 651"/> 652<path d="M0 636.55H312L408 731.897L552 584.543H984L1032 636.55L1128 532.535H1440" stroke="currentColor 653"/> 654<path d="M0 653.886H312L408 749.233L552 601.879H984L1032 653.886L1128 549.871H1440" stroke="currentColor 655"/> 656</svg> 657 </div> 658 659 660<nav class="container" data-padding-top="xs" data-padding-bottom="xs" aria-label="Breadcrumb"> 661 <ol class="flex flex-row flex-nowrap text-nowrap space-x-2 md:space-x-4 items-center text-sm col-span-full z-10"> 662 <li 663 class="after:content-['|'] after:ml-2 md:after:ml-4 after:opacity-50 last:after:content-none last:overflow-hidden last:text-ellipsis"> 664 <a href="https://www.viadee.de" class="hover:underline"> 665 Startseite </a> 666 </li> 667 <li 668 class="after:content-['|'] after:ml-2 md:after:ml-4 after:opacity-50 last:after:content-none last:overflow-hidden last:text-ellipsis"> 669 <a href="https://www.viadee.de/blog" class="hover:underline"> 670 Blog </a> 671 </li> 672 </ol> 673</nav> 674 <div data-padding-top="xs" data-padding-bottom="xs" class="container"> 675 <div class="col-span-full grid grid-cols-subgrid gap-y-4 md:gap-y-8 gap-x-4 z-10"> 676 <div class="flow col-span-full sm:col-span-full md:col-span-9"> 677 <h1 class="text-white">Viadee Blog</h1> 678 <div class="bodytext-lg text-white text-xl!"><p>In unserem Blog schreiben unsere Berater:innen zu Themen, die sie und unsere Kunden bewegen - im breiten Themenspektrum unserer Kompetenzbereiche. </p></div> 679 </div> 680 681 <!-- Blogartikel: Zeige Datum und Reading Time --> 682 683 <!-- Pagelinks --> 684 685 <!-- Buttons --> 686 687 </div> 688 </div> 689 </div> 690 691 </header> 692 <main> 693 694 <!-- Artikelliste --> 695 696<section id='article-list' class="data-[bg=white]:bg-white data-[bg=none]:bg-transparent data-[bg='']:bg-transparent data-[bg=violett]:bg-violett-5 pt-md md:pt-lg pb-md md:pb-lg "> 697 698<div data-vertical-alignment="start" data-width="default" 699 data-padding-top="default" data-padding-bottom="default" 700 class="container data-[width=narrow]:max-w-layout-narrow data-[width=full]:max-w-full data-[vertical-alignment=stretch]:items-stretch data-[vertical-alignment=start]:items-start data-[vertical-alignment=center]:items-center data-[vertical-alignment=end]:items-end"> 701 <div class="col-span-full"> 702 703<div data-component="articles-list" class="grid-custom"> 704 705 <form method="GET" 706 class="col-span-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-4 lg:h-0 lg:mb-14 z-20"> 707 <div> 708 <div class="bg-violett-5 border border-violett-20 rounded-md flow" 709 x-data="{ opentags: false }"> 710 <h5 class="flex flex-row gap-2 items-center cursor-pointer p-4" 711 @click="opentags = !opentags"> 712 <span class="w-5 h-5"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" fill="none" viewBox="0 0 16 16"> 713 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.671 9.676-4.988 4.988a1.39 1.39 0 0 1-1.968 0L1.739 8.696V1.739h6.957l5.975 5.976a1.391 1.391 0 0 1 0 1.961ZM5.217 5.217h.006"/> 714</svg> 715</span> 716 <span class="flex-1">Themen</span> 717 <span class="w-5 h-5 transition-transform" :class="{ 'rotate-180': opentags }"> 718 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 19" width="19" height="19"> 719 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.146 7.52 4.75 4.75 4.75-4.75"/> 720</svg> 721 </span> 722 </h5> 723 <div class="space-y-3 px-4 pb-4" x-show="opentags" 724 x-transition:enter="transition ease-out duration-700" x-transition:enter-start="opacity-0 -translate-y-2" 725 x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" 726 x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-2"> 727 <label for="checkbox-tags[]-6ab4fbc40e37a" 728 class="flex items-center gap-3 cursor-pointer "> 729 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e37a" value="viadee News" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 730 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 731 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 732 <p class="text-sm text-black"> 733 viadee News<br /> 734 </p> 735</label> <label for="checkbox-tags[]-6ab4fbc40e388" 736 class="flex items-center gap-3 cursor-pointer "> 737 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e388" value="Künstliche Intelligenz" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 738 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 739 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 740 <p class="text-sm text-black"> 741 Künstliche Intelligenz<br /> 742 </p> 743</label> <label for="checkbox-tags[]-6ab4fbc40e38f" 744 class="flex items-center gap-3 cursor-pointer "> 745 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e38f" value="Atlassian" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 746 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 747 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 748 <p class="text-sm text-black"> 749 Atlassian<br /> 750 </p> 751</label> <label for="checkbox-tags[]-6ab4fbc40e394" 752 class="flex items-center gap-3 cursor-pointer "> 753 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e394" value="Cloud" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 754 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 755 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 756 <p class="text-sm text-black"> 757 Cloud<br /> 758 </p> 759</label> <label for="checkbox-tags[]-6ab4fbc40e39a" 760 class="flex items-center gap-3 cursor-pointer "> 761 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e39a" value="Data & AI" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 762 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 763 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 764 <p class="text-sm text-black"> 765 Data & AI<br /> 766 </p> 767</label> <label for="checkbox-tags[]-6ab4fbc40e39f" 768 class="flex items-center gap-3 cursor-pointer "> 769 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e39f" value="Java & Architektur" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 770 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 771 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 772 <p class="text-sm text-black"> 773 Java & Architektur<br /> 774 </p> 775</label> <label for="checkbox-tags[]-6ab4fbc40e3a5" 776 class="flex items-center gap-3 cursor-pointer "> 777 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3a5" value="Business Process Management" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 778 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 779 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 780 <p class="text-sm text-black"> 781 Business Process Management<br /> 782 </p> 783</label> <label for="checkbox-tags[]-6ab4fbc40e3aa" 784 class="flex items-center gap-3 cursor-pointer "> 785 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3aa" value="Business Intelligence" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 786 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 787 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 788 <p class="text-sm text-black"> 789 Business Intelligence<br /> 790 </p> 791</label> <label for="checkbox-tags[]-6ab4fbc40e3af" 792 class="flex items-center gap-3 cursor-pointer "> 793 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3af" value="Mobile- und Weblösungen" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 794 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 795 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 796 <p class="text-sm text-black"> 797 Mobile- und Weblösungen<br /> 798 </p> 799</label> <label for="checkbox-tags[]-6ab4fbc40e3b5" 800 class="flex items-center gap-3 cursor-pointer "> 801 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3b5" value="Karriere" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 802 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 803 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 804 <p class="text-sm text-black"> 805 Karriere<br /> 806 </p> 807</label> <label for="checkbox-tags[]-6ab4fbc40e3ba" 808 class="flex items-center gap-3 cursor-pointer "> 809 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3ba" value="Testautomatisierung" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 810 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 811 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 812 <p class="text-sm text-black"> 813 Testautomatisierung<br /> 814 </p> 815</label> <label for="checkbox-tags[]-6ab4fbc40e3bf" 816 class="flex items-center gap-3 cursor-pointer "> 817 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3bf" value="IT-Sicherheit" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 818 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 819 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 820 <p class="text-sm text-black"> 821 IT-Sicherheit<br /> 822 </p> 823</label> <label for="checkbox-tags[]-6ab4fbc40e3c5" 824 class="flex items-center gap-3 cursor-pointer "> 825 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3c5" value="Business Analyse & User Experience" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 826 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 827 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 828 <p class="text-sm text-black"> 829 Business Analyse & User Experience<br /> 830 </p> 831</label> <label for="checkbox-tags[]-6ab4fbc40e3ca" 832 class="flex items-center gap-3 cursor-pointer "> 833 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3ca" value="Qualitätssicherung" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 834 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 835 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 836 <p class="text-sm text-black"> 837 Qualitätssicherung<br /> 838 </p> 839</label> <label for="checkbox-tags[]-6ab4fbc40e3cf" 840 class="flex items-center gap-3 cursor-pointer "> 841 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3cf" value="Robotic Process Automation" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 842 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 843 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 844 <p class="text-sm text-black"> 845 Robotic Process Automation<br /> 846 </p> 847</label> <label for="checkbox-tags[]-6ab4fbc40e3d4" 848 class="flex items-center gap-3 cursor-pointer "> 849 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3d4" value="Forschung & Entwicklung" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 850 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 851 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 852 <p class="text-sm text-black"> 853 Forschung & Entwicklung<br /> 854 </p> 855</label> <label for="checkbox-tags[]-6ab4fbc40e3da" 856 class="flex items-center gap-3 cursor-pointer "> 857 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3da" value="Digitale Souveränität" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 858 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 859 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 860 <p class="text-sm text-black"> 861 Digitale Souveränität<br /> 862 </p> 863</label> <label for="checkbox-tags[]-6ab4fbc40e3df" 864 class="flex items-center gap-3 cursor-
864pointer "> 865 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3df" value="Legacy IT" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 866 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 867 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 868 <p class="text-sm text-black"> 869 Legacy IT<br /> 870 </p> 871</label> <label for="checkbox-tags[]-6ab4fbc40e3e4" 872 class="flex items-center gap-3 cursor-pointer "> 873 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3e4" value="Wissenschaftliche Arbeiten" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 874 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 875 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 876 <p class="text-sm text-black"> 877 Wissenschaftliche Arbeiten<br /> 878 </p> 879</label> <label for="checkbox-tags[]-6ab4fbc40e3e9" 880 class="flex items-center gap-3 cursor-pointer "> 881 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3e9" value="Data Science" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 882 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 883 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 884 <p class="text-sm text-black"> 885 Data Science<br /> 886 </p> 887</label> <label for="checkbox-tags[]-6ab4fbc40e3ef" 888 class="flex items-center gap-3 cursor-pointer "> 889 <input type="checkbox" name="tags[]" id="checkbox-tags[]-6ab4fbc40e3ef" value="Clean Code" class="peer appearance-none w-6 h-6 border border-violett/20 bg-violett/10 rounded-sm transition-all checked:text-violett relative 890 before:content-['â'] before:absolute before:top-[12px] before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 891 before:text-sm before:text-violett before:opacity-0 checked:before:opacity-100 cursor-pointer before:font-bold"> 892 <p class="text-sm text-black"> 893 Clean Code<br /> 894 </p> 895</label> </div> 896</div> </div> 897 <div> 898 899 900 <button data-type="primary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-violett text-white hover:bg-violett-dark-80 active:bg-violett-50" type="submit" > 901 Filtern </button> 902 903 </div> 904 </form> 905 <div class="col-span-full md:col-span-4"> 906 907 908<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 909 <a href="https://www.viadee.de/blog/ein-buch-bauen-wie-software-wie-ki-die-bucherstellung-veraendert" class="absolute inset-0 z-10" rel="noopener"></a> 910 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 911 <div class="bodytext-xs"> 912 <p>11 Sep. 2026</p> 913 </div> 914 915 <h4>Ein Buch bauen wie Software: Wie KI die Bucherstellung verändert</h4> 916 917 918 <div class="mt-4"> 919 920 921 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/ein-buch-bauen-wie-software-wie-ki-die-bucherstellung-veraendert" >
922 Jetzt lesen </a> 923 924 </div> 925 </div> 926 <div class="col-span-full -order-1 aspect-video"> 927 <img src="https://www.viadee.de/media/pages/blog/ein-buch-bauen-wie-software-wie-ki-die-bucherstellung-veraendert/482078a35c-1789028902/raffelsieper_48842_1920x1920px.jpg" alt="Buch" class="object-cover w-full h-full" /> 928 </div> 929 </article> 930 </div> 931 <div class="col-span-full md:col-span-4"> 932 933 934<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 935 <a href="https://www.viadee.de/blog/atlassian-data-center-endet-2029-entscheidungshilfe-fuer-regulierte-unternehmen" class="absolute inset-0 z-10" rel="noopener"></a> 936 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 937 <div class="bodytext-xs"> 938 <p>08 Sep. 2026</p> 939 </div> 940 941 <h4>Atlassian Data Center endet 2029: Entscheidungshilfe für regulierte Unternehmen</h4> 942 943 944 <div class="mt-4"> 945 946 947 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/atlassian-data-center-endet-2029-entscheidungshilfe-fuer-regulierte-unternehmen" > 948 Jetzt lesen </a> 949 950 </div> 951 </div> 952 <div class="col-span-full -order-1 aspect-video"> 953 <img src="https://www.viadee.de/media/pages/blog/atlassian-data-center-endet-2029-entscheidungshilfe-fuer-regulierte-unternehmen/735436cca7-1788875489/grafik-20260825-151931.png" alt="" class="object-cover w-full h-full" /> 954 </div> 955 </article> 956 </div> 957 <div class="col-span-full md:col-span-4"> 958 959 960<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 961 <a href="https://www.viadee.de/blog/bpmn-interoperabilitaet-live-erleben-der-bpmn-modeler-auf-der-workflow-analytica-2026" class="absolute inset-0 z-10" rel="noopener"></a> 962 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 963 <div class="bodytext-xs"> 964 <p>02 Sep. 2026</p> 965 </div> 966 967 <h4>BPMN Interoperabilität live erleben: Der BPMN Modeler auf der Workflow Analytica 2026</h4> 968 969 970 <div class="mt-4"> 971 972 973 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/bpmn-interoperabilitaet-live-erleben-der-bpmn-modeler-auf-der-workflow-analytica-2026" > 974 Jetzt lesen </a> 975 976 </div> 977 </div> 978 <div class="col-span-full -order-1 aspect-video"> 979 <img src="https://www.viadee.de/media/pages/blog/bpmn-interoperabilitaet-live-erleben-der-bpmn-modeler-auf-der-workflow-analytica-2026/30ceffebf2-1788267129/chatgpt-image-1.-sept.-2026-14_51_28.png" alt="" class="object-cover w-full h-full" /> 980 </div> 981 </article> 982 </div> 983 <div class="col-span-full md:col-span-4"> 984 985 986<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 987 <a href="https://www.viadee.de/blog/llms-und-us-hyperscaler-wann-bequemlichkeit-zum-problem-wird" class="absolute inset-0 z-10" rel="noopener"></a> 988 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 989 <div class="bodytext-xs"> 990 <p>24 Aug. 2026</p> 991 </div> 992 993 <h4>LLMs und US-Hyperscaler: Wann Bequemlichkeit zum Problem wird</h4> 994 995 996 <div class="mt-4"> 997 998 999 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/llms-und-us-hyperscaler-wann-bequemlichkeit-zum-problem-wird" >
1000 Jetzt lesen </a> 1001 1002 </div> 1003 </div> 1004 <div class="col-span-full -order-1 aspect-video"> 1005 <img src="https://www.viadee.de/media/pages/blog/llms-und-us-hyperscaler-wann-bequemlichkeit-zum-problem-wird/96eb68478f-1787555689/llms-und-us-hyperscaler.webp" alt="" class="object-cover w-full h-full" /> 1006 </div> 1007 </article> 1008 </div> 1009 <div class="col-span-full md:col-span-4"> 1010 1011 1012<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1013 <a href="https://www.viadee.de/blog/opencode-und-ai-coding-agenten-als-migrationsbruecke-zu-den-camunda-8-features" class="absolute inset-0 z-10" rel="noopener"></a> 1014 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1015 <div class="bodytext-xs"> 1016 <p>17 Aug. 2026</p> 1017 </div> 1018 1019 <h4>OpenCode und AI-Coding-Agenten als Migrationsbrücke zu den Camunda 8 Features</h4> 1020 1021 1022 <div class="mt-4"> 1023 1024 1025 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/opencode-und-ai-coding-agenten-als-migrationsbruecke-zu-den-camunda-8-features" > 1026 Jetzt lesen </a> 1027 1028 </div> 1029 </div> 1030 <div class="col-span-full -order-1 aspect-video"> 1031 <img src="https://www.viadee.de/media/pages/blog/opencode-und-ai-coding-agenten-als-migrationsbruecke-zu-den-camunda-8-features/2084ea1bca-1786955928/migrationsbruecke.webp" alt="AI als Hilfe zur Migration" class="object-cover w-full h-full" /> 1032 </div> 1033 </article> 1034 </div> 1035 <div class="col-span-full md:col-span-4"> 1036 1037 1038<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1039 <a href="https://www.viadee.de/blog/atlassian-teamwork-graph-cli-und-rovo-mcp-was-steckt-wirklich-dahinter" class="absolute inset-0 z-10" rel="noopener"></a> 1040 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1041 <div class="bodytext-xs"> 1042 <p>22 Jul. 2026</p> 1043 </div> 1044 1045 <h4>Atlassian Teamwork Graph, CLI und Rovo MCP: Was steckt wirklich dahinter?</h4> 1046 1047 1048 <div class="mt-4"> 1049 1050 1051 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/atlassian-teamwork-graph-cli-und-rovo-mcp-was-steckt-wirklich-dahinter" > 1052 Jetzt lesen </a> 1053 1054 </div> 1055 </div> 1056 <div class="col-span-full -order-1 aspect-video"> 1057 <img src="https://www.viadee.de/media/pages/blog/atlassian-teamwork-graph-cli-und-rovo-mcp-was-steckt-wirklich-dahinter/977a2f04bb-1784111063/atlassian-teamwork-graph.webp" alt="Teamwork Graph zur Verdeutlichtung." class="object-cover w-full h-full" /> 1058 </div> 1059 </article> 1060 </div> 1061 <div class="col-span-full md:col-span-4"> 1062 1063 1064<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1065 <a href="https://www.viadee.de/blog/dbt-projekte-nativ-in-snowflake-betreiben" class="absolute inset-0 z-10" rel="noopener"></a> 1066 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1067 <div class="bodytext-xs"> 1068 <p>13 Jul. 2026</p> 1069 </div> 1070 1071 <h4>dbt Projekte nativ in Snowflake betreiben</h4> 1072 1073 1074 <div class="mt-4"> 1075 1076 1077 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/dbt-projekte-nativ-in-snowflake-betreiben" >
1078 Jetzt lesen </a> 1079 1080 </div> 1081 </div> 1082 <div class="col-span-full -order-1 aspect-video"> 1083 <img src="https://www.viadee.de/media/pages/blog/dbt-projekte-nativ-in-snowflake-betreiben/761cc86032-1783437059/titelbild_2-2.png" alt="" class="object-cover w-full h-full" /> 1084 </div> 1085 </article> 1086 </div> 1087 <div class="col-span-full md:col-span-4"> 1088 1089 1090<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1091 <a href="https://www.viadee.de/blog/warum-ich-mittlerweile-auf-pnpm-umgestiegen-bin" class="absolute inset-0 z-10" rel="noopener"></a> 1092 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1093 <div class="bodytext-xs"> 1094 <p>09 Jul. 2026</p> 1095 </div> 1096 1097 <h4>Warum ich mittlerweile auf pnpm umgestiegen bin</h4> 1098 1099 1100 <div class="mt-4"> 1101 1102 1103 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/warum-ich-mittlerweile-auf-pnpm-umgestiegen-bin" > 1104 Jetzt lesen </a> 1105 1106 </div> 1107 </div> 1108 <div class="col-span-full -order-1 aspect-video"> 1109 <img src="https://www.viadee.de/media/pages/blog/warum-ich-mittlerweile-auf-pnpm-umgestiegen-bin/d866e78c4f-1783327653/pnpm-umstieg.webp" alt="" class="object-cover w-full h-full" /> 1110 </div> 1111 </article> 1112 </div> 1113 <div class="col-span-full md:col-span-4"> 1114 1115 1116<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1117 <a href="https://www.viadee.de/blog/viadee-goes-hannover" class="absolute inset-0 z-10" rel="noopener"></a> 1118 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1119 <div class="bodytext-xs"> 1120 <p>08 Jul. 2026</p> 1121 </div> 1122 1123 <h4>Hallo Hannover: Ein neuer Standort mit viel Potenzial</h4> 1124 1125 1126 <div class="mt-4"> 1127 1128 1129 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/viadee-goes-hannover" > 1130 Jetzt lesen </a> 1131 1132 </div> 1133 </div> 1134 <div class="col-span-full -order-1 aspect-video"> 1135 <img src="https://www.viadee.de/media/pages/blog/viadee-goes-hannover/8815573522-1783509921/viadee-goes-hannover.png" alt="" class="object-cover w-full h-full" /> 1136 </div> 1137 </article> 1138 </div> 1139 <div class="col-span-full md:col-span-4"> 1140 1141 1142<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1143 <a href="https://www.viadee.de/blog/ehrenamt-neben-der-beratung-maedchenfoerderung-im-schach" class="absolute inset-0 z-10" rel="noopener"></a> 1144 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1145 <div class="bodytext-xs"> 1146 <p>06 Jul. 2026</p> 1147 </div> 1148 1149 <h4>Ehrenamt neben der Beratung - Mädchenförderung im Schach</h4> 1150 1151 1152 <div class="mt-4"> 1153 1154 1155 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/ehrenamt-neben-der-beratung-maedchenfoerderung-im-schach" > 1156 Jetzt lesen </a> 1157 1158 </div> 1159 </div> 1160 <div class="col-span-full -order-1 aspect-video"> 1161 <img src="https://www.viadee.de/media/pages/blog/ehrenamt-neben-der-beratung-maedchenfoerderung-im-schach/158ac96795-1783341973/maedchenfoerderung-schach-1.webp" alt="Ein Gruppenfoto 2025." class="object-cover w-full h-full" /> 1162 </div> 1163 </article> 1164 </div> 1165 <div class="col-span-full md:col-span-4"> 1166 1167 1168<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1169 <a href="https://www.viadee.de/blog/der-eigene-lokale-ki-coding-assistent-mit-opencode" class="absolute inset-0 z-10" rel="noopener"></a> 1170 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1171 <div class="bodytext-xs"> 1172 <p>02 Jul. 2026</p> 1173 </div> 1174 1175 <h4>Der eigene, lokale KI-Coding-Assistent mit OpenCode</h4> 1176 1177 1178 <div class="mt-4"> 1179 1180 1181 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/der-eigene-lokale-ki-coding-assistent-mit-opencode" >
1182 Jetzt lesen </a> 1183 1184 </div> 1185 </div> 1186 <div class="col-span-full -order-1 aspect-video"> 1187 <img src="https://www.viadee.de/media/pages/blog/der-eigene-lokale-ki-coding-assistent-mit-opencode/e28a407a47-1782731991/code-assistant.webp" alt="Der eigene KI-Coding Assistent." class="object-cover w-full h-full" /> 1188 </div> 1189 </article> 1190 </div> 1191 <div class="col-span-full md:col-span-4"> 1192 1193 1194<article data-component="article-card" class="relative h-full group bg-white border border-violett/20 rounded-md overflow-hidden transition grid grid-cols-3 hover:bg-violett/5 transition-all duration-300"> 1195 <a href="https://www.viadee.de/blog/neue-oberflaechen-neue-wege-treffen-der-robot-framework-usergroup-muensterland" class="absolute inset-0 z-10" rel="noopener"></a> 1196 <div class="col-span-full p-4 md:p-8 flex flex-col gap-2"> 1197 <div class="bodytext-xs"> 1198 <p>29 Jun. 2026</p> 1199 </div> 1200 1201 <h4>Neue Oberflächen, neue Wege â Treffen der Robot Framework Usergroup Münsterland</h4> 1202 1203 1204 <div class="mt-4"> 1205 1206 1207 <a data-type="secondary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-white text-violett border border-violett-30 hover:bg-violett-10" href="https://www.viadee.de/blog/neue-oberflaechen-neue-wege-treffen-der-robot-framework-usergroup-muensterland" > 1208 Jetzt lesen </a> 1209 1210 </div> 1211 </div> 1212 <div class="col-span-full -order-1 aspect-video"> 1213 <img src="https://www.viadee.de/media/pages/blog/neue-oberflaechen-neue-wege-treffen-der-robot-framework-usergroup-muensterland/58c722570f-1782398539/treffen-der-robot-framework-usergroup-muensterland.webp" alt="Ein Bild des Treffens." class="object-cover w-full h-full" /> 1214 </div> 1215 </article> 1216 </div> 1217 <div class="col-span-full"> 1218 1219<nav class="pagination"> 1220 <ul class="flex flex-row gap-2 text-violett font-bold"> 1221 <li 1222 class="w-10 h-10 flex items-center justify-center border-1 rounded-sm border-violett-muted hover:bg-violett-10 cursor-pointer transition-all bg-white"> 1223 <a href="https://www.viadee.de/blog?page=1" 1224 class="align-middle text-center w-full h-full flex items-center justify-center *:w-3 *:h-3" 1225 aria-current="page"> 1226 1 </a> 1227 </li> 1228 <li 1229 class="w-10 h-10 flex items-center justify-center border-1 rounded-sm border-violett-muted hover:bg-violett-10 cursor-pointer transition-all bg-violett-5"> 1230 <a href="https://www.viadee.de/blog?page=2" 1231 class="align-middle text-center w-full h-full flex items-center justify-center *:w-3 *:h-3" 1232 aria-current="false"> 1233 2 </a> 1234 </li> 1235 <li 1236 class="w-10 h-10 flex items-center justify-center border-1 rounded-sm border-violett-muted hover:bg-violett-10 cursor-pointer transition-all bg-violett-5"> 1237 <a href="https://www.viadee.de/blog?page=3" 1238 class="align-middle text-center w-full h-full flex items-center justify-center *:w-3 *:h-3" 1239 aria-current="false"> 1240 3 </a> 1241 </li> 1242 <li class="w-10 h-10 flex items-center justify-center border-1 rounded-sm border-violett-muted bg-violett-5"> 1243 <span class="dots">â¦</span> 1244 </li> 1245 <li 1246 class="w-10 h-10 flex items-center justify-center border-1 rounded-sm border-violett-muted hover:bg-violett-10 cursor-pointer transition-all bg-violett-5"> 1247 <a href="https://www.viadee.de/blog?page=2" 1248 class="align-middle text-center w-full h-full flex items-center justify-center *:w-3 *:h-3" 1249 aria-current="false"> 1250 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1251<path d="M1 8H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1252<path d="M8 1L15 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1253</svg> 1254 </a> 1255 </li> 1256 </ul> 1257</nav> </div> 1258 </div> </div> 1259 </div> </section> 1260 </main> 1261 </div> 1262 1263<section data-bg='none' class="data-[bg=white]:bg-white data-[bg=none]:bg-transparent data-[bg='']:bg-transparent data-[bg=violett]:bg-violett-5 pt-md md:pt-lg pb-md md:pb-lg "> 1264 1265<div data-vertical-alignment="start" data-width="default" 1266 data-padding-top="default" data-padding-bottom="default" 1267 class="container data-[width=narrow]:max-w-layout-narrow data-[width=full]:max-w-full data-[vertical-alignment=stretch]:items-stretch data-[vertical-alignment=start]:items-start data-[vertical-alignment=center]:items-center data-[vertical-alignment=end]:items-end"> 1268 1269 1270 1271<div 1272 class="col-span-4 sm:col-span-12 flex flex-col gap-y-6 md:gap-y-10 *:max-w-full"> 1273 <div data-block-type="cta-banner"> 1274 1275<div class="grid-custom py-20">
1276 <div class="col-span-full md:col-span-7 relative flex flex-col justify-center gap-4"> 1277 <span 1278 class="absolute text-violett-muted w-2/3 md:w-1/2 aspect-square top-1/2 left-1/2 transform-[translate(-50%,-50%)]"> 1279 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 303 328"> 1280 <mask 1281 id="a" 1282 width="301" 1283 height="326" 1284 x="1" 1285 y="1" 1286 maskUnits="userSpaceOnUse" 1287 style="mask-type:luminance" 1288 > 1289 <path 1290 fill="#fff" 1291 d="M4.7 139.1c9.4 42.3 43.1 75.2 85.6 83.9 10 2 19.7 2.7 29.2 2.3 13.6-.7 24.8 10.1 25 23.7.1 6.7 1.1 13.4 3 20.2 11.5 40.9 53.4 65.1 94.3 55 43.9-10.8 69.7-56.1 56.5-99.3-8.5-28-31.4-47.9-58.3-53.8-13.2-2.9-21-16.4-17.6-29.5 4-15.3 4.8-31.9 1.7-49.1-7.3-40.4-46.4-80.7-86.6-88.9-8-1.6-15.9-2.4-23.6-2.4C43.6 1.2-11.6 65.9 4.7 139v.1Z" 1292 /> 1293 </mask> 1294 <g mask="url(#a)"> 1295 <path 1296 stroke="currentColor" 1297 stroke-miterlimit="10" 1298 stroke-width="2" 1299 d="M-339.2-44.9h114.4L-179.6.3l85.7-85.7h228.7L180-40.2l85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2-24.7h114.4l45.2 45.2 85.7-85.7h228.7L180-20l85.7-85.7h228.7l45.2 45.2 85.6-85.5h114.4M-339.2-4.4h114.4l45.2 45.2 85.7-85.7h228.7L180 .3l85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 15.8h114.4l45.2 45.2 85.7-85.7h228.7L180 20.5l85.7-85.7h228.7L539.6-20l85.7-85.7h114.4M-339.2 36h114.4l45.2 45.2 85.7-85.7h228.7L180 40.7 265.7-45h228.7L539.6.2l85.7-85.7h114.4M-339.2 56.3h114.4l45.2 45.2 85.7-85.7h228.7L180 61l85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 76.5h114.4l45.2 45.2L-93.9 36h228.7L180 81.2l85.7-85.7h228.7l45.2 45.2L625.3-45h114.4M-339.2 96.7h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 116.9h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 137.2h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 157.4h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 177.6h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 197.9h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 218.1h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 238.3h114.4l45.2 45.2 85.7-85.7h228.7L180 243l85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 258.5h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 278.8h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 299h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 319.2h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 339.5h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 359.7h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 379.9h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 400.1h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 420.4h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 440.6h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 460.8h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 481.1h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 501.3h114.4l45.2 45.2 85.7-85.7h228.7L180 506l85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 521.5h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 541.7h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 562h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 582.2h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 602.4h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 622.7h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 642.9h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 663.1h114.4l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4M-339.2 683.3h114.4l45.2 45.2 85.7-85.7h228.7L180 688l85.7-85.7h228.7l45.2 45.2 85.7-85.7h114.4m-.1 20.4H625.2l-85.7 85.7-45.2-45.2H265.6l-85.7 85.7-45.2-45.2H-94l-85.7 85.7-45.2-45.2h-114.3" 1300 /> 1301 </g> 1302 <path 1303 stroke="currentColor" 1304 stroke-miterlimit="10" 1305 stroke-width="2" 1306 d="M298.4 224.9c-8.5-28-31.4-47.9-58.3-53.8-13.2-2.9-21-16.4-17.6-29.5 4-15.3 4.8-31.9 1.7-49.1-7.3-40.4-46.4-80.7-86.6-88.9C56.6-12.9-13.3 57.9 4.8 139c9.4 42.3 43.1 75.2 85.6 83.9 10 2 19.7 2.7 29.2 2.3 13.6-.7 24.8 10.1 25 23.7.1 6.7 1.1 13.4 3 20.2 11.5 40.9 53.4 65.1 94.3 55 43.9-10.8 69.7-56.1 56.5-99.3v.1Z" 1307 /> 1308</svg> 1309 </span> 1310 <h2 class="headline-xl relative z-10">Ihr Thema in unserem Blog?</h2> 1311 <div class="relative z-10"> 1312 1313<div data-component="buttons" class="flex gap-4 flex-wrap justify-start"> 1314 1315 1316 1317 <a data-type="primary" class="rounded-md inline-flex items-center justify-center transition-all duration-500 font-bold cursor-pointer px-4 py-2 sm:px-6 sm:py-3 bg-violett text-white hover:bg-violett-dark-80 active:bg-violett-50" href="https://www.viadee.de/kontakt/" > 1318 Jetzt Kontakt aufnehmen </a> 1319 1320 </div> 1321 </div> 1322 </div> 1323 <div class="col-span-full relative md:col-span-5 flow md:bodytext-lg"> 1324 </div> 1325 </div></div> 1326 </div> 1327 </div> </section> 1328 1329 1330<footer class="w-full bg-violett-10 pt-8" :class="{'-mt-32 pt-32': hasImageBanner}" x-data="footerWithBanner()" 1331 x-init="checkLastSection()"> 1332 <div class="w-full bodytext-md"> 1333 <div class="container" data-padding-top="sm" data-padding-bottom="default"> 1334 <div class="col-span-full sm:col-span-3 md:col-span-6 flex flex-col gap-2 md:gap-4"> 1335 <div class="w-10 h-10 text-primary"> 1336 <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 150 150">
1337 <path fill="currentColor" d="M62.637 109.495 44.345 91.482H13.84v16.002c0 2.217 1.817 4.005 4.071 4.005h22.363l22.363 22.001L99.22 97.498h32.549c2.236 0 4.07-1.805 4.07-4.005V77.49H95.168l-32.531 32.005ZM62.494 43.49l26.346-27H17.898c-2.247 0-4.058 1.855-4.058 4.155V35.18H54.38l8.115 8.31Z"/> 1338 <path fill="currentColor" d="m88.057 39.49-25.42 25.518-11.182-11.224H13.84V74.18h33.545l15.252 15.31 29.508-29.62 43.695.034V39.49H88.057Z"/> 1339</svg> 1340 </div> 1341 <p>Seit 1994 beraten wir Unternehmen und Organisationen mit der festen Ãberzeugung: wo Entwicklung stattfindet, wird Entfaltung möglich. Wir verstehen Entwicklung mehrdimensional: technisch, systemisch, organisational und persönlich.</p> 1342 <p class="font-bold text-violett">viadee â entdecken entwickeln entfalten</p> 1343 </div> 1344 <div class="col-span-full sm:col-span-3 md:col-span-6 col-start-1!"> 1345 <!-- <h6 class="mb-4">Wir sind ausgezeichnet</h6> --> 1346 <div class="grid grid-cols-3 gap-4"> 1347 <div class="col-span-1"> 1348 <img src="https://www.viadee.de/assets/images/award-eco-n-good.png" alt="Award: ECO N GOOD" /> 1349 </div> 1350 <div class="col-span-1"> 1351 <img src="https://www.viadee.de/assets/images/award-great-place-to-work.png" alt="Award: GREAT PLACE TO WORK" /> 1352 </div> 1353 <div class="col-span-1"> 1354 <img class="rounded-lg" src="https://www.viadee.de/assets/images/award-top-company-kununu-2026.png" 1355 alt="Award: TOP COMPANY KUNUNU 2026" /> 1356 </div> 1357 </div> 1358 </div> 1359 <div class="col-span-full sm:col-span-3 md:col-span-6"> 1360 <div class="w-ful h-full flex flex-row items-center sm:justify-end"> 1361 1362<ul class="flex justify-center gap-4 sm:justify-start"> 1363 <li class="size-12"> 1364 <a href="https://www.linkedin.com/company/viadee/" rel="noreferrer" target="_blank" title="Link zu LinkedIn" class="text-violett transition hover:text-primary"> 1365 <span class="sr-only">LinkedIn</span> 1366 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 44 44"> 1367 <path fill="currentColor" d="M41 0H3a3 3 0 0 0-3 3v38a3 3 0 0 0 3 3h38a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z"/> 1368 <path stroke="currentColor" d="M41 .5H3A2.5 2.5 0 0 0 .5 3v38A2.5 2.5 0 0 0 3 43.5h38a2.5 2.5 0 0 0 2.5-2.5V3A2.5 2.5 0 0 0 41 .5Z"/> 1369 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M26 18a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6ZM16 19h-4v12h4V19ZM14 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/> 1370</svg> 1371 </a> 1372 </li> 1373 <li class="size-12"> 1374 <a href="https://www.youtube.com/@viadeeunternehmensberatung/videos" rel="noreferrer" target="_blank" title="Link zu YouTube" class="text-violett transition hover:text-primary"> 1375 <span class="sr-only">YouTube</span> 1376 <svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 1377 <path d="M41 0H3C1.34315 0 0 1.34315 0 3V41C0 42.6569 1.34315 44 3 44H41C42.6569 44 44 42.6569 44 41V3C44 1.34315 42.6569 0 41 0Z" fill="currentColor"/> 1378 <path d="M41 0.5H3C1.61929 0.5 0.5 1.61929 0.5 3V41C0.5 42.3807 1.61929 43.5 3 43.5H41C42.3807 43.5 43.5 42.3807 43.5 41V3C43.5 1.61929 42.3807 0.5 41 0.5Z" stroke="currentColor"/> 1379 <path d="M32.5411 16.42C32.4223 15.9454 32.1803 15.5106 31.8397 15.1594C31.4991 14.8082 31.0718 14.5532 30.6011 14.42C28.8811 14 22.0011 14 22.0011 14C22.0011 14 15.1211 14 13.4011 14.46C12.9303 14.5932 12.503 14.8482 12.1624 15.1994C11.8218 15.5506 11.5798 15.9854 11.4611 16.46C11.1463 18.2056 10.9923 19.9763 11.0011 21.75C10.9898 23.537 11.1438 25.3213 11.4611 27.08C11.592 27.5398 11.8394 27.9581 12.1792 28.2945C12.519 28.6308 12.9399 28.8738 13.4011 29C15.1211 29.46 22.0011 29.46 22.0011 29.46C22.0011 29.46 28.8811 29.46 30.6011 29C31.0718 28.8668 31.4991 28.6118 31.8397 28.2606C32.1803 27.9094 32.4223 27.4746 32.5411 27C32.8534 25.2676 33.0074 23.5103 33.0011 21.75C33.0123 19.963 32.8583 18.1787 32.5411 16.42Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1380 <path d="M19.751 25.02L25.501 21.75L19.751 18.48V25.02Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1381</svg> 1382 </a> 1383 </li> 1384 <li class="size-12"> 1385 <a href="https://www.kununu.com/de/viadee-unternehmensberatung" rel="noreferrer" target="_blank" title="Link zu Kununu" class="text-violett transition hover:text-primary">
1386 <span class="sr-only">Kununu</span> 1387 <svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 1388 <path d="M41 0H3C1.34315 0 0 1.34315 0 3V41C0 42.6569 1.34315 44 3 44H41C42.6569 44 44 42.6569 44 41V3C44 1.34315 42.6569 0 41 0Z" fill="currentColor"/> 1389 <path d="M41 0.5H3C1.61929 0.5 0.5 1.61929 0.5 3V41C0.5 42.3807 1.61929 43.5 3 43.5H41C42.3807 43.5 43.5 42.3807 43.5 41V3C43.5 1.61929 42.3807 0.5 41 0.5Z" stroke="currentColor"/> 1390 <path d="M25.0752 28.3491L25.0442 31.5001C25.0477 31.6283 25.0005 31.7526 24.9129 31.8463C24.8253 31.9399 24.7043 31.9951 24.5762 32.0001H21.8002C21.6721 31.9951 21.5511 31.9399 21.4634 31.8463C21.3758 31.7526 21.3287 31.6283 21.3322 31.5001V27.3201C21.3545 26.8156 21.177 26.3226 20.8382 25.9482C20.4993 25.5737 20.0264 25.348 19.5222 25.3201H18.5222C18.0179 25.348 17.5451 25.5737 17.2062 25.9482C16.8673 26.3226 16.6898 26.8156 16.7122 27.3201H16.6822V31.5001C16.6857 31.6283 16.6385 31.7526 16.5509 31.8463C16.4633 31.9399 16.3423 31.9951 16.2142 32.0001H13.4682C13.3401 31.9951 13.2191 31.9399 13.1314 31.8463C13.0438 31.7526 12.9967 31.6283 13.0002 31.5001V12.7181C12.9967 12.5899 13.0438 12.4655 13.1314 12.3719C13.2191 12.2783 13.3401 12.2231 13.4682 12.2181H16.2452C16.3733 12.2231 16.4943 12.2783 16.5819 12.3719C16.6695 12.4655 16.7167 12.5899 16.7132 12.7181V21.5791C17.3003 21.3517 17.9246 21.2354 18.5542 21.2361H19.4902C19.9944 21.2082 20.4673 20.9825 20.8062 20.608C21.145 20.2336 21.3225 19.7406 21.3002 19.2361L21.3622 18.2061C21.3729 18.0912 21.4275 17.9848 21.5147 17.9092C21.6019 17.8335 21.7149 17.7945 21.8302 17.8001H24.6072C24.718 17.8098 24.8229 17.8543 24.907 17.9272C24.991 18.0002 25.0499 18.0977 25.0752 18.2061V19.2361C25.0795 20.6979 24.5857 22.1175 23.6752 23.2611C24.6016 24.4101 25.1079 25.8411 25.1102 27.3171V28.3471L25.0752 28.3491ZM28.2262 16.4621L27.5712 17.2111C27.4929 17.2993 27.3969 17.37 27.2893 17.4184C27.1817 17.4667 27.0651 17.4918 26.9472 17.4918C26.8292
139017.4918 26.7126 17.4667 26.6051 17.4184C26.4975 17.37 26.4014 17.2993 26.3232 17.2111L26.2002 17.0861C26.0342 16.8959 25.9427 16.652 25.9427 16.3996C25.9427 16.1472 26.0342 15.9033 26.2002 15.7131L26.8242 15.0271L26.8552 14.9961C26.901 14.9512 26.9626 14.9261 27.0267 14.9261C27.0908 14.9261 27.1524 14.9512 27.1982 14.9961L27.2922 15.0901C27.3375 15.1419 27.3624 15.2083 27.3624 15.2771C27.3624 15.3459 27.3375 15.4123 27.2922 15.4641L26.6062 16.2131C26.546 16.2762 26.5125 16.36 26.5125 16.4471C26.5125 16.5342 26.546 16.618 26.6062 16.6811L26.7312 16.8061C26.7562 16.8356 26.7873 16.8593 26.8223 16.8755C26.8574 16.8918 26.8955 16.9002 26.9342 16.9002C26.9728 16.9002 27.011 16.8918 27.0461 16.8755C27.0811 16.8593 27.1122 16.8356 27.1372 16.8061L27.8232 16.0571C27.869 16.0122 27.9306 15.9871 27.9947 15.9871C28.0588 15.9871 28.1204 16.0122 28.1662 16.0571L28.2602 16.1511C28.2929 16.1983 28.3077 16.2556 28.302 16.3128C28.2964 16.37 28.2705 16.4232 28.2292 16.4631L28.2262 16.4621ZM28.2262 13.4351L28.1322 13.5291C28.0864 13.574 28.0248 13.5991 27.9607 13.5991C27.8966 13.5991 27.835 13.574 27.7892 13.5291L27.1002 12.7801C27.0752 12.7516 27.0445 12.7288 27.01 12.7132C26.9755 12.6976 26.9381 12.6895 26.9002 12.6895C26.8623 12.6895 26.8249 12.6976 26.7904 12.7132C26.7559 12.7288 26.7251 12.7516 26.7002 12.7801L26.5732 12.9001C26.513 12.9632 26.4795 13.047 26.4795 13.1341C26.4795 13.2212 26.513 13.305 26.5732 13.3681L27.2592 14.1171C27.3045 14.1689 27.3294 14.2353 27.3294 14.3041C27.3294 14.3729 27.3045 14.4393 27.2592 14.4911L27.1652 14.5851C27.1194 14.63 27.0578 14.6551 26.9937 14.6551C26.9296 14.6551 26.868 14.63 26.8222 14.5851L26.1362 13.8361C25.9702 13.6459 25.8787 13.402 25.8787 13.1496C25.8787 12.8972 25.9702 12.6533 26.1362 12.4631L26.2612 12.3381C26.3394 12.2499 26.4355 12.1792 26.5431 12.1308C26.6506 12.0825 26.7672 12.0574 26.8852 12.0574C27.0031 12.0574 27.1197 12.0825 27.2273 12.1308C27.3349 12.1792 27.4309 12.2499 27.5092 12.3381L28.1332 13.0241L28.1642 13.0551C28.1967 13.0722 28.2247 13.0966 28.2462 13.1264C28.2677 13.1562 28.282 13.1905 28.288 13.2267C28.294 13.2629 28.2915 13.3 28.2808 13.3352C28.2701 13.3703 28.2514 13.4024 28.2262 13.4291V13.4351ZM30.6602 17.0861L30.5352 17.2111C30.4569 17.2993 30.3609 17.37 30.2533 17.4184C30.1457 17.4667 30.0291 17.4918 29.9112 17.4918C29.7932 17.4918 29.6766 17.4667 29.5691 17.4184C29.4615 17.37 29.3654 17.2993 29.2872 17.2111L28.6632 16.5251L28.6322 16.4941C28.5869 16.4423 28.5619 16.3759 28.5619 16.3071C28.5619 16.2383 28.5869 16.1719 28.6322 16.1201L28.7262 16.0261C28.772 15.9812 28.8336 15.9561 28.8977 15.9561C28.9618 15.9561 29.0234 15.9812 29.0692 16.0261L29.7552 16.7751C29.7802 16.8046 29.8113 16.8283 29.8463 16.8445C29.8814 16.8608 29.9195 16.8692 29.9582 16.8692C29.9968 16.8692 30.035 16.8608 30.0701 16.8445C30.1051 16.8283 30.1362 16.8046 30.1612 16.7751L30.2862 16.6501C30.3463 16.587 30.3799 16.5032 30.3799 16.4161C30.3799 16.329 30.3463 16.2452 30.2862 16.1821L29.6002 15.4321C29.5549 15.3803 29.5299 15.3139 29.5299 15.2451C29.5299 15.1763 29.5549 15.1099 29.6002 15.0581L29.6942 14.9641C29.74 14.9192 29.8016 14.8941 29.8657 14.8941C29.9298 14.8941 29.9914 14.9192 30.0372 14.9641L30.7232 15.7131C30.8656 15.9169 30.9366 16.162 30.9252 16.4103C30.9138 16.6586 30.8206 16.8962 30.6602 17.0861ZM30.6602 13.8101L30.0362 14.4961L30.0052 14.5271C29.9594 14.572 29.8978 14.5971 29.8337 14.5971C29.7696 14.5971 29.708 14.572 29.6622 14.5271L29.5682 14.4331C29.5229 14.3813 29.4979 14.3149 29.4979 14.2461C29.4979 14.1773 29.5229 14.1109 29.5682 14.0591L30.2542 13.3101C30.3143 13.247 30.3479 13.1632 30.3479 13.0761C30.3479 12.989 30.3143 12.9052 30.2542 12.8421L30.1292 12.7181C30.1042 12.6886 30.0731 12.6649 30.0381 12.6487C30.003 12.6324 29.9648 12.624 29.9262 12.624C29.8875 12.624 29.8494 12.6324 29.8143 12.6487C29.7793 12.6649 29.7482 12.6886 29.7232 12.7181L29.0372 13.4671C28.9914 13.512 28.9298 13.5371 28.8657 13.5371C28.8016 13.5371 28.74 13.512 28.6942 13.4671L28.6002 13.3731C28.5553 13.3273 28.5301 13.2657 28.5301 13.2016C28.5301 13.1375 28.5553 13.0759 28.6002 13.0301L29.2862 12.2811C29.3676 12.1926 29.4664 12.122 29.5765 12.0737C29.6866 12.0254 29.8055 12.0005 29.9257 12.0005C30.0459 12.0005 30.1648 12.0254 30.2749 12.0737C30.3849 12.122 30.4838 12.1926 30.5652 12.2811L30.6902 12.4061C30.844 12.6086 30.9247 12.8573 30.9191 13.1115C30.9134 13.3658 30.8218 13.6106 30.6592 13.8061L30.6602 13.8101Z" fill="white"/> 1391</svg> 1392 </a> 1393 </li> 1394 </ul> 1395 </div> 1396 </div> 1397 <div class="col-span-full border-t border-t-violett/20 sm:col-span-3 md:col-span-6"> 1398 <div class="w-full grid grid-cols-1 md:grid-cols-2 gap-4 mt-6 sm:mt-8"> 1399 <div class="col-span-full md:col-span-1"> 1400 <h6>viadee Münster</h6> 1401 <p class="bodytext-md mt-2"> 1402 Anton-Bruchausen-StraÃe 8<br> 1403 48147 Münster<br> 1404 +49 251 77777 0 </p> 1405 </div> 1406 <div class="col-span-full md:col-span-1"> 1407 <h6>viadee Köln</h6> 1408 <p class="bodytext-md mt-2"> 1409 Konrad-Adenauer-Ufer 7<br> 1410 50668 Köln<br> 1411 +49 221 788807 0 </p> 1412 </div> 1413 <div class="col-span-full md:col-span-1"> 1414 <h6>viadee Dortmund</h6> 1415 <p class="bodytext-md mt-2"> 1416 Sebrathweg 7<br> 1417 44149 Dortmund<br> 1418 +49 231 494985 0 </p> 1419 </div> 1420 <div class="col-span-full md:col-span-1"> 1421 <h6>viadee Hannover</h6> 1422 <p class="bodytext-md mt-2"> 1423 c/o Design Offices Philipsbornstr. 2<br> 1424 30165 Hannover<br> 1425 +49 251 77777 0 </p> 1426 </div> 1427 </div> 1428 </div> 1429 <div class="col-span-full sm:col-span-3 md:col-span-5 md:col-start-8"> 1430 <ul class="grid grid-cols-1 lg:grid-cols-2 gap-x-4"> 1431 <li> 1432 <a href="https://www.viadee.de/kontakt/" target="_self" rel="noreferrer noopener" data-active="false" 1433 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1434 Kontakt </a> 1435 </li> 1436 <li> 1437 <a href="https://www.viadee.de/leistungen/data-ai/" target="_self" rel="noreferrer noopener" data-active="false" 1438 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1439 Data & AI </a> 1440 </li> 1441 <li> 1442 <a href="https://www.viadee.de/ueber-uns/" target="_self" rel="noreferrer noopener" data-active="false" 1443 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1444 Ãber die viadee </a> 1445 </li> 1446 <li> 1447 <a href="https://www.viadee.de/leistungen/softwareentwicklung-und-architektur/" target="_self" rel="noreferrer noopener" data-active="false" 1448 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20">
1449 Softwareentwicklung </a> 1450 </li> 1451 <li> 1452 <a href="https://www.viadee.de/karriere/jobs/" target="_self" rel="noreferrer noopener" data-active="false" 1453 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1454 Offene Stellen </a> 1455 </li> 1456 <li> 1457 <a href="https://www.viadee.de/leistungen/organisationsentwicklung/" target="_self" rel="noreferrer noopener" data-active="false" 1458 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1459 viadee spark </a> 1460 </li> 1461 <li> 1462 <a href="https://navigate-kongress.de/" target="_blank" rel="noreferrer noopener" data-active="false" 1463 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1464 NAVIGATE Kongress </a> 1465 </li> 1466 <li> 1467 <a href="https://www.viadee.de/produkte/bpmn-modeler-enterprise/" target="_self" rel="noreferrer noopener" data-active="false" 1468 class="w-full block data-[active=true]:text-primary py-3 text-nowrap border-t border-t-violett/20"> 1469 BPMN Modeler for Confluence </a> 1470 </li> 1471 </ul> 1472 </div> 1473 <div class="col-span-full flex flex-col sm:flex-row sm:justify-between sm:items-center"> 1474 <p>© 2026 viadee Unternehmensberatung AG</p> 1475 <ul class="flex-0 flex flex-col sm:flex-row sm:flex-nowrap max-sm:mt-8 max-sm:gap-y-2 sm:gap-4 md:items-start"> 1476 <li> 1477 <a href="https://www.viadee.de/impressum/" target="_self" rel="noreferrer noopener" data-active="false" class="w-fit data-[active=true]:text-primary text-nowrap"> 1478 Impressum </a> 1479 </li> 1480 <li> 1481 <a href="https://www.viadee.de/datenschutzinformationen/" target="_self" rel="noreferrer noopener" data-active="false" class="w-fit data-[active=true]:text-primary text-nowrap"> 1482 Datenschutzinformationen </a> 1483 </li> 1484 <li> 1485 <a href="#" class="w-fit data-[active=true]:text-primary text-nowrap" 1486 onClick="__ucCmp.showSecondLayer();">Cookie Einstellungen</a> 1487 </li> 1488 </ul> 1489 </div> 1490 </div> 1491 </div> 1492</footer>
1493<script> 1494 document.addEventListener('alpine:init', () => { 1495 Alpine.data('footerWithBanner', () => ({ 1496 hasImageBanner: false, 1497 1498 checkLastSection() { 1499 const sections = document.querySelectorAll('main > section') 1500 if (!sections.length) return; 1501 1502 const lastSection = sections[sections.length - 1] 1503 1504 this.hasImageBanner = !!lastSection.querySelector('[data-block-type="imagebanner"]') 1505 } 1506 })) 1507 }) 1508</script>
1508 1509 <div x-show="searchOpen" x-cloak x-transition:enter="transition ease-out duration-300" 1510 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" 1511 x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" 1512 x-transition:leave-end="opacity-0" class="fixed inset-0 z-[200] flex items-center justify-center"> 1513 <!-- Backdrop --> 1514 <div @click="searchOpen = false" class="absolute inset-0 bg-violett/30 blur-sm"></div> 1515 1516 <!-- Modal --> 1517 <div x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95" 1518 x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-200" 1519 x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" 1520 class="relative bg-white pt-14 md:pt-6 p-6 rounded-lg shadow-lg w-full h-screen md:h-auto lg:w-xl md:mx-4"> 1521 <button @click="searchOpen = false" 1522 class="absolute top-4 md:top-0 right-1 md:right-2 p-2 md:p-0 text-violett-dark-40 text-2xl">×</button> 1523 <form> 1524 1525<div class="flex flex-col gap-2 w-full"> 1526 1527 <div class="relative"> 1528 <span class="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-violett"> 1529 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> 1530 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.167 15.834a6.667 6.667 0 1 0 0-13.334 6.667 6.667 0 0 0 0 13.334ZM17.5 17.5l-3.625-3.625"/> 1531 </svg> </span> 1532 1533 <input id="input-search" name="search" type="search"
1534 value="" placeholder="Ich suche nach.." 1535 data-search-input autofocus class="w-full rounded-md border border-violett/20 bg-violett/10 text-[16px] md:text-sm text-black placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary focus:bg-white transition-all duration-300 px-4 py-3 pl-12 "> 1536 </div> 1537 1538 </div> </form> 1539 <div data-search-results class="h-full pb-10 md:pb-0 md:h-auto lg:max-h-[30rem] overflow-y-auto"></div> 1540 </div> 1541</div> </body> 1542 1543</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.