1<!DOCTYPE html><html lang="de-CH"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name="theme-color" content="#3c1d64"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title" content="Quatico"><link rel="apple-touch-icon" href="/images/icons/icon-192x192.png"><link rel="icon" type="image/png" sizes="192x192" href="/images/icons/icon-192x192.png"><link rel="icon" type="image/png" sizes="512x512" href="/images/icons/icon-512x512.png">
1<script>(function(w, d, s, l, i) { 2 if (!i || i.indexOf("VITE_") === 0) { 3 return; 4 } 5 w[l] = w[l] || []; 6 w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 7 var f = d.getElementsByTagName(s)[0], 8 j = d.createElement(s), 9 dl = l != "dataLayer" ? "&l=" + l : ""; 10 j.async = true; 11 j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; 12 f.parentNode.insertBefore(j, f); 13 })(window, document, "script", "dataLayer", "GTM-P4GK8NX");</script>
13<link rel="dns-prefetch" href="//fonts.googleapis.com"><link rel="dns-prefetch" href="//www.googletagmanager.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link rel="preload" href="/fonts/avenir/Avenir-Regular.woff" as="font" type="font/woff" crossorigin=""><link rel="preload" href="/fonts/avenir/Avenir-Black.woff" as="font" type="font/woff" crossorigin=""><link rel="prefetch" href="/platform"><link rel="prefetch" href="/produkte/vertriebsportal-starter">
13<script type="module" crossorigin="" src="/assets/js/app-7-N_4TGM.js"></script>
13<link rel="stylesheet" crossorigin="" href="/assets/style-BF_moulJ.css"><title>Blog - Quatico | News & Insights</title>
14<script type="application/ld+json" data-hid="ld-organization">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.quatico.com/#organization","name":"Quatico Solutions AG","legalName":"Quatico Solutions AG","url":"https://www.quatico.com","logo":"https://www.quatico.com/images/quatico-logo.png","description":"Quatico ist ein Schweizer Engineering-Haus, gegründet 2003. Quatico verwandelt Geschäftsprozesse in Software â beraten, gebaut oder als Service betrieben â für KMU und Enterprise-Abteilungen und entwickelt Individualsoftware und KI-Agenten mit Agentic Development. Software von Quatico wird von 2.5 Millionen Menschen genutzt.","foundingDate":"2003","email":"[email protected]","telephone":"+41 43 243 88 00","address":{"@type":"PostalAddress","streetAddress":"Förrlibuckstrasse 220","postalCode":"8005","addressLocality":"Zürich","addressCountry":"CH"},"sameAs":["https://www.linkedin.com/company/quatico","https://x.com/quatico","https://github.com/quatico"]}</script>
vendor: 1 bytes, line 14
14
15<script type="application/ld+json" data-hid="ld-website">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.quatico.com/#website","url":"https://www.quatico.com","name":"Quatico","inLanguage":"de-CH","publisher":{"@id":"https://www.quatico.com/#organization"}}</script>
15 16<meta name="description" content="Aktuelles zu digitaler Transformation, Software-Entwicklung und digitalen Services für Schweizer KMU."> 17<meta name="keywords" content="Blog, News, Digital Transformation, Software Development, KMU"> 18<meta property="og:title" content="Blog - Quatico | News & Insights"> 19<meta property="og:description" content="Aktuelles zu digitaler Transformation, Software-Entwicklung und digitalen Services für Schweizer KMU."> 20<meta property="og:type" content="website"> 21<meta property="og:url" content="https://www.quatico.com/blog"> 22<meta property="og:image" content="https://www.quatico.com/images/og-default.jpg"> 23<meta property="og:locale" content="de-CH"> 24<meta name="twitter:card" content="summary_large_image"> 25<meta name="twitter:title" content="Blog - Quatico | News & Insights"> 26<meta name="twitter:description" content="Aktuelles zu digitaler Transformation, Software-Entwicklung und digitalen Services für Schweizer KMU."> 27<meta name="twitter:image" content="https://www.quatico.com/images/og-default.jpg"> 28<link rel="canonical" href="https://www.quatico.com/blog"> 29<link rel="alternate" hreflang="de-CH" href="https://www.quatico.com/blog"> 30<link rel="alternate" hreflang="en" href="https://www.quatico.com/en/blog"> 31<link rel="alternate" hreflang="x-default" href="https://www.quatico.com/blog"> 32</head><body>
vendor: 67 bytes, line 32
32<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
32GTM-P4GK8NX
vendor: 82 bytes, line 32
32" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
32<div id="root" data-server-rendered="true"><!--$--><div class="min-h-screen bg-white"><header class="absolute top-0 left-0 right-0 z-50 py-6"><div class="mx-auto w-full px-4 md:px-12"><div class="rounded-full bg-nav-background shadow-lg pl-8 pr-4 py-4 flex items-center justify-between backdrop-blur-[12px]"><a href="/" class="flex-shrink-0" aria-label="Go to homepage"><svg width="120" height="32" viewBox="0 0 180 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-8 w-auto "><path d="M109.928 6.41666C109.928 8.96067 112.004 11.0224 114.564 11.0224C117.117 11.0224 119.191 8.96067 119.191 6.41666C119.191 3.88569 117.117 1.82178 114.564 1.82178C112.004 1.82178 109.928 3.88569 109.928 6.41666ZM89.7292 29.5024C87.3108 29.5024 81.8686 29.7339 81.8686 33.1716C81.8686 35.0531 83.8958 35.9853 85.6278 35.9853C88.7283 35.9853 91.673 34.3034 91.673 31.1714V29.5024H89.7292ZM32.1074 27.5191C32.6506 26.0923 33.1339 23.8712 33.1339 22.1639C33.1339 15.2798 28.5577 10.2707 21.5718 10.2707C14.586 10.2707 10.0205 15.2798 10.0205 22.1639C10.0205 29.0479 14.586 34.0572 21.5718 34.0572C23.9732 34.0572 25.1322 33.5687 26.7701 32.9551L19.8847 25.9351L25.4637 21.2295C25.4637 21.2295 32.1074 27.5191 32.1074 27.5191ZM91.6923 14.4879V6.73955H99.8135V14.4879H106.962V20.9386H99.8135V29.6511C99.8135 32.4497 100.147 34.4308 104.289 34.5052C107.533 34.5626 110.546 31.7235 110.563 27.016C110.565 26.0773 110.563 14.4879 110.563 14.4879H118.543L118.494 28.6318C118.599 31.6385 117.846 34.69 121.631 34.501C123.335 34.416 125.942 31.87 125.935 30.6002C125.929 28.8931 125.882 28.9738 125.893 27.6528C125.951 20.1998 131.399 14.3966 140.121 14.3116C143.675 14.2777 147.084 15.609 149.239 17.7388L144.267 22.8116C143.446 22.1767 142.373 21.4526 140.63 21.3209C136.531 21.0088 133.935 23.574 133.743 27.5446C133.561 31.303 136.234 34.191 140.32 34.2738C147.374 34.416 149.609 29.9355 150.648 24.8988C151.982 18.397 157.765 14.284 164.748 14.284C172.729 14.284 179.099 19.6329 179.099 27.8292C179.099 36.0233 172.498 41.2322 164.8 41.3192C156.05 41.4168 152.256 34.9426 152.256 34.9426C147.802 40.2894 143.273 41.2809 140.433 41.2809C135.832 41.2809 131.157 39.0811 128.886 36.2081C128.886 36.2081 126.051 40.6354 121.259 41.2577C117.955 41.6864 112.44 41.3044 110.734 37.7115C110.734 37.7115 108.335 41.3659 101.4 41.3255C93.2894 41.2809 92.1755 36.4416 92.1755 36.4416C92.0023 36.8283 91.5596 37.4142 91.5596 37.4142C89.8275 40.1194 86.6372 41.3214 83.434 41.3214C78.6505 41.3214 74.3353 38.493 74.3353 33.3882C74.3353 24.6229 85.0996 24.4763 91.6664 24.4763C91.6664 21.7116 90.655 20.6988 86.8958 20.512C74.083 19.8771 71.2689 21.958 71.1128 29.6C70.931 38.5014 68.6987 40.9539 59.3178 41.3681C47.8904 41.8713 47.4371 35.8259 47.4371 35.8259C46.5926 38.6628 43.3723 41.3085 39.5445 41.3085C36.2493 41.3085 33.9635 40.3318 32.5308 38.8156C29.441 40.5908 25.7031 41.5464 21.5655 41.5464C9.95442 41.5464 1.50146 33.9785 1.50146 22.1406C1.50147 10.3005 9.95442 2.73479 21.5655 2.73479C33.1744 2.73479 41.6317 10.3005 41.6317 22.1406C41.6317 26.2345 40.6181 29.8209 38.8176 32.7554L38.4241 33.299C39.1254 33.7874 40.199 34.3353 41.8561 34.3353C45.7007 34.3353 46.4899 31.5324 46.5755 28.4748H46.5989V14.4879H54.4767V27.655C54.4767 30.5811 54.4167 34.331 59.258 34.1612C62.7606 34.0338 63.2116 32.0081 63.2524 30.1055C63.5966 14.1035 72.3637 13.9804 88.0099 14.4496C89.4041 14.492 91.6923 14.4879 91.6923 14.4879ZM164.755 34.2992C168.745 34.2992 171.144 31.6428 171.144 27.7824C171.144 23.9221 168.745 21.2891 164.755 21.2891C160.763 21.2891 158.361 23.9305 158.361 27.7909C158.361 31.6513 160.763 34.2993 164.755 34.2992Z" class="fill-[var(--color-logo)]"></path></svg></a><nav class="hidden xl:flex items-center gap-1 2xl:gap-2 whitespace-nowrap min-w-0" data-testid="main-navigation"><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/angebote">Angebote</a><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/agentic-development">Wie wir arbeiten</a><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/angebote/ki-anwendungen">KI-Anwendungen</a><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/plattform">Plattform</a><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/referenzen">Referenzen</a><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/blog">Blog</a><a class="text-base font-medium text-nav-item-text px-4 py-2 rounded-full hover:bg-nav-item-background-hover hover:text-nav-item-text-hover transition-colors" href="/ueber-uns">Ãber uns</a></nav><div class="hidden xl:flex items-center gap-4 whitespace-nowrap shrink-0"><div class="relative"><button class="flex items-center gap-2 px-3 py-2 rounded-lg transition-all duration-300 cursor-pointer bg-white/60 backdrop-blur text-gray-800 hover:bg-white/80" aria-label="Change language" aria-expanded="false"><span class="text-sm font-medium">
32Deutsch</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform duration-300" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a class="inline-flex items-center justify-center text-center font-bold rounded-full !transition-all duration-300 ease-out hover:scale-110 hover:shadow-lg active:scale-105 bg-primary-dark text-white hover:bg-primary-dark active:bg-primary-light active:text-white transition-colors active:scale-100 box-border px-6 py-2.5 text-base !bg-nav-cta" href="/blog#kontakt">Kontakt</a></div><button type="button" class="xl:hidden p-2 text-nav-cta min-w-[44px] min-h-[44px] flex items-center justify-center" aria-expanded="false" aria-label="Menü öffnen" data-testid="mobile-menu-button"><div class="relative w-6 h-6"><span class="absolute left-0 block w-6 h-0.5 bg-current transform transition-all duration-300 top-[3px]"></span><span class="absolute left-0 top-[11.5px] block w-6 h-0.5 bg-current transition-opacity duration-300 opacity-100"></span><span class="absolute left-0 block w-6 h-0.5 bg-current transform transition-all duration-300 top-[20px]"></span></div></button></div></div><div class="fixed inset-0 bg-black/50 z-[800] transition-opacity duration-300 opacity-0 pointer-events-none" aria-hidden="true"></div><div class="fixed inset-0 z-[1000] bg-primary-dark transform transition-transform duration-300 ease-out translate-x-full" style="touch-action:pan-y" role="dialog" aria-modal="true" aria-label="Mobile navigation menu" data-testid="mobile-menu-panel"><div class="flex flex-col h-full"><div class="flex items-center justify-end p-6 border-b border-white/10"><button type="button" class="p-2 text-white hover:bg-white/10 rounded-lg transition-colors min-w-[44px] min-h-[44px] flex items-center justify-center" aria-label="Menü schliessen"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex-1 overflow-y-auto px-6 py-4"><nav><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/angebote" href="/angebote">Angebote</a><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/agentic-development" href="/agentic-development">Wie wir arbeiten</a><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/angebote/ki-anwendungen" href="/angebote/ki-anwendungen">KI-Anwendungen</a><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/plattform" href="/plattform">Plattform</a><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/referenzen" href="/referenzen">Referenzen</a><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/blog" href="/blog">Blog</a><a class="flex items-center py-4 px-2 text-white text-lg font-medium border-b border-white/10 min-h-[56px] active:bg-white/10 transition-colors" data-testid="mobile-nav-item-/ueber-uns" href="/ueber-uns">Ãber uns</a><div class="w-full"><div class="w-full"><button class="w-full flex items-center justify-between py-4 px-2 text-white text-lg font-medium min-h-[56px] active:bg-white/10 transition-colors border-b border-white/10" aria-label="Change language" aria-expanded="false"><span>Deutsch</span><svg class="w-5 h-5 transition-transform duration-300 " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="overflow-hidden transition-all duration-300 ease-in-out max-h-0 opacity-0"><div class="space-y-0"><button class="w-full flex items-center justify-between py-4 px-2 text-white text-lg font-medium min-h-[56px] active:bg-white/10 transition-colors border-b border-white/10 bg-white/5"><span>Deutsch</span><span class="text-white">â</span></button><button class="w-full flex items-center justify-between py-4 px-2 text-white text-lg font-medium min-h-[56px] active:bg-white/10 transition-colors border-b border-white/10 "><span>English</span></button></div></div></div></div></nav></div></div></div></header><main>
32<section class="relative bg-gradient-to-b from-gradient-start to-gradient-end text-white min-h-[500px] overflow-visible"><div class="container mx-auto px-6 md:px-12 lg:px-16 relative z-10 pt-48 pb-20"><div class="flex flex-col max-w-4xl"><div class="relative"><div class="mb-4"><span class="inline-flex items-center border bg-secondary/15 text-secondary border-secondary/40 rounded-full px-3 py-1.5 text-xs 33 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Blog</span></div><h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 leading-tight">Qrafter's Life</h1><div class="text-balance text-lg md:text-xl leading-relaxed mb-2 md:mb-6"><span class="[&_a]:underline [&_a]:underline-offset-2 [&_a]:decoration-current/40 hover:[&_a]:decoration-current [&_a]:transition-colors">Themen, die uns beschäftigen, die Expertise unseres Teams oder ein Blick tiefer in unsere Projektarbeit. Das alles finden Sie hier.</span></div></div></div></div></section><section class="py-16"><div class="container mx-auto px-6"><div class="mb-12"><div class="flex flex-wrap gap-3 mb-6"><button class="inline-flex items-center border rounded-lg px-3 py-1.5 text-xs font-semibold transition-all duration-200 bg-primary/10 text-primary border-primary">Alle</button><button class="inline-flex items-center border rounded-lg px-3 py-1.5 text-xs font-semibold transition-all duration-200 bg-tertiary-light/10 text-tertiary-light border-tertiary-light hover:bg-tertiary-light/20">Events</button><button class="inline-flex items-center border rounded-lg px-3 py-1.5 text-xs font-semibold transition-all duration-200 bg-tertiary-light/10 text-tertiary-light border-tertiary-light hover:bg-tertiary-light/20">Awards</button><button class="inline-flex items-center border rounded-lg px-3 py-1.5 text-xs font-semibold transition-all duration-200 bg-tertiary-light/10 text-tertiary-light border-tertiary-light hover:bg-tertiary-light/20">Erfolgsgeschichten</button><button class="inline-flex items-center border rounded-lg px-3 py-1.5 text-xs font-semibold transition-all duration-200 bg-tertiary-light/10 text-tertiary-light border-tertiary-light hover:bg-tertiary-light/20">People @ Quatico</button><button class="inline-flex items-center border rounded-lg px-3 py-1.5 text-xs font-semibold transition-all duration-200 bg-tertiary-light/10 text-tertiary-light border-tertiary-light hover:bg-tertiary-light/20">Technology</button></div><div class="relative max-w-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-black" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input type="text" placeholder="Blog durchsuchen..." class="w-full pl-10 pr-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary" value=""></div></div><div class="mb-8 text-black"><p>12<!-- --> <!-- -->Beiträge</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 gap-y-12"><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/success-stories/wvz"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 34 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
341.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Erfolgsgeschichten</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/success-stories/wvz-kundenportal/wvz-success.webp" srcset="/images/success-stories/wvz-kundenportal/wvz-success-640w.webp 640w, /images/success-stories/wvz-kundenportal/wvz-success-960w.webp 960w, /images/success-stories/wvz-kundenportal/wvz-success-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Kundenportal «Mein Züriwasser» für die WVZ" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Kundenportal «Mein Züriwasser» für die WVZ</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wie Quatico für die Wasserversorgung Zürich ein modernes Kundenportal entwickelte, das den Kundendienst entlastet und Kund:innen 24/7-Zugang bietet.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/monika-jud.webp" srcset="/images/blog/authors/monika-jud-24w.webp 24w, /images/blog/authors/monika-jud-32w.webp 32w, /images/blog/authors/monika-jud-48w.webp 48w, /images/blog/authors/monika-jud-64w.webp 64w, /images/blog/authors/monika-jud-96w.webp 96w" sizes="36px" alt="Monika" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Monika</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>1. Februar 2026</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>5<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/meteoschweiz-best-of-swiss-web-2023"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 35 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Awards</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/meteoschweiz-best-of-swiss-web-2023/siegerfoto.webp" srcset="/images/blog/meteoschweiz-best-of-swiss-web-2023/siegerfoto-640w.webp 640w, /images/blog/meteoschweiz-best-of-swiss-web-2023/siegerfoto-960w.webp 960w, /images/blog/meteoschweiz-best-of-swiss-web-2023/siegerfoto-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="MeteoSchweiz.ch ist Master bei Be
35st of Swiss Web 2023" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>MeteoSchweiz.ch ist Master bei Best of Swiss Web 2023</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wir konnten am Best of Swiss Web Award mit MeteoSchweiz.ch in einem starken Konkurrenzumfeld überzeugen und die höchste Auszeichnung in der Branche nach Hause tragen! Gold in User Experience und Technology machen den Erfolg perfekt.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/monika-jud.webp" srcset="/images/blog/authors/monika-jud-24w.webp 24w, /images/blog/authors/monika-jud-32w.webp 32w, /images/blog/authors/monika-jud-48w.webp 48w, /images/blog/authors/monika-jud-64w.webp 64w, /images/blog/authors/monika-jud-96w.webp 96w" sizes="36px" alt="Monika" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Monika</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>12. Mai 2023</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>5<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/building-blocks-for-your-website"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 36 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Technology</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/building-blocks-for-your-website/webbloqs-katalog.webp" srcset="/images/blog/building-blocks-for-your-website/webbloqs-katalog-640w.webp 640w, /images/blog/building-blocks-for-your-website/webbloqs-katalog-960w.webp 960w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="webbloqs: Building Blocks for your Website" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>webbloqs: Building Blocks for your Website</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wie webbloqs - HTML custom elements mit global themed CSS - die Website-Entwicklung beschleunigen, Konsistenz schaffen und die Zusammenarbeit zwischen Designern, Entwicklern und Marketern verbessern.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/jan.webp" srcset="/images/blog/authors/jan-24w.webp 24w, /images/blog/authors/jan-32w.webp 32w, /images/blog/authors/jan-48w.webp 48w, /images/blog/authors/jan-64w.webp 64w, /images/blog/authors/jan-96w.webp 96w" sizes="36px" alt="Jan" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Jan</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>15. Dezember 2025</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>10<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/heading-inspector"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 37 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
371.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Technology</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/heading-inspector/screenshot-1.webp" srcset="/images/blog/heading-inspector/screenshot-1-640w.webp 640w, /images/blog/heading-inspector/screenshot-1-960w.webp 960w, /images/blog/heading-inspector/screenshot-1-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Heading Inspector: Chrome-Extension für bessere Barrierefreiheit" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Heading Inspector: Chrome-Extension für bessere Barrierefreiheit</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Quatico veröffentlicht den Heading Inspector, eine Open-Source-Chrome-Extension für mehr Barrierefreiheit. Sie zeigt die Ãberschriften-Struktur einer Seite so an, wie Screenreader sie sehen, erkennt Verstösse gegen die korrekte Reihenfolge und prüft auch Seiten mit Shadow DOM zuverlässig.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/patrick-fehr.webp" srcset="/images/blog/authors/patrick-fehr-24w.webp 24w, /images/blog/authors/patrick-fehr-32w.webp 32w, /images/blog/authors/patrick-fehr-48w.webp 48w, /images/blog/authors/patrick-fehr-64w.webp 64w, /images/blog/authors/patrick-fehr-96w.webp 96w" sizes="36px" alt="Patrick" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Patrick</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>10. Juni 2026</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>6<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/business-driven-application-development"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 38 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Technology</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/business-driven-application-development/bdad.webp" srcset="/images/blog/business-driven-application-development/bdad-640w.webp 640w, /images/blog/business-driven-application-development/bdad-960w.webp 960w, /images/blog/business-driven-application-development/bdad-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Bu
38siness im Driver Seat: Business-Driven Application Development" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Business im Driver Seat: Business-Driven Application Development</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Applikationsentwicklung mit herkömmlichen Methoden ist langwierig, teuer und häufig erfolglos. Mit Business-Driven Application Development von Quatico entstehen Applikationen schnell, deutlich günstiger und erfolgreich. Erfahren Sie, wie BDAD funktioniert und welche Vorteile es bringt.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/michael.webp" srcset="/images/blog/authors/michael-24w.webp 24w, /images/blog/authors/michael-32w.webp 32w, /images/blog/authors/michael-48w.webp 48w, /images/blog/authors/michael-64w.webp 64w, /images/blog/authors/michael-96w.webp 96w" sizes="36px" alt="Michael" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Michael</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>20. November 2025</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>10<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/code-retreat-mission-impossible"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 39 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Events</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/code-retreat/qHackaton-Amden.webp" srcset="/images/blog/code-retreat/qHackaton-Amden-640w.webp 640w, /images/blog/code-retreat/qHackaton-Amden-960w.webp 960w, /images/blog/code-retreat/qHackaton-Amden-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Code Retreat oder «Mission: Impossible»?" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Code Retreat oder «Mission: Impossible»?</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Ab in den Code Retreat! Wie jetzt, frische Landluft für besseren Output? Why not, haben wir gedacht, und eine ziemlich taffe Team-Challenge auf die Beine gestellt: In weniger als einem Tag zum MVP â der qHackathon im Teamhaus AmdenLodge in Amden.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/sibylle-ambs.webp" srcset="/images/blog/authors/sibylle-ambs-24w.webp 24w, /images/blog/authors/sibylle-ambs-32w.webp 32w, /images/blog/authors/sibylle-ambs-48w.webp 48w, /images/blog/authors/sibylle-ambs-64w.webp 64w, /images/blog/authors/sibylle-ambs-96w.webp 96w" sizes="36px" alt="Sibylle" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Sibylle</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>10. Mai 2024</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>8<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/success-stories/ewz"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 40 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
401.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Erfolgsgeschichten</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/success-stories/ewz-kundenportal/ewz-success.webp" srcset="/images/success-stories/ewz-kundenportal/ewz-success-640w.webp 640w, /images/success-stories/ewz-kundenportal/ewz-success-960w.webp 960w, /images/success-stories/ewz-kundenportal/ewz-success-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Self Service Portal für ewz Kunden und Mitarbeiter" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Self Service Portal für ewz Kunden und Mitarbeiter</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wie Quatico für ewz ein modernes Self-Service-Portal entwickelte, das Kunden und Mitarbeitern gleichermassen einen einfachen Zugang zu Dienstleistungen bietet.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/christian.webp" srcset="/images/blog/authors/christian-24w.webp 24w, /images/blog/authors/christian-32w.webp 32w, /images/blog/authors/christian-48w.webp 48w, /images/blog/authors/christian-64w.webp 64w, /images/blog/authors/christian-96w.webp 96w" sizes="36px" alt="Christian" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Christian</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>20. April 2023</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>6<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/quality-time-snow-weekend"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 41 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>People @ Quatico</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/quality-time-snow-weekend/bergfahrt.webp" srcset="/images/blog/quality-time-snow-weekend/bergfahrt-640w.webp 640w, /images/blog/quality-time-snow-weekend/bergfahrt-960w.webp 960w, /images/blog/quality-time-snow-weekend/bergfahrt-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Quality Time im Snow Weekend" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Quality Time im Snow Weekend</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">2022 war ganz schön anstrengend, aber auch sehr erfolgreich. Dafür belohnen wir uns mit einem speziellen Event: einem gemeinsamen Wochenende in den Bergen inklusive der erweiterten Quatico-Familie.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/monika-jud.webp" srcset="/images/blog/authors/monika-jud-24w.webp 24w, /images/blog/authors/monika-jud-32w.webp 32w, /images/blog/authors/monika-jud-48w.webp 48w, /images/blog/authors/monika-jud-64w.webp 64w, /images/blog/authors/monika-jud-96w.webp 96w" sizes="36px" alt="Monika" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Monika</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>10. Februar 2023</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>8<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/success-stories/meteoschweiz"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 42 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
421.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Erfolgsgeschichten</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/success-stories/meteoschweiz-webportal/meteoschweiz-success.webp" srcset="/images/success-stories/meteoschweiz-webportal/meteoschweiz-success-640w.webp 640w, /images/success-stories/meteoschweiz-webportal/meteoschweiz-success-960w.webp 960w, /images/success-stories/meteoschweiz-webportal/meteoschweiz-success-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Komplexe Daten einfach visualisiert" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Komplexe Daten einfach visualisiert</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wie wir komplexe Datensätze in intuitive Visualisierungen verwandeln, die echten Mehrwert schaffen. Ein Einblick in unsere Erfolgsgeschichte mit interaktiven Dashboards.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/patrick-fehr.webp" srcset="/images/blog/authors/patrick-fehr-24w.webp 24w, /images/blog/authors/patrick-fehr-32w.webp 32w, /images/blog/authors/patrick-fehr-48w.webp 48w, /images/blog/authors/patrick-fehr-64w.webp 64w, /images/blog/authors/patrick-fehr-96w.webp 96w" sizes="36px" alt="Patrick" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Patrick</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>12. Dezember 2022</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>7<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/spannung-spass-spiel-simmental"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 43 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>People @ Quatico</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/spannung-spass-spiel-simmental/gipfelkreuz.webp" srcset="/images/blog/spannung-spass-spiel-simmental/gipfelkreuz-640w.webp 640w, /images/blog/spannung-spass-spiel-simmental/gipfelkreuz-960w.webp 960w, /images/blog/spannung-spass-spiel-simmental/gipfelkreuz-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Spannung, Spass und Spiel im Simmental" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Spannung, Spass und Spiel im Simmental</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Nachdem ein gutbekanntes Virus unsere Ausflugsaktivitäten in den letzten zwei Jahren ziemlich eingeschränkt hat, freuen wir uns riesig auf das Wanderwochenende im Simmental. Endlich wieder mal Zeit im echten Leben miteinander verbringen. Als Ãberraschungs-Gast hat sich dann gleich auch noch der erste Schnee angekündigt. Bleibende Eindrücke und eine gute Stimmung sind also vorprogrammiert.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/monika-jud.webp" srcset="/images/blog/authors/monika-jud-24w.webp 24w, /images/blog/authors/monika-jud-32w.webp 32w, /images/blog/authors/monika-jud-48w.webp 48w, /images/blog/authors/monika-jud-64w.webp 64w, /images/blog/authors/monika-jud-96w.webp 96w" sizes="36px" alt="Monika" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Monika</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>25. Oktober 2022</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>8<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/success-stories/far"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 44 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
441.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Erfolgsgeschichten</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/success-stories/far-geschaeftsprozesse/far-success.webp" srcset="/images/success-stories/far-geschaeftsprozesse/far-success-640w.webp 640w, /images/success-stories/far-geschaeftsprozesse/far-success-960w.webp 960w, /images/success-stories/far-geschaeftsprozesse/far-success-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Digitale Geschäftsprozesse nach Mass" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Digitale Geschäftsprozesse nach Mass</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wie wir Geschäftsprozesse digitalisieren und dabei bestehende Systeme integrieren. Eine Erfolgsgeschichte über konfigurierbare Enterprise-Anwendungen.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/monika-jud.webp" srcset="/images/blog/authors/monika-jud-24w.webp 24w, /images/blog/authors/monika-jud-32w.webp 32w, /images/blog/authors/monika-jud-48w.webp 48w, /images/blog/authors/monika-jud-64w.webp 64w, /images/blog/authors/monika-jud-96w.webp 96w" sizes="36px" alt="Monika" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Monika</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>18. Februar 2022</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>6<!-- --> min Lesezeit</span></div></div></div></div></a><a class="group block bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 flex flex-col" href="/blog/lean-poker-bots-all-in"><div class=""><span class="inline-flex items-center border bg-tertiary-light/10 text-tertiary-light border-tertiary-light rounded-full px-3 py-1.5 text-xs 45 font-semibold mb-6 transition-all duration-200 group "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 mr-1.5 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Events</span></div><div class="aspect-video overflow-hidden bg-gray-100"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/blog/lean-poker-bots-all-in/quatico-bot.webp" srcset="/images/blog/lean-poker-bots-all-in/quatico-bot-640w.webp 640w, /images/blog/lean-poker-bots-all-in/quatico-bot-960w.webp 960w, /images/blog/lean-poker-bots-all-in/quatico-bot-1280w.webp 1280w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 640px" alt="Lean Poker: Die Quatico Bots gehen all-in" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="p-6 flex flex-col flex-1"><h3 class="text-xl font-bold text-primary mb-3 flex items-start justify-between gap-3 transition-colors"><span>Lean Poker: Die Quatico Bots gehen all-in</span><span aria-hidden="true" class="shrink-0 transition-transform group-hover:translate-x-1 motion-reduce:transform-none">â</span></h3><p class="text-black mb-4 line-clamp-3 flex-1">Wir programmieren Roboter, die gegeneinander Poker spielen. Das macht nicht nur Spass, sondern auch noch Sinn. Lean Poker simuliert ständig wandelnde Märkte, in denen Startups und Produkte täglich neuen Veränderungen ausgesetzt sind. Und ist damit praxisnahes Agile Training.</p><div class="flex items-center justify-between pt-4 border-t border-gray-100 mt-auto"><div class="flex items-center gap-3 min-w-40"><div class="relative overflow-hidden w-full h-full w-6 h-6 rounded-full"><img src="/images/blog/authors/patrick-fehr.webp" srcset="/images/blog/authors/patrick-fehr-24w.webp 24w, /images/blog/authors/patrick-fehr-32w.webp 32w, /images/blog/authors/patrick-fehr-48w.webp 48w, /images/blog/authors/patrick-fehr-64w.webp 64w, /images/blog/authors/patrick-fehr-96w.webp 96w" sizes="36px" alt="Patrick" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:contain;object-position:center"></div><div class="text-sm min-w-15"><div class="font-medium text-primary">Patrick</div></div></div><div class="flex items-center gap-4 text-sm text-black pl-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>15. September 2019</span></div><div class="flex items-center gap-2 text-sm text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-4 h-4" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg><span>5<!-- --> min Lesezeit</span></div></div></div></div></a></div></div></section><section id="kontakt" class="py-12 bg-gradient text-white"><div class="mx-auto w-full px-4 md:px-12 max-w-5xl"><div class="flex flex-col md:flex-row items-center gap-8 md:gap-12"><div class="flex items-center gap-6 flex-1"><div class="w-20 h-20 rounded-full overflow-hidden flex-shrink-0 border-2 border-white"><div class="relative overflow-hidden w-full h-full w-full h-full"><img src="/images/team/michael.webp" srcset="/images/team/michael-320w.webp 320w" sizes="80px" alt="Michael" loading="lazy" decoding="async" class="w-full h-full block" style="object-fit:cover;object-position:center"></div></div><div class="flex-1"><h2 class="text-2xl font-bold mb-2 text-white">Bereit für den nächsten Schritt?</h2><p class="text-sm text-white/80 leading-relaxed"><span class="text-base font-bold text-white font-semibold">Michael</span> â <span class="[&_a]:underline [&_a]:underline-offset-2 [&_a]:decoration-current/40 hover:[&_a]:decoration-current [&_a]:transition-colors">Nutzen Sie unsere Enterprise Portal Software für die Realisierung von innovativen digitalen Produkten. Michael berät Sie gerne.</sp
45an></p></div></div><div class="flex flex-col gap-3"><a class="inline-flex items-center justify-center text-center font-bold rounded-full !transition-all duration-300 ease-out hover:scale-110 hover:shadow-lg active:scale-105 box-border bg-transparent border-2 border-white text-white hover:text-white/80 hover:border-white/60 active:bg-white active:text-primary-dark transition-colors box-border px-5 py-2 text-sm w-full" href="mailto:[email protected]">[email protected]</a><a class="inline-flex items-center justify-center text-center font-bold rounded-full !transition-all duration-300 ease-out hover:scale-110 hover:shadow-lg active:scale-105 box-border bg-transparent border-2 border-white text-white hover:text-white/80 hover:border-white/60 active:bg-white active:text-primary-dark transition-colors box-border px-5 py-2 text-sm w-full" href="tel:+41435439050">+41 43 543 90 50</a></div></div></div></section></main><footer class="text-white"><div class="bg-[var(--color-background-black)] py-12"><div class="mx-auto w-full px-4 md:px-12"><div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-[1.5fr_repeat(auto-fit,minmax(0,1fr))] gap-8 mb-8"><div class="col-span-1 md:col-span-2 lg:col-span-1 lg:pr-8 lg:border-r lg:border-white/20"><div class="mb-6"><a aria-label="Quatico Home" href="/"><svg width="120" height="32" viewBox="0 0 180 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-8 w-auto "><path d="M109.928 6.41666C109.928 8.96067 112.004 11.0224 114.564 11.0224C117.117 11.0224 119.191 8.96067 119.191 6.41666C119.191 3.88569 117.117 1.82178 114.564 1.82178C112.004 1.82178 109.928 3.88569 109.928 6.41666ZM89.7292 29.5024C87.3108 29.5024 81.8686 29.7339 81.8686 33.1716C81.8686 35.0531 83.8958 35.9853 85.6278 35.9853C88.7283 35.9853 91.673 34.3034 91.673 31.1714V29.5024H89.7292ZM32.1074 27.5191C32.6506 26.0923 33.1339 23.8712 33.1339 22.1639C33.1339 15.2798 28.5577 10.2707 21.5718 10.2707C14.586 10.2707 10.0205 15.2798 10.0205 22.1639C10.0205 29.0479 14.586 34.0572 21.5718 34.0572C23.9732 34.0572 25.1322 33.5687 26.7701 32.9551L19.8847 25.9351L25.4637 21.2295C25.4637 21.2295 32.1074 27.5191 32.1074 27.5191ZM91.6923 14.4879V6.73955H99.8135V14.4879H106.962V20.9386H99.8135V29.6511C99.8135 32.4497 100.147 34.4308 104.289 34.5052C107.533 34.5626 110.546 31.7235 110.563 27.016C110.565 26.0773 110.563 14.4879 110.563 14.4879H118.543L118.494 28.6318C118.599 31.6385 117.846 34.69 121.631 34.501C123.335 34.416 125.942 31.87 125.935 30.6002C125.929 28.8931 125.882 28.9738 125.893 27.6528C125.951 20.1998 131.399 14.3966 140.121 14.3116C143.675 14.2777 147.084 15.609 149.239 17.7388L144.267 22.8116C143.446 22.1767 142.373 21.4526 140.63 21.3209C136.531 21.0088 133.935 23.574 133.743 27.5446C133.561 31.303 136.234 34.191 140.32 34.2738C147.374 34.416 149.609 29.9355 150.648 24.8988C151.982 18.397 157.765 14.284 164.748 14.284C172.729 14.284 179.099 19.6329 179.099 27.8292C179.099 36.0233 172.498 41.2322 164.8 41.3192C156.05 41.4168 152.256 34.9426 152.256 34.9426C147.802 40.2894 143.273 41.2809 140.433 41.2809C135.832 41.2809 131.157 39.0811 128.886 36.2081C128.886 36.2081 126.051 40.6354 121.259 41.2577C117.955 41.6864 112.44 41.3044 110.734 37.7115C110.734 37.7115 108.335 41.3659 101.4 41.3255C93.2894 41.2809 92.1755 36.4416 92.1755 36.4416C92.0023 36.8283 91.5596 37.4142 91.5596 37.4142C89.8275 40.1194 86.6372 41.3214 83.434 41.3214C78.6505 41.3214 74.3353 38.493 74.3353 33.3882C74.3353 24.6229 85.0996 24.4763 91.6664 24.4763C91.6664 21.7116 90.655 20.6988 86.8958 20.512C74.083 19.8771 71.2689 21.958 71.1128 29.6C70.931 38.5014 68.6987 40.9539 59.3178 41.3681C47.8904 41.8713 47.4371 35.8259 47.4371 35.8259C46.5926 38.6628 43.3723 41.3085 39.5445 41.3085C36.2493 41.3085 33.9635 40.3318 32.5308 38.8156C29.441 40.5908 25.7031 41.5464 21.5655 41.5464C9.95442 41.5464 1.50146 33.9785 1.50146 22.1406C1.50147 10.3005 9.95442 2.73479 21.5655 2.73479C33.1744 2.73479 41.6317 10.3005 41.6317 22.1406C41.6317 26.2345 40.6181 29.8209 38.8176 32.7554L38.4241 33.299C39.1254 33.7874 40.199 34.3353 41.8561 34.3353C45.7007 34.3353 46.4899 31.5324 46.5755 28.4748H46.5989V14.4879H54.4767V27.655C54.4767 30.5811 54.4167 34.331 59.258 34.1612C62.7606 34.0338 63.2116 32.0081 63.2524 30.1055C63.5966 14.1035 72.3637 13.9804 88.0099 14.4496C89.4041 14.492 91.6923 14.4879 91.6923 14.4879ZM164.755 34.2992C168.745 34.2992 171.
45144 31.6428 171.144 27.7824C171.144 23.9221 168.745 21.2891 164.755 21.2891C160.763 21.2891 158.361 23.9305 158.361 27.7909C158.361 31.6513 160.763 34.2993 164.755 34.2992Z" class="fill-white"></path></svg></a></div><div class="text-sm text-white/70 space-y-3"><div><p class="font-medium text-white mb-2">Quatico Solutions AG</p><div role="button" tabindex="0" aria-label="Open map for Förrlibuckstrasse 220, 8005 Zürich, Switzerland" class="cursor-pointer hover:text-primary transition-colors flex items-start gap-2 text-white/70 hover:text-white"><div><p>Förrlibuckstrasse 220</p><p>8005 Zürich</p></div></div></div><a href="tel:+41432438800" class="flex items-center gap-2 hover:text-white transition-colors"><svg class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"></path></svg>+41 43 243 88 00</a><a href="mailto:[email protected]" class="flex items-center gap-2 hover:text-white transition-colors"><svg class="w-4 h-4 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20"><path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path></svg>[email protected]</a></div></div><div><ul class="space-y-2 text-sm text-white/70"><li><a class="hover:text-white transition-colors flex items-center gap-2" href="/plattform"><span class="text-white">â¢</span> <!-- -->Plattform</a></li><li><a class="hover:text-white transition-colors flex items-center gap-2" href="/referenzen"><span class="text-white">â¢</span> <!-- -->Referenzen</a></li><li><a class="hover:text-white transition-colors flex items-center gap-2" href="/partner"><span class="text-white">â¢</span> <!-- -->Partner</a></li><li><a class="hover:text-white transition-colors flex items-center gap-2" href="/blog"><span class="text-white">â¢</span> <!-- -->Blog</a></li><li><a class="hover:text-white transition-colors flex items-center gap-2" href="/jobs"><span class="text-white">â¢</span> <!-- -->Jobs</a></li><li><a class="hover:text-white transition-colors flex items-center gap-2" href="/ueber-uns"><span class="text-white">â¢</span> <!-- -->Ãber uns</a></li></ul></div><div><div class="font-bold mb-4">Angebote</div><ul class="space-y-2 text-sm text-white/70"><li><a class="hover:text-white transition-colors" href="/angebote">Alle Angebote</a></li><li><a class="hover:text-white transition-colors" href="/angebote/ki-potenzialanalyse">KI-Potenzialanalyse</a></li><li><a class="hover:text-white transition-colors" href="/angebote/ki-agenten-workshop">KI-Agenten-Workshop</a></li><li><a class="hover:text-white transition-colors" href="/angebote/system-engineering">Individualsoftware & Systemintegration</a></li><li><a class="hover:text-white transition-colors" href="/angebote/agentic-seo">Agentic SEO</a></li><li><a class="hover:text-white transition-colors" href="/fuer-agenten">Für Agenten</a></li></ul></div><div><div class="font-bold mb-4">Plattform</div><ul class="space-y-2 text-sm text-white/70"><li><a class="hover:text-white transition-colors" href="/plattform">CDS-Plattform</a></li></ul></div><div><div class="font-bold mb-4">KI-Anwendungen</div><ul class="space-y-2 text-sm text-white/70"><li><a class="hover:text-white transition-colors" href="/angebote/ki-anwendungen">Alle KI-Anwendungen</a></li><li><a class="hover:text-white transition-colors" href="/angebote/ki-anwendungen/offerten-generator">Offerten-Generator</a></li><li><a class="hover:text-white transition-colors" href="/angebote/ki-anwendungen/document-as-a-service">Document-as-a-Service</a></li></ul></div><div><div class="font-bold mb-4">Technologie</div><ul class="space-y-2 text-sm text-white/70"><li><a class="hover:text-white transition-colors" href="/technologie">CDS-Technologie-Stack</a></li><li><a class="hover:text-white transition-colors" href="/dienstleistungen/ki-technologie">KI-Technologie</a></li></ul></div></div><div class="border-t border-white/20 pt-8 flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-sm text-white/60">© 2026 Quatico Solutions AG</p><div class="flex flex-col md:flex-row items-center gap-6 text-sm text-white/60"><a class="hover:text-white transition-colors font-medium text-white" href="/datenschutz">Datenschutz</a><a class="hover:text-white transition-colors font-medium text-white" href="/agb">AGB</a><span class="flex items-center gap-2"><svg class="w-4 h-4" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-label="Swiss flag"><path d="m0 0h32v32h-32z" fill="#f00"></path>
45<path d="m13 6h6v7h7v6h-7v7h-6v-7h-7v-6h7z" fill="#fff"></path></svg>Entwickelt in der Schweiz</span></div></div></div></div></footer></div><!--/$-->
45<script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"0\":null},\"actionData\":null,\"errors\":null}");</script>
45</div>
46<script>window.__VITE_REACT_SSG_HASH__ = '7303u4u7a3'</script>
46</body></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.