cyon | Domains, Webhosting, Agentur-Server, E-Mail & herzlicher Support

<!DOCTYPE html> <html lang="de-CH"> <head > <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>cyon | Domains, Webhosting, Agentur-Server, E-Mail & herzlicher Support</title> <meta content="Dein Schweizer Webhosting-Provider aus Basel. Sicher & Zuverlässig. SSL-Zertifikate & persönlicher Support inklusive. Starte heute mit Deiner Domain." name="description"> <meta content="2025-03-07" name="date"> <meta content="cyon | Nachhaltiges Webhosting, Domains & herzlicher Support" property="og:title"> <meta content="Dein Schweizer Webhoster aus Basel. Sicher & Zuverlässig. SSL-Zertifikate & persönlicher Support inklusive. Starte heute mit Deiner Domain." property="og:description"> <meta content="https://www.cyon.ch/media/site/dfd139f8bc-1741356913/cyon-opengraph-standard-1200x630-crop.png" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="website" property="og:type"> <meta content="noarchive" name="robots"> <link href="https://www.cyon.ch" rel="canonical"> <meta content="https://www.cyon.ch" property="og:url"> <meta content="summary_large_image" name="twitter:card"> <meta content="cyon | Nachhaltiges Webhosting, Domains & herzlicher Support" name="twitter:title"> <meta content="Dein Schweizer Webhoster aus Basel. Sicher & Zuverlässig. SSL-Zertifikate & persönlicher Support inklusive. Starte heute mit Deiner Domain." name="twitter:description"> <meta content="https://www.cyon.ch/media/site/dfd139f8bc-1741356913/cyon-opengraph-standard-1200x630-crop.png" name="twitter:image"> <link rel='icon' type='image/svg+xml' href='https://www.cyon.ch/assets/favicon/favicon.svg'><link rel='icon' type='image/png' sizes='32x32' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-32x.png'><link rel='icon' type='image/png' sizes='96x96' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-96x.png'><link rel='icon' type='image/png' sizes='16x16' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-16x.png'><link rel='alternate icon' type='image/png' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-180x.png'><link rel='apple-touch-icon' type='image/png' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-180x.png'><link rel='apple-touch-icon' type='image/png' sizes='167x167' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-167x.png'><link rel='apple-touch-icon' type='image/png' sizes='152x152' href='https://www.cyon.ch/media/assets/assets/favicon/4170490690-1741357300/favicon-152x.png'><meta name='theme-color' content='#ffffff'><link rel='mask-icon' href='https://www.cyon.ch/assets/favicon/favicon.svg' color='#ffffff'> <style> /* Alpine needs this to hide x-cloak attribute items before fully loaded */ [x-cloak] { display: none !important; } </style> <link href="https://www.cyon.ch/assets/css/main.css" rel="stylesheet"> <script defer src="https://www.cyon.ch/assets/js/main.js"></script> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/assets/fonts/soleil/Soleil-Light.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/assets/fonts/soleil/Soleil-Regular.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/assets/fonts/soleil/Soleil-Semibold.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/assets/fonts/soleil/Soleil-Bold.woff2"> <script type="text/javascript"> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { if ((document.cookie.indexOf('cyon-tracking-optout=true') != -1) || (document.cookie.indexOf('cyon-tracking-optout=1') != -1)) return; var u="https://stats.cyon.ch/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', 1]); _paq.push(['setCookieDomain', '*.cyon.ch']); // Gilt f眉r alle Subdomains von cyon.ch _paq.push(['setDomains', ['*.cyon.ch', '*.order.cyon.ch', '*.status.cyon.info']]); // Definiert alle getrackten Domains _paq.push(['enableCrossDomainLinking']); // Falls Cookies nicht geteilt werden k枚nnen, 眉bertr盲gt Matomo die ID per URL var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); // Track page views when HTMX updates content document.addEventListener('htmx:afterSwap', function(event) { _paq.push(['setCustomUrl', window.location.href]); _paq.push(['setDocumentTitle', document.title]); _paq.push(['trackPageView']); }); </script> </head> <body hx-boost="true" hx-ext="head-support, preload" class="grid h-full min-h-screen grid-cols-1 font-sans antialiased grid-rows-[1fr,auto]">  <header id="main_nav_header" x-data="cyon_mobile_menu" x-ref="mainNavHeader" class="fixed inset-x-0 top-0 z-30 overflow-y-auto transition-transform duration-150 bg-white lg:overflow-y-visible " > <nav preload id="top_nav" class="inset-x-0 top-0 z-50 max-h-screen overflow-x-hidden overflow-y-auto bg-white border-b lg:overflow-y-visible lg:overflow-x-visible lg:relative border-cyon-grey-even-lighter"> <div class="mx-6 2xl:max-w-content sm:mx-16 md:mx-20 lg:mx-24 xl:mx-32 2xl:mx-auto"> <div class="flex items-center justify-between py-4 h-17 lg:h-22 2xl:space-x-12-5"> <div class="flex items-center lg:space-x-8 xl:space-x-10"> <a class="focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/"> <img class="w-19 lg:w-22" src="https://www.cyon.ch/assets/svgs/cyon-logo.svg" alt="20 Jahre cyon logo"> <span class="sr-only">cyon</span> </a> <ul class="hidden lg:space-x-5 lg:flex lg:items-center xl:space-x-8 text-cyon-lg"> <li> <div class="isolate" x-bind="close" x-data="cyon_popout_menu"> <button x-bind="trigger" class="flex items-center space-x-1 font-light focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> <span>Hosting</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-grey-light" :class="open ? '-rotate-180' : ''"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-cloak x-bind="menu" class="absolute z-40 w-full max-w-5xl mt-10 overflow-hidden origin-top transform rounded-md shadow-lg -translate-x-44 xl:-translate-x-32"> <div class="flex justify-between w-full space-x-24 bg-white pl-11"> <div class="flex-grow py-8 space-y-4"> <ul> <li><a class="flex items-center p-3 space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-cherry focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/webhosting"><span class="flex-shrink-0"><svg class="w-14 h-14" fill="none" viewbox="0 0 80 80"><path fill="#FFF5F9" d="M77 0H3a3 3 0 00-3 3v74a3 3 0 003 3h74a3 3 0 003-3V3a3 3 0 00-3-3z"/><path fill="#17821B" d="M46.7 19.7h8.76a1.2 1.2 0 011.2 1.2v.23a7.2 7.2 0 01-7.2 7.2H44.7a1.2 1.2 0 01-1.2-1.2V22.9a3.2 3.2 0 013.2-3.2zM42 24.9a2 2 0 00-4 0v8.32a2 2 0 104 0V24.9z"/><path fill="#B41D3B" d="M52.14 32c-4.35 0-7.6 1.36-9.59 3.82 7.13.89 11.31 5.59 11.31 13a13.66 13.66 0 01-1.27 5.8C58.69 54.41 64 49.94 64 43.16 64 36.17 59.74 32 52.14 32zM26.14 48.82c0-7.39 4.18-12.09 11.31-13-2-2.46-5.24-3.82-9.59-3.82C20.26 32 16 36.15 16 43.14c0 6.78 5.31 11.25 11.41 11.46a13.66 13.66 0 01-1.27-5.78z"/><path fill="#B41D3B" d="M40 37.67c-7.61 0-11.86 4.15-11.86 11.15S33.71 60.3 40 60.3c6.29 0 11.86-4.53 11.86-11.48S47.61 37.67 40 37.67z"/></svg></span><span class="flex-grow space-y-1"><span class="flex items-center justify-between"><span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-cherry group-hover:cursor-pointer">Webhosting</span></span><span class="block leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Alles, was du f眉r deine Website brauchst.</span></span></a></li> <li><a class="flex items-center p-3 space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-strawberry focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/webhosting-pro"><span class="flex-shrink-0"><svg class="h-14 w-14" fill="none" viewbox="0 0 80 80"><path fill="#F7F4FB" d="M77 0H3a3 3 0 0 0-3 3v74a3 3 0 0 0 3 3h74a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z"/><path fill="#17821B" d="M49.36 19.7h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2h-4.76a1.2 1.2 0 0 1-1.2-1.2V22.9a3.2 3.2 0 0 1 3.2-3.2Z"/><path fill="#694398" d="M50.12 33c-5.59-5.6-15.92-5.21-22.3 1.17-6.38 6.38-6.71 16.65-1.12 22.25 5.59 5.6 15.93 5.21 22.26-1.12 6.33-6.33 6.76-16.75 1.16-22.3Z"/></svg></span><span class="flex-grow space-y-1"><span class="flex items-center justify-between"><span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-plum group-hover:cursor-pointer">Webhosting Pro</span></span><p class="block leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Mehr Leistung f眉r anspruchsvolle Webprojekte.</p></span></a></li> <li><a class="flex items-center p-3 space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-pear focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/managed-server"><span class="flex-shrink-0"><svg class="w-14 h-14" fill="none" viewbox="0 0 80 80"><path fill="#FBFDE7" d="M77 0H3a3 3 0 0 0-3 3v74a3 3 0 0 0 3 3h74a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z"/><path fill="#C9DB00" d="M48.31 46.94a12 12 0 0 1 1.84-6.07c2.73-4.31 2.7-8.64.31-11-2.39-2.36-6.72-2.42-11 .31a12 12 0 0 1-6.07 1.84 13.47 13.47 0 0 0-9.3 4.09c-5.9 5.9-5 14.5.32 19.84s13.94 6.22 19.84.32a13.47 13.47 0 0 0 4.06-9.33Z"/><path fill="#17821B" d="M54 19.7h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2H52a1.2 1.2 0 0 1-1.2-1.2V22.9a3.2 3.2 0 0 1 3.2-3.2Z"/></svg></span><span class="flex-grow space-y-1"><span class="flex items-center justify-between"><span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-pear group-hover:cursor-pointer">Managed Server</span></span><span class="block leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Ein ganzer Server f眉r deine Website.</span></span></a></li> <li><a class="flex items-center p-3 space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-grapefruit focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/agencyserver"><span class="flex-shrink-0"><svg class="h-14 w-14" fill="none" viewbox="0 0 80 80"><path fill="#FFF4F0" d="M77 0H3a3 3 0 0 0-3 3v74a3 3 0 0 0 3 3h74a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z"/><path fill="#17821B" d="M52.54 21.8h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2h-4.76a1.2 1.2 0 0 1-1.2-1.2V25a3.2 3.2 0 0 1 3.2-3.2Z"/><path fill="#F26D5A" d="M39.06 23.06a5.82 5.82 0 1 0 .12 8.36 5.8 5.8 0 0 0-.12-8.36ZM57.44 41.44a5.82 5.82 0 1 0 .12 8.37 5.79 5.79 0 0 0-.12-8.37ZM48.25 32.25a5.82 5.82 0 1 0 .12 8.36 5.791 5.791 0 0 0-.12-8.36ZM31.79 48.71a5.82 5.82 0 1 0 .12 8.37 5.8 5.8 0 0 0-.12-8.37ZM44.62 45.08a5.82 5.82 0 1 0 .12 8.36 5.8 5.8 0 0 0-.12-8.36ZM35.42 35.88a5.82 5.82 0 1 0 .12 8.37 5.792 5.792 0 0 0-.12-8.37Z"/></svg></span><span class="flex-grow space-y-1"><span class="flex items-center justify-between"><span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-grapefruit group-hover:cursor-pointer">Agencyserver</span></span><span class="block leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Deine Kundschaft, dein Server.</span></span></a></li> </ul> </div> <div class="py-8 pr-16 space-y-4 pl-11 bg-cyon-orange-ultralight"> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Sitebuilder</span> <ul class="space-y-4"> <li> <a href="/hosting/sitebuilder" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Einfach Website erstellen </span> </a> </li> </ul> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Services</span> <ul class="space-y-4"> <li> <a href="/hosting/ssl" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Kostenlose SSL-Zertifikate </span> </a> </li>  <li> <a href="/hosting/umzug" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path fill="#fff" d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Umzugsservice </span> </a> </li>  </ul> </div> </div> </div> </div> </li> <li> <div x-bind="close" x-data="cyon_popout_menu"> <button x-bind="trigger" class="flex items-center space-x-1 font-light focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> <span>Domains</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-grey-light" :class="open && '-rotate-180'"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-cloak x-bind="menu" class="absolute z-40 mt-10 overflow-hidden origin-top transform -translate-x-32 rounded-md shadow-lg"> <div class="flex justify-between w-full space-x-24 bg-white pl-11"> <div class="py-8 space-y-4"> <ul> <li><a class="flex items-center p-3 space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-bee focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/domains/domain-kaufen"><span class="flex-shrink-0"><svg class="h-14 w-14" fill="none" viewbox="0 0 80 80"><path fill="#FFFBEB" d="M77 0H3a3 3 0 00-3 3v74a3 3 0 003 3h74a3 3 0 003-3V3a3 3 0 00-3-3z"/><path fill="#E8D2BD" d="M41.78 37.48l10.14 7.37a5.88 5.88 0 011.3 8.2l-.11.15a1 1 0 01-1.37.22l-14.1-10.24 2.07-2.85 2.07-2.85z"/><path fill="#E8D2BD" d="M43.06 41.42l-3.88 11.92a5.87 5.87 0 01-7.39 3.77l-.18-.06a1 1 0 01-.63-1.23l5.39-16.58 3.34 1.09 3.35 1.09z"/><path fill="#E8D2BD" d="M39.71 43.85H27.17a5.86 5.86 0 01-5.86-5.87v-.19a1 1 0 011-1h17.43v7l-.03.06z"/><path fill="#E8D2BD" d="M36.37 41.42l-3.88-11.93a5.87 5.87 0 013.77-7.39l.18-.06a1 1 0 011.23.63l5.39 16.57-3.35 1.09-3.34 1.09z"/><path fill="#E8D2BD" d="M37.64 37.48l10.15-7.36a5.86 5.86 0 018.19 1.29l.11.16a1 1 0 01-.21 1.36l-14.1 10.25-2.07-2.85-2.07-2.85z"/><path fill="#F5EBE1" d="M39.71 44.65h13.64a7.2 7.2 0 007.2-7.2v-.24a1.2 1.2 0 00-1.2-1.2H39.71v8.64z"/><path fill="#F5EBE1" d="M35.6 41.66l4.22 13a7.2 7.2 0 009.07 4.62l.23-.07a1.21 1.21 0 00.77-1.52L43.82 39l-4.11 1.33-4.11 1.33z"/><path fill="#F5EBE1" d="M37.17 36.84l-11 8a7.201 7.201 0 00-1.59 10.06l.13.19a1.2 1.2 0 001.68.27l15.89-11.55-2.54-3.49-2.57-3.48z"/><path fill="#F5EBE1" d="M42.25 36.84l-11-8a7.21 7.21 0 00-10.06 1.59l-.13.19a1.21 1.21 0 00.26 1.68l15.89 11.54 2.54-3.49 2.5-3.51z"/><path fill="#F5EBE1" d="M43.82 41.66l4.21-13a7.2 7.2 0 00-4.62-9.07l-.22-.07a1.21 1.21 0 00-1.52.77L35.6 39l4.11 1.33 4.11 1.33z"/><path fill="#fff" d="M39.71 48a7.66 7.66 0 11.34-15.317A7.66 7.66 0 0139.71 48z"/><path fill="#FCD03B" d="M39.71 34.67a5.659 5.659 0 00-.88 11.22 5.66 5.66 0 006.71-5.55 5.639 5.639 0 00-5.83-5.67z"/></svg></span><span class="space-y-1"><span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-bee group-hover:cursor-pointer">Domain kaufen</span><span class="block leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Alles beginnt mit deiner Domain.</span></span></a></li> <li><a class="flex items-center p-3 space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-bee focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/domains/domain-transferieren"><span class="flex-shrink-0"><svg class="h-14 w-14" fill="none" viewbox="0 0 80 80"><path fill="#FFFBEB" d="M77 0H3a3 3 0 00-3 3v74a3 3 0 003 3h74a3 3 0 003-3V3a3 3 0 00-3-3z"/><path fill="#131313" d="M48.63 28.74a.7.7 0 01-.51-.22.72.72 0 010-1 5.38 5.38 0 000-7.59.73.73 0 011-1 6.83 6.83 0 010 9.65.7.7 0 01-.49.16zM61.12 32.59a.73.73 0 01-.52-.21 5.37 5.37 0 00-7.59 0 .73.73 0 11-1-1 6.821 6.821 0 019.65 0 .72.72 0 010 1 .732.732 0 01-.54.21z"/><path fill="#131313" d="M55.23 41.57a13.75 13.75 0 00-16.3-16.3 92.451 92.451 0 0116.3 16.3z"/><path fill="#FFCE00" d="M51.29 45.43c.4.23.77.508 1.1.83.335.349.624.739.86 1.16a17.778 17.778 0 002-5.85 92.451 92.451 0 00-16.3-16.3c-2.052.32-4.032.997-5.85 2 .422.236.811.526 1.16.86.322.33.6.7.83 1.1a91.553 91.553 0 0116.22 16.22l-.02-.02z"/><path fill="#131313" d="M43.49 44.65h4.95a5.57 5.57 0 012.85.8 91.546 91.546 0 00-16.22-16.22 5.57 5.57 0 01.8 2.85v4.73c.005.073.005.147 0 .22a113.64 113.64 0 013.94 3.7 67.487 67.487 0 013.68 3.92z"/><path fill="#FFCE00" d="M32 48.52a92.292 92.292 0 00-7.8-6.95 13.521 13.521 0 0014.75 14.75 92.307 92.307 0 00-6.95-7.8z"/><path fill="#131313" d="M38.93 56.32c.61 0 1.23-.09 1.85-.18a9.997 9.997 0 01-.42-2.85v-3.85a84.456 84.456 0 00-4.48-4.82 88.34 88.34 0 00-4.82-4.49h-3.85a10.392 10.392 0 01-2.85-.41c-.09.61-.15 1.23-.18 1.84a90.793 90.793 0 0114.75 14.75v.01z"/><path fill="#FFCE00" d="M40.36 49.44V48a3.34 3.34 0 013.13-3.32 113.456 113.456 0 00-3.7-3.94 68.489 68.489 0 00-3.94-3.7 3.31 3.31 0 01-1 2.15 3.27 3.27 0 01-2.36 1h-1.47c1.65 1.43 3.26 2.92 4.82 4.49 1.56 1.57 3.1 3.11 4.52 4.76z"/><path fill="#131313" d="M32.53 38.13h-5.32a8.05 8.05 0 01-8.05-8.05v-.26a1.34 1.34 0 011.34-1.34h9.8a3.58 3.58 0 013.58 3.58v4.73a1.341 1.341 0 01-1.35 1.34zM52.02 50.2V60a1.34 1.34 0 01-1.34 1.34h-.26a8.05 8.05 0 01-8.05-8.05v-5.32a1.34 1.34 0 011.34-1.34h4.73a3.58 3.58 0 013.58 3.58v-.01z"/></svg></span><span class="space-y-1"><span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-bee group-hover:cursor-pointer">Domain transferieren</span><span class="block leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">G枚nn deiner Domain ein sch枚neres Zuhause.</span></span></a></li> </ul> </div> <div class="py-8 pr-16 space-y-4 pl-11 bg-cyon-bee-ultralight"> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Preise</span> <ul class="space-y-4"> <li> <a href="/domains/alle-domains" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-bee focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-bee" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-bee group-hover:cursor-pointer"> Alle Domains </span> </a> </li> </ul> </div> </div> </div> </div> </li> <li> <a class="font-light focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer" href="/support">Support</a> </li> <li> <div class="relative" x-data="cyon_popout_menu" x-bind="close" x-on:mouseenter.once="$el.querySelector('a').click()"> <a href="/_ajax/blog?action=recent-posts&t=nav" hx-get="/_ajax/blog?action=recent-posts&t=nav" hx-target="#nav-blog-posts" style="display: none;"></a> <button x-bind="trigger" class="flex items-center space-x-1 font-light focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> <span>cyon</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-grey-light" :class="open && '-rotate-180'"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-cloak x-bind="menu" class="absolute left-0 z-40 w-screen max-w-4xl mt-10 overflow-hidden transform -translate-x-1/2 rounded-md shadow-lg"> <div class="flex justify-between w-full bg-white"> <div class="px-16 pt-16 pb-14 py-14"> <span class="block font-bold text-cyon-grey-dark text-cyon-md">脺ber uns</span> <div class="flex mt-6 space-x-28"> <div> <ul class="space-y-2"> <li> <a href="/ueber-cyon" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> 脺ber uns </span> </a> </li> <li> <a href="/ueber-cyon/team" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Team </span> </a> </li> <li> <a href="/ueber-cyon/nachhaltigkeit" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke="#FF961F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 21c.5-4.5 2.5-8 7-10M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5H9z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Nachhaltigkeit </span> </a> </li> <li> <a href="/ueber-cyon/datenschutz" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Datenschutz </span> </a> </li> <li> <a href="/ueber-cyon/infrastruktur" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Infrastruktur </span> </a> </li> </ul> </div> <div> <ul class="space-y-2"> <li> <a href="/ueber-cyon/jobs" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path d="M12 14l9-5-9-5-9 5 9 5z"/> <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Jobs </span> </a> </li> <li> <a href="/blog" class="flex items-center py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stro ke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Blog </span> </a> </li> </ul> </div> </div> </div> <div class="px-16 pt-16 bg-cyon-orange-ultralight pb-14 py-14"> <span class="block font-bold text-cyon-grey-dark text-cyon-md">Aus unserem Blog</span> <div class="mt-6 mb-8 w-72"> <div x-ref="posts_desktop" id="nav-blog-posts"> Loading posts... </div> </div> <div> <a class="font-bold text-cyon-base text-cyon-orange hover:cursor-pointer hover:pb-1 hover:border-b-2 hover:border-cyon-orange focus-visible:border-b-2 focus-visible:pb-1 focus-visible:border-cyon-orange focus:outline-none" href="/blog"> Alle Blogbeitr盲ge <svg class="inline-block w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/> </svg> </a> </div> </div> </div> </div> </div> </li> </ul> </div> <div class="lg:hidden"> <button x-bind="trigger" class="flex items-center space-x-1 font-light focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span x-text="!mobileOpen ? 'Men眉' : 'Schliessen'">Men眉</span> <svg x-show="!mobileOpen" class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 6h16M4 12h16m-7 6h7"/> </svg> <svg x-show="mobileOpen" x-clock class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <ul class="hidden font-light lg:items-center lg:space-x-2 lg:flex"> <li> <div x-bind="close" x-data="cyon_popout_menu"> <button x-bind="trigger" class="flex items-center w-full py-2 pl-6 pr-5 space-x-1 font-normal text-center transition-colors duration-150 rounded group text-cyon-lg hover:cursor-pointer bg-cyon-orange-ultralight-dark text-cyon-orange-dark hover:bg-cyon-orange-dark hover:text-white"> <span>Login</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-orange-dark group-hover:text-white" :class="open && '-rotate-180'"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-cloak x-bind="menu" class="absolute z-40 mt-10 overflow-hidden origin-top transform -translate-x-32 rounded-md shadow-lg"> <div class="flex justify-between w-full space-x-24 bg-white"> <div class="box-large"> <ul class="space-y-6"> <li> <a class="flex items-center space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-orange-dark focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="https://my.cyon.ch/"> <span class="flex-shrink-0"> <svg class="h-14 w-14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M53 0H3a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h50a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z" fill="#FFF9F0"/><path d="m14.5 28 3-3m0 0L28 14.5 38.5 25m-21 0v15a1.5 1.5 0 0 0 1.5 1.5h4.5m15-16.5 3 3m-3-3v15a1.5 1.5 0 0 1-1.5 1.5h-4.5m-9 0A1.5 1.5 0 0 0 25 40v-6a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 31 34v6a1.5 1.5 0 0 0 1.5 1.5m-9 0h9" stroke="#FF961F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="space-y-1"> <span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-orange-dark group-hover:cursor-pointer">my.cyon</span> <span class="block font-normal leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Dein Login f眉r alle deine Produkte.</span> </span> </a> </li> <li> <a class="flex items-center space-x-6 rounded group focus-visible:ring-2 focus-visible:ring-cyon-butterfly-dark focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="https://webmail.cyon.ch/"> <span class="flex-shrink-0"> <svg class="h-14 w-14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M53 0H3a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h50a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z" fill="#F0FCFF"/><path d="m14.5 22 11.835 7.89a3 3 0 0 0 3.33 0L41.5 22m-24 16.5h21a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3h-21a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3Z" stroke="#30D3FC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg> </span> <span class="space-y-1"> <span class="block font-bold leading-6 text-cyon-md group-hover:text-cyon-butterfly-dark group-hover:cursor-pointer">Webmail</span> <span class="block font-normal leading-none text-cyon-grey-contrast text-cyon-base group-hover:text-cyon-grey-dark">Verwalte deine E-Mails im Browser.</span> </span> </a> </li> </ul> </div> </div> </div> </div> </li> <li> <a id="order-btn-desktop" href="https://order.cyon.ch" class="inline-block w-full px-6 py-2 font-normal text-center text-white transition-colors duration-150 rounded text-cyon-lg hover:cursor-pointer bg-cyon-orange hover:bg-cyon-orange-dark"> Bestellen </a> </li> </ul> </div> </div> <div x-cloak x-show="mobileOpen" x-ref="mobileMenu" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="motion-safe:opacity-0 transform motion-safe:scale-95" x-transition:enter-end="motion-safe:opacity-100 transform motion-safe:scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="motion-safe:opacity-100 transform motion-safe:scale-100" x-transition:leave-end="motion-safe:opacity-0 transform motion-safe:scale-95" class="w-screen pb-6 space-y-6 overflow-y-scroll bg-white lg:hidden"> <ul class="mt-3 border-t border-b border-gray-100 divide-y divide-gray-100"> <div x-data="{open: false}" @click.away="open = false" :class="{'bg-cyon-orange-ultralight': open}"> <div class="mx-3 max-w-content sm:mx-13 md:mx-17 lg:mx-21 xl:mx-29 2xl:mx-auto"> <button @click="open = !open" class="flex items-center justify-between w-full px-3 py-4 font-light text-cyon-lg focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> <span>Hosting</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-grey-light" :class="open ? '-rotate-180' : ''"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-show="open" class="pt-4 space-y-10 pb-7"> <div> <ul> <li><a class="flex items-center px-3 py-2 space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-cherry focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-non focus:outline-none" href="/hosting/webhosting"><span class="flex-shrink-0"><svg class="bg-white rounded-sm w-14 h-14" fill="none" viewbox="0 0 80 80"><path fill="#17821B" d="M46.7 19.7h8.76a1.2 1.2 0 011.2 1.2v.23a7.2 7.2 0 01-7.2 7.2H44.7a1.2 1.2 0 01-1.2-1.2V22.9a3.2 3.2 0 013.2-3.2zM42 24.9a2 2 0 00-4 0v8.32a2 2 0 104 0V24.9z"/><path fill="#B41D3B" d="M52.14 32c-4.35 0-7.6 1.36-9.59 3.82 7.13.89 11.31 5.59 11.31 13a13.66 13.66 0 01-1.27 5.8C58.69 54.41 64 49.94 64 43.16 64 36.17 59.74 32 52.14 32zM26.14 48.82c0-7.39 4.18-12.09 11.31-13-2-2.46-5.24-3.82-9.59-3.82C20.26 32 16 36.15 16 43.14c0 6.78 5.31 11.25 11.41 11.46a13.66 13.66 0 01-1.27-5.78z"/><path fill="#B41D3B" d="M40 37.67c-7.61 0-11.86 4.15-11.86 11.15S33.71 60.3 40 60.3c6.29 0 11.86-4.53 11.86-11.48S47.61 37.67 40 37.67z"/></svg></span><span><span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-cherry group-hover:cursor-pointer">Webhosting</span></span></a></li> <li><a class="flex items-center px-3 py-2 space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-plum focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/webhosting-pro"><span class="flex-shrink-0"><svg class="bg-white h-14 w-14" fill="none" viewbox="0 0 80 80"><path fill="#17821B" d="M49.36 19.7h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2h-4.76a1.2 1.2 0 0 1-1.2-1.2V22.9a3.2 3.2 0 0 1 3.2-3.2Z"/><path fill="#694398" d="M50.12 33c-5.59-5.6-15.92-5.21-22.3 1.17-6.38 6.38-6.71 16.65-1.12 22.25 5.59 5.6 15.93 5.21 22.26-1.12 6.33-6.33 6.76-16.75 1.16-22.3Z"/></svg></span><span><span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-plum group-hover:cursor-pointer">Webhosting Pro</span></span></a></li> <li><a class="flex items-center px-3 py-2 space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-pear focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/managed-server"><span class="flex-shrink-0"><svg class="bg-white rounded-sm w-14 h-14" fill="none" viewbox="0 0 80 80"><path fill="#C9DB00" d="M48.31 46.94a12 12 0 0 1 1.84-6.07c2.73-4.31 2.7-8.64.31-11-2.39-2.36-6.72-2.42-11 .31a12 12 0 0 1-6.07 1.84 13.47 13.47 0 0 0-9.3 4.09c-5.9 5.9-5 14.5.32 19.84s13.94 6.22 19.84.32a13.47 13.47 0 0 0 4.06-9.33Z"/><path fill="#17821B" d="M54 19.7h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2H52a1.2 1.2 0 0 1-1.2-1.2V22.9a3.2 3.2 0 0 1 3.2-3.2Z"/></svg></span><span><span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-pear group-hover:cursor-pointer">Managed Server</span></span></a></li> <li><a class="flex items-center px-3 py-2 space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-grapefruit focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none" href="/hosting/agencyserver"><span class="flex-shrink-0"><svg class="bg-white rounded-sm w-14 h-14" fill="none" viewbox="0 0 80 80"><path fill="#17821B" d="M52.54 21.8h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2h-4.76a1.2 1.2 0 0 1-1.2-1.2V25a3.2 3.2 0 0 1 3.2-3.2Z"/><path fill="#F26D5A" d="M39.06 23.06a5.82 5.82 0 1 0 .12 8.36 5.8 5.8 0 0 0-.12-8.36ZM57.44 41.44a5.82 5.82 0 1 0 .12 8.37 5.79 5.79 0 0 0-.12-8.37ZM48.25 32.25a5.82 5.82 0 1 0 .12 8.36 5.791 5.791 0 0 0-.12-8.36ZM31.79 48.71a5.82 5.82 0 1 0 .12 8.37 5.8 5.8 0 0 0-.12-8.37ZM44.62 45.08a5.82 5.82 0 1 0 .12 8.36 5.8 5.8 0 0 0-.12-8.36ZM35.42 35.88a5.82 5.82 0 1 0 .12 8.37 5.792 5.792 0 0 0-.12-8.37Z"/></svg></span><span><span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-grapefruit group-hover:cursor-pointer">Agencyserver</span></span></a></li> </ul> </div> <div class="space-y-2"> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Sitebuilder</span> <ul> <li> <a href="/hosting/sitebuilder" class="flex items-center px-3 py-2 space-x-3 rounded-sm text-cyon-grey-dark group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"/> </svg> </span> <span class="leading-6 text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Einfach Website erstellen </span> </a> </li> </ul> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Services</span> <ul> <li> <a href="/hosting/ssl" class="flex items-center px-3 py-2 space-x-3 rounded-sm text-cyon-grey-dark group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg> </span> <span class="leading-6 text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Kostenlose SSL-Zertifikate </span> </a> </li>  <li> <a href="/hosting/umzug" class="flex items-center px-3 py-2 space-x-3 rounded-sm text-cyon-grey-dark group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path fill="#fff" d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg> </span> <span class="leading-6 text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Umzugsservice </span> </a> </li>  </ul> </div> </div> </div> </div> <div x-data="{open: false}" @click.away="open = false" :class="{'bg-cyon-bee-ultralight': open}"> <div class="mx-3 max-w-content sm:mx-13 md:mx-17 lg:mx-21 xl:mx-29 2xl:mx-auto"> <button @click="open = !open" class="flex items-center justify-between w-full px-3 py-4 space-x-1 font-light text-cyon-lg focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> <span>Domains</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-grey-light" :class="open && '-rotate-180'"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-show="open" class="pt-4 space-y-10 pb-7"> <ul> <li> <a href="/domains/domain-kaufen" class="flex items-center px-3 py-2 space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-bee focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span class="flex-shrink-0"> <svg class="bg-white rounded-sm h-14 w-14" fill="none" viewbox="0 0 80 80"> <path fill="#E8D2BD" d="M41.78 37.48l10.14 7.37a5.88 5.88 0 011.3 8.2l-.11.15a1 1 0 01-1.37.22l-14.1-10.24 2.07-2.85 2.07-2.85z"/> <path fill="#E8D2BD" d="M43.06 41.42l-3.88 11.92a5.87 5.87 0 01-7.39 3.77l-.18-.06a1 1 0 01-.63-1.23l5.39-16.58 3.34 1.09 3.35 1.09z"/> <path fill="#E8D2BD" d="M39.71 43.85H27.17a5.86 5.86 0 01-5.86-5.87v-.19a1 1 0 011-1h17.43v7l-.03.06z"/> <path fill="#E8D2BD" d="M36.37 41.42l-3.88-11.93a5.87 5.87 0 013.77-7.39l.18-.06a1 1 0 011.23.63l5.39 16.57-3.35 1.09-3.34 1.09z"/> <path fill="#E8D2BD" d="M37.64 37.48l10.15-7.36a5.86 5.86 0 018.19 1.29l.11.16a1 1 0 01-.21 1.36l-14.1 10.25-2.07-2.85-2.07-2.85z"/> <path fill="#F5EBE1" d="M39.71 44.65h13.64a7.199 7.199 0 007.2-7.2v-.24a1.2 1.2 0 00-1.2-1.2H39.71v8.64z"/> <path fill="#F5EBE1" d="M35.6 41.66l4.22 13a7.2 7.2 0 009.07 4.62l.23-.07a1.21 1.21 0 00.77-1.52L43.82 39l-4.11 1.33-4.11 1.33z"/> <path fill="#F5EBE1" d="M37.17 36.84l-11 8a7.201 7.201 0 00-1.59 10.06l.13.19a1.2 1.2 0 001.68.27l15.89-11.55-2.54-3.49-2.57-3.48z"/> <path fill="#F5EBE1" d="M42.25 36.84l-11-8a7.21 7.21 0 00-10.06 1.59l-.13.19a1.21 1.21 0 00.26 1.68l15.89 11.54 2.54-3.49 2.5-3.51z"/> <path fill="#F5EBE1" d="M43.82 41.66l4.21-13a7.2 7.2 0 00-4.62-9.07l-.22-.07a1.21 1.21 0 00-1.52.77L35.6 39l4.11 1.33 4.11 1.33z"/> <path fill="#fff" d="M39.71 48a7.66 7.66 0 11.34-15.315A7.66 7.66 0 0139.71 48z"/> <path fill="#FCD03B" d="M39.71 34.67a5.659 5.659 0 00-.88 11.22 5.66 5.66 0 006.71-5.55 5.64 5.64 0 00-5.83-5.67z"/> </svg> </span> <span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-bee group-hover:cursor-pointer"> Domain kaufen </span> </a> </li> <li> <a href="/domains/domain-transferieren" class="flex items-center px-3 py-2 space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-bee focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span class="flex-shrink-0"> <svg class="bg-white rounded-sm h-14 w-14" fill="none" viewbox="0 0 80 80"> <path fill="#131313" d="M48.63 28.74a.698.698 0 01-.51-.22.72.72 0 010-1 5.38 5.38 0 000-7.59.73.73 0 011-1 6.83 6.83 0 010 9.65.7.7 0 01-.49.16zM61.12 32.59a.731.731 0 01-.52-.21 5.37 5.37 0 00-7.59 0 .73.73 0 11-1-1 6.821 6.821 0 019.65 0 .72.72 0 010 1 .732.732 0 01-.54.21z"/> <path fill="#131313" d="M55.23 41.57a13.75 13.75 0 00-16.3-16.3 92.45 92.45 0 0116.3 16.3z"/> <path fill="#FFCE00" d="M51.29 45.43c.4.23.77.508 1.1.83.335.349.624.739.86 1.16a17.78 17.78 0 002-5.85 92.448 92.448 0 00-16.3-16.3c-2.052.32-4.032.997-5.85 2 .422.236.811.526 1.16.86.322.33.6.7.83 1.1a91.55 91.55 0 0116.22 16.22l-.02-.02z"/> <path fill="#131313" d="M43.49 44.65h4.95a5.571 5.571 0 012.85.8 91.546 91.546 0 00-16.22-16.22 5.57 5.57 0 01.8 2.85v4.73c.005.073.005.147 0 .22a113.643 113.643 0 013.94 3.7 67.453 67.453 0 013.68 3.92z"/> <path fill="#FFCE00" d="M32 48.52a92.292 92.292 0 00-7.8-6.95 13.521 13.521 0 0014.75 14.75 92.307 92.307 0 00-6.95-7.8z"/> <path fill="#131313" d="M38.93 56.32c.61 0 1.23-.09 1.85-.18a9.997 9.997 0 01-.42-2.85v-3.85a84.456 84.456 0 00-4.48-4.82 88.34 88.34 0 00-4.82-4.49h-3.85a10.392 10.392 0 01-2.85-.41c-.09.61-.15 1.23-.18 1.84a90.793 90.793 0 0114.75 14.75v.01z"/> <path fill="#FFCE00" d="M40.36 49.44V48a3.34 3.34 0 013.13-3.32 113.456 113.456 0 00-3.7-3.94 68.489 68.489 0 00-3.94-3.7 3.31 3.31 0 01-1 2.15 3.27 3.27 0 01-2.36 1h-1.47c1.65 1.43 3.26 2.92 4.82 4.49 1.56 1.57 3.1 3.11 4.52 4.76z"/> <path fill="#131313" d="M32.53 38.13h-5.32a8.05 8.05 0 01-8.05-8.05v-.26a1.34 1.34 0 011.34-1.34h9.8a3.58 3.58 0 013.58 3.58v4.73a1.341 1.341 0 01-1.35 1.34zM52.02 50.2V60a1.34 1.34 0 01-1.34 1.34h-.26a8.05 8.05 0 01-8.05-8.05v-5.32a1.339 1.339 0 011.34-1.34h4.73a3.58 3.58 0 013.58 3.58v-.01z"/> </svg> </span> <span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-bee group-hover:cursor-pointer"> Domain transferieren </span> </a> </li> </ul> <div class="space-y-2"> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Preise</span> <ul> <li><a href="/domains/alle-domains" class="flex items-center px-3 py-2 space-x-3 rounded-sm text-cyon-grey-dark group focus-visible:ring-2 focus-visible:ring-cyon-bee focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"><span><svg class="w-6 h-6 text-cyon-bee" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg></span><span class="leading-6 text-cyon-base group-hover:text-cyon-bee group-hover:cursor-pointer">Alle Domains</span></a></li> </ul> </div> </div> </div> </div> <div> <div class="mx-3 max-w-content sm:mx-13 md:mx-17 lg:mx-21 xl:mx-29 2xl:mx-auto"> <a href="/support" class="flex w-full px-3 py-4 font-light text-cyon-lg focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> Support </a> </div> </div> <div x-data="{open: false}" x-on:mouseenter.once="fetch('/_ajax/blog?action=recent-posts&t=nav') .then(res => res.text()) .then(html => $refs.posts_mobile.innerHTML = html)" @click.away="open" :class="{'bg-cyon-orange-ultralight': open}"> <div class="mx-3 max-w-content sm:mx-13 md:mx-17 lg:mx-21 xl:mx-29 2xl:mx-auto"> <button @click="open = !open" class="flex items-center justify-between w-full px-3 py-4 space-x-1 font-light text-cyon-lg focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none hover:text-cyon-orange-dark hover:cursor-pointer"> <span>cyon</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-grey-light" :class="open && '-rotate-180'"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-show="open" class="pt-4 space-y-10 pb-7"> <div> <span class="block px-3 pb-2 font-bold text-cyon-grey-dark text-cyon-md">脺ber uns</span> <ul class="space-y-2"> <li> <a href="/ueber-cyon" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> 脺ber uns </span> </a> </li> <li> <a href="/ueber-cyon/team" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Team </span> </a> </li> <li> <a href="/ueber-cyon/nachhaltigkeit" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke="#FF961F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 21c.5-4.5 2.5-8 7-10M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5H9z"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Nachhaltigkeit </span> </a> </li> <li> <a href="/ueber-cyon/datenschutz" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Datenschutz </span> </a> </li> <li> <a href="/ueber-cyon/infrastruktur" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Infrastruktur </span> </a> </li> <li> <a href="/ueber-cyon/jobs" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path d="M12 14l9-5-9-5-9 5 9 5z"/> <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Jobs </span> </a> </li> <li> <a href="/blog" class="flex items-center px-3 py-2 space-x-3 rounded-sm group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <span> <svg class="w-6 h-6 text-cyon-orange" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/> </svg> </span> <span class="leading-none text-cyon-base group-hover:text-cyon-orange group-hover:cursor-pointer"> Blog </span> </a> </li> </ul> </div> <div class="space-y-3"> <div> <span class="block px-3 font-bold text-cyon-grey-dark text-cyon-md">Aus unserem Blog</span> </div> <ul class="px-3 space-y-2"> <div x-ref="posts_mobile" lazy="true" id="nav-blog-posts-mobile"> <li class="w-full h-8 bg-gray-400 rounded animate-pulse"></li> <li class="w-full h-8 bg-gray-400 rounded animate-pulse"></li> <li class="w-full h-8 bg-gray-400 rounded animate-pulse"></li> </div> </ul> <a href="/blog" class="inline-flex items-center justify-start pb-1 space-x-2 border-b-2 border-transparent text-cyon-orange hover:cursor-pointer hover:border-cyon-orange focus-visible:border-b-2 focus-visible:pb-1 focus-visible:border-cyon-orange focus:outline-none"> <span class="font-bold text-cyon-base leading-5.75">Alle Blogbeitr盲ge</span> <svg class="h-8 w-7" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/> </svg> </a> </div> </div> </div> </div> </ul> <ul class="flex flex-col items-center mx-6 font-normal max-w-content sm:mx-13 md:mx-17 lg:mx-21 xl:mx-29 2xl:mx-auto"> <li class="w-full pb-3"> <div x-data="{open: false}" @click.away="open = false" :class="{'bg-cyon-orange-ultralight-dark': open}"> <div> <button @click="open = !open" class="flex items-center justify-center w-full py-2 pl-6 pr-5 space-x-1 font-normal text-center transition-colors duration-150 rounded group text-cyon-lg hover:cursor-pointer bg-cyon-orange-ultralight-dark text-cyon-orange-dark hover:bg-cyon-orange-dark hover:text-white"> <span>Login</span> <span class="w-4 mt-1 transition-transform duration-300 ease-out transform text-cyon-orange-dark group-hover:text-white" :class="open && '-rotate-180'"> <svg xmlns="http://www.w3.org/2000/svg" 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" /> </svg> </span> </button> <div x-show="open" class="px-6 pt-2 pb-6 space-y-10"> <ul class="space-y-3"> <li><a href="https://my.cyon.ch" class="flex items-center space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-orange-dark focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"><span class="flex-shrink-0"><svg class="bg-white h-14 w-14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M53 0H3a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h50a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z"/><path d="m14.5 28 3-3m0 0L28 14.5 38.5 25m-21 0v15a1.5 1.5 0 0 0 1.5 1.5h4.5m15-16.5 3 3m-3-3v15a1.5 1.5 0 0 1-1.5 1.5h-4.5m-9 0A1.5 1.5 0 0 0 25 40v-6a1.5 1.5 0 0 1 1.5-1.5h3A1.5 1.5 0 0 1 31 34v6a1.5 1.5 0 0 0 1.5 1.5m-9 0h9" stroke="#FF961F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-orange-dark group-hover:cursor-pointer">my.cyon</span></a></li> <li><a href="https://webmail.cyon.ch" class="flex items-center space-x-3 rounded group focus-visible:ring-2 focus-visible:ring-cyon-butterfly-dark focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"><span class="flex-shrink-0"><svg class="bg-white h-14 w-14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M53 0H3a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h50a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z"/><path d="m14.5 22 11.835 7.89a3 3 0 0 0 3.33 0L41.5 22m-24 16.5h21a3 3 0 0 0 3-3v-15a3 3 0 0 0-3-3h-21a3 3 0 0 0-3 3v15a3 3 0 0 0 3 3Z" stroke="#30D3FC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span class="block font-bold leading-6 text-cyon-base text-cyon-grey-dark group-hover:text-cyon-butterfly-dark group-hover:cursor-pointer">Webmail</span></a></li> </ul> </div> </div> </div> </li> <li class="w-full"> <a id="order-btn-mobile" href="https://order.cyon.ch" class="inline-block w-full px-6 py-2 font-normal text-center text-white rounded text-cyon-lg hover:cursor-pointer hover:transition-colors hover:duration-100 hover:ease-linear bg-cyon-orange hover:bg-cyon-orange-dark"> Bestellen </a> </li> </ul> </div> </nav> </header> <main class=""> <div class="py-2"> <div class="container w-full mx-auto"> <div x-data="{focused: false}"> <form id="domain-search" @submit.prevent="cyon.searchDomain($event)" action="#"> <div class="flex space-x-2 lg:pt-0.5"> <div class="relative flex-grow"> <div class="absolute inset-y-0 left-0 items-center hidden pl-3.5 pointer-events-none md:flex"> <svg class="w-5 h-5 text-cyon-grey-59" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> </div> <input name="domain" type="text" placeholder="mein-webprojekt.ch" @focus="focused=true" @blur="focused=false" class="w-full px-3.5 py-2.5 md:pl-11 border-none rounded md:text-cyon-sm leading-5 transition-colors duration-150 hover:bg-cyon-grey-92 focus:bg-cyon-grey-95 hover:ring-cyon-grey-dark bg-cyon-grey-95 placeholder-cyon-grey-contrast text-cyon-grey-dark focus:ring-2 focus:ring-cyon-bee-dark focus:rounded-sm focus:outline-none focus:border-transparent" /> </div> <button type="submit" :class="{'bg-cyon-bee hover:bg-cyon-bee-dark': focused, 'bg-cyon-grey-95 hover:bg-cyon-bee': !focused }" class="w-auto btn btn-small bg-cyon-grey-95 focus-visible:bg-cyon-bee focus-visible:ring-cyon-bee-dark"> <span class="hidden md:block">Domain pr眉fen</span> <span class="md:hidden"> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> </svg> </span> </button> </div> </form> </div> </div> </div> <div class="bg-cyon-orange-ultralight"> <div class="container items-end lg:items-stretch lg:flex lg:justify-between lg:space-x-8"> <div class="h-full lg:w-1/2"> <h3 class="pt-10 font-bold md:pt-16 xl:pt-28 text-cyon-3xl md:text-cyon-4xl">Das Zuhause f眉r deine Webprojekte</h3> <p class="mt-6 text-cyon-md md:text-cyon-lg md:max-w-lg">Domains, Websites oder anspruchsvolle Applikationen: Mit deinen Projekten im Web kannst du dich auf uns verlassen.</p> <div class="mt-7 md:mt-8 xl:mt-10 "> <a href="#products" class="stageLink btn btn-primary-orange"> Welche L枚sung passt zu dir? </a> </div> <div class="mt-8 md:mt-12 xl:mt-28 lg:mb-12"> <p class="font-bold text-cyon-sm"><a href="https://www.google.com/maps/place/cyon+GmbH/@47.5528416,7.5925458,17z/data=!4m7!3m6!1s0x4791b84cc67f03d5:0x54a45a744890de98!8m2!3d47.5528462!4d7.5947331!9m1!1b1">4.8 / 5 Sterne (Google, 1000+ Ratings)</a></p> <div class="flex items-center space-x-0.5 mt-2 text-cyon-bee"> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> </div> </div> </div> <div class="flex-shrink-0 w-full mt-10 h-[255px] md:h-[424px] lg:h-auto lg:w-1/2 lg:mt-0 lg:pt-10"> <div class="flex-shrink-0 w-full lg:w-[394px] xl:w-[490px] 2xl:w-[592px] h-full overflow-y-hidden md:mx-auto lg:max-w-none"> <div class="w-full h-full bg-top bg-no-repeat bg-contain md:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/stages/home-default.png?w=400&bg=FFF9F0&fm=jpg&s=f2bf6dc11494371d0a4d567dcd505f14&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-default.png?w=400&bg=FFF9F0&fm=jpg&dpr=2&s=7054bb7d50c6a7aa0c14df0476388b4c&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/stages/home-default.png?w=400&bg=FFF9F0&fm=jpg&s=f2bf6dc11494371d0a4d567dcd505f14&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-default.png?w=400&bg=FFF9F0&fm=jpg&dpr=2&s=7054bb7d50c6a7aa0c14df0476388b4c&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain md:block lg:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/stages/home-md.png?w=600&bg=FFF9F0&fm=jpg&s=2bbb29127f0340e0c13bb690c5141b5f&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-md.png?w=600&bg=FFF9F0&fm=jpg&dpr=2&s=94aae9620d5793abe6eda2c6c6911b82&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/stages/home-md.png?w=600&bg=FFF9F0&fm=jpg&s=2bbb29127f0340e0c13bb690c5141b5f&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-md.png?w=600&bg=FFF9F0&fm=jpg&dpr=2&s=94aae9620d5793abe6eda2c6c6911b82&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-cover lg:block xl:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/stages/home-lg.png?w=800&bg=FFF9F0&fm=jpg&s=5a3b5b08cbbc741a4ba06e1a7de34d11&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-lg.png?w=800&bg=FFF9F0&fm=jpg&dpr=2&s=9f114001ac8361e311fe14c4bbf9264b&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/stages/home-lg.png?w=800&bg=FFF9F0&fm=jpg&s=5a3b5b08cbbc741a4ba06e1a7de34d11&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-lg.png?w=800&bg=FFF9F0&fm=jpg&dpr=2&s=9f114001ac8361e311fe14c4bbf9264b&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-cover xl:block 2xl:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/stages/home-xl.png?w=900&bg=FFF9F0&fm=jpg&s=2d395adad924cfca6c39ec8bc81248e5&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-xl.png?w=900&bg=FFF9F0&fm=jpg&dpr=2&s=fda86100bedf7a087950e61b54a58f5c&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/stages/home-xl.png?w=900&bg=FFF9F0&fm=jpg&s=2d395adad924cfca6c39ec8bc81248e5&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-xl.png?w=900&bg=FFF9F0&fm=jpg&dpr=2&s=fda86100bedf7a087950e61b54a58f5c&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-cover 2xl:block" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/stages/home-2xl.png?w=1000&bg=FFF9F0&fm=jpg&s=05350305136912d46d5f24c9acaa0509&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-2xl.png?w=1000&bg=FFF9F0&fm=jpg&dpr=2&s=c3e24a86eae1a5268e614d7f1a6780fe&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/stages/home-2xl.png?w=1000&bg=FFF9F0&fm=jpg&s=05350305136912d46d5f24c9acaa0509&vkey=5) 1x, url(/assets/legacy-resources/img/stages/home-2xl.png?w=1000&bg=FFF9F0&fm=jpg&dpr=2&s=c3e24a86eae1a5268e614d7f1a6780fe&vkey=5)"> </div> </div> </div> </div> </div> <div class="pt-20 md:pt-24 xl:pt-28"> <div class="container"> <ul class="grid grid-cols-1 gap-x-6 md:gap-x-8 gap-y-7 md:gap-y-8 xl:gap-y-10 sm:grid-cols-2 lg:grid-cols-3"> <li class="rounded-sm"> <div class="flex flex-col items-start justify-between w-full"> <svg xmlns="http://www.w3.org/2000/svg" class="stroke-2 w-7.5 h-7.5 md:w-9 md:h-9 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /> </svg> <h5 class="font-bold text-cyon-md md:text-cyon-lg mt-3 md:mt-3.5 xl:mt-4">芦Hoster der Herzen禄</h5> <p class="mt-2 md:mt-2.5 xl:mt-3 text-cyon-sm md:text-cyon-base text-cyon-earth">Mit einem engagierten Team sorgen wir daf眉r, dass du dich mit deinen Webprojekten bei uns rundum wohl f眉hlst.</p> </div> </li> <li class="rounded-sm"> <div class="flex flex-col items-start justify-between w-full"> <svg xmlns="http://www.w3.org/2000/svg" class="stroke-2 w-7.5 h-7.5 md:w-9 md:h-9 text-cyon-bee" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <h5 class="font-bold text-cyon-md md:text-cyon-lg mt-3 md:mt-3.5 xl:mt-4">4.8 von 5 Sternen bei Google</h5> <p class="mt-2 md:mt-2.5 xl:mt-3 text-cyon-sm md:text-cyon-base text-cyon-earth">Erz盲hlen k枚nnen wir dir viel. Darum lassen wir die 眉ber 1000 Bewertungen bei Google f眉r sich sprechen. </p> </div> </li> <li class="rounded-sm"> <div class="flex flex-col items-start justify-between w-full"> <svg xmlns="http://www.w3.org/2000/svg" class="stroke-2 w-7.5 h-7.5 md:w-9 md:h-9 text-cyon-strawberry" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <h5 class="font-bold text-cyon-md md:text-cyon-lg mt-3 md:mt-3.5 xl:mt-4">Seit 眉ber 20 Jahren dabei</h5> <p class="mt-2 md:mt-2.5 xl:mt-3 text-cyon-sm md:text-cyon-base text-cyon-earth">Wir betreiben einen wichtigen Teil der Schweizer Internet-Infrastruktur. Auf unsere Erfahrung kannst du dich verlassen.</p> </div> </li> </ul> </div> </div> <div class="container pt-20 md:pt-24 xl:pt-28"> <div> <div class="text-center"> <p class="text-cyon-sm md:text-cyon-base"> Bereits <span class="relative inline-flex items-center justify-center w-3 h-3 mx-px transform -translate-y-0.5"> <span class="absolute block w-full h-full rounded-full opacity-30 bg-cyon-orange animate-live"></span> <span class="relative block w-2 h-2 rounded-full bg-cyon-orange"></span> </span> <b>48'445 Kundinnen und Kunden</b> schenken uns ihr Vertrauen. </p> </div> <div class="flex items-center justify-center xl:w-8/12 xl:mx-auto"> <ul class="grid grid-cols-2 sm:grid-cols-3 gap-x-3 md:flex justify-center items-center mx-auto mt-10 flex-wrap md:flex-nowrap md:space-x-0.5 lg:space-x-8 xl:space-x-12"> <li class="flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-24 transition opacity-50 hover:filter-none hover:opacity-100 filter grayscale" fill="none" viewBox="0 0 84 96"> <defs /> <g fill-rule="evenodd" clip-path="url(#clip-css)" clip-rule="evenodd"> <path fill="#3B342C" d="M8.004 65.979h67.993v-.428H8.004v.428zm0-13.603h67.993v-.427H8.004v.427zm45.718-13.052l6.45-6.453-.008-7.166-7.16-.003-5.941 5.942v-9.592l-5.07-5.048-5.068 5.048v9.64l-5.958-5.96-7.163.002L23.8 32.9l6.416 6.42v-.002H19.72l-4.961 5.068 4.961 5.07h18.014l4.248-4.219 4.252 4.221h18.014l4.962-5.069-4.962-5.067H53.722z" /> <path fill="#fff" d="M64.02 39.863l4.433 4.526-4.434 4.532H46.455l-4.474-4.44-4.47 4.438H19.946l-4.434-4.531 4.433-4.527h11.572l-7.178-7.182.003-6.406h6.402l6.72 6.72V22.278l4.528-4.511 4.532 4.51v10.67l6.703-6.703 6.399.001.007 6.405-7.21 7.214h11.596z" /> <path fill="#0093DD" d="M32.49 40.84h-12.1l-3.546 3.559 3.545 3.56H37.04l3.591-3.576-4.599-.002-3.542-3.541z" /> <path fill="#0093DD" d="M41.45 43.376h-5.037L25.324 32.288l.008-5.028 5.026-.006 11.09 11.088.002 5.034zm10.032-2.536h12.1l3.545 3.559-3.545 3.56H46.93l-3.591-3.576 4.599-.002 3.543-3.541z" /> <path fill="#0093DD" d="M42.52 43.378h5.036L58.645 32.29l-.002-5.036-5.032.002-11.089 11.088-.002 5.034zm3.023-9.435V22.728l-3.559-3.544-3.558 3.544v11.215l3.56 3.55 3.557-3.55z" /> <path fill="#3B342C" d="M38.242 56.419c-.11.128-.396.143-.508.032-.27-1-.983-2.317-3.078-2.317-2.014 0-4.045 1.429-4.045 4.68 0 3.38 2.11 5.03 4.157 5.03 1.998 0 2.871-1.333 3.316-2.364.142-.142.396-.08.475.062-.11 1.065-.54 2.112-.761 2.413-.19.032-.381.095-.556.142-.348.113-1.443.381-2.474.381-1.571 0-2.92-.317-4.062-1.063-1.286-.84-2.253-2.285-2.253-4.362 0-1.857.825-3.301 1.999-4.204 1.174-.888 2.777-1.349 4.38-1.349.903 0 1.998.157 2.744.348.19.049.301.064.444.096.032.365.064 1.301.222 2.475zm2.219 7.392c-.286-.332-.492-1.427-.476-2.41.096-.159.365-.176.492-.063.285.808 1.142 2.506 2.698 2.506 1.206 0 1.887-.73 1.887-1.698 0-.904-.428-1.634-1.618-2.3l-.682-.38c-1.19-.668-2.238-1.635-2.238-3.064 0-1.57 1.175-2.902 3.491-2.902.825 0 1.428.19 2.174.333.174.349.333 1.396.333 2.142-.08.142-.365.158-.508.047-.237-.825-.793-1.888-2.142-1.888-1.269 0-1.792.825-1.792 1.666 0 .667.46 1.38 1.506 1.935l.984.525c1.032.538 2.173 1.522 2.173 3.124 0 1.809-1.378 3.094-3.68 3.094-1.46 0-2.285-.476-2.602-.667zm8.754 0c-.286-.332-.492-1.427-.476-2.41.094-.159.365-.176.49-.063.287.808 1.144 2.506 2.698 2.506 1.207 0 1.889-.73 1.889-1.698 0-.904-.428-1.634-1.619-2.3l-.682-.38c-1.19-.668-2.237-1.635-2.237-3.064 0-1.57 1.174-2.902 3.49-2.902.825 0 1.427.19 2.174.333.175.349.334 1.396.334 2.142-.08.142-.365.158-.509.047-.237-.825-.793-1.888-2.142-1.888-1.269 0-1.792.825-1.792 1.666 0 .667.46 1.38 1.507 1.935l.984.525c1.03.538 2.173 1.522 2.173 3.124 0 1.809-1.38 3.094-3.681 3.094-1.46 0-2.284-.476-2.601-.667zm-31.887 6.246a18.3 18.3 0 01-1.29.05c-.386 0-.772-.02-1.15-.04l-.01.357c.418.03.616.118.814.495.07.13.119.268.178.407l1.973 5.036c.1.258.208.526.298.784l.168.01c.05-.16.11-.318.159-.476.04-.09.07-.179.109-.268l1.804-4.472c.209-.525.387-.99.506-1.17.189-.277.476-.317.793-.346v-.377c-.367.03-.743.05-1.11.05-.347 0-.684-.02-1.021-.04l-.01.367c.188 0 .436 0 .575.168.07.08.07.189.07.228 0 .159-.09.407-.229.754-.149.426-.317.842-.486 1.259l-1.04 2.617-1.448-3.718c-.159-.406-.288-.733-.288-.902a.32.32 0 01.15-.278c.148-.109.485-.119.485-.119v-.376zm7.255 6.151a1.775 1.775 0 01-1.06.347c-.19 0-.507-.02-.884-.268-.386-.258-.872-.813-.743-1.894h2.32c.248 0 .476.03.476-.475 0-.605-.367-.912-.556-1.041-.158-.11-.426-.248-.892-.248-.297 0-.853.05-1.388.585a2.104 2.104 0 00-.347.436c-.307.535-.337 1.18-.337 1.368 0 1.19.714 1.785 1.12 1.993.347.168.664.178.803.178.665 0 1.13-.297 1.319-.446.169-.129.268-.248.327-.307l-.158-.228zm-2.598-2.201c.05-.159.06-.178.1-.268.197-.396.534-.585.673-.634.169-.07.337-.07.407-.07.119 0 .416 0 .634.258a.65.65 0 01.169.446c0 .189-.07.258-.258.268h-1.725zm4.83-1.472c-.456.268-.595.337-1.19.565v.278c.198 0 .337.02.426.09.08.078.11.167.12.346.02.169.02.337.029.506v1.427c-.01.387 0 .744-.08.883-.089.139-.267.148-.297.148-.109.01-.218.01-.327.02v.337c.337-.02.684-.05 1.021-.05.377 0 .744.03 1.11.05v-.327c-.446.01-.614-.06-.674-.297-.03-.149-.02-.407-.02-.407v-1.04c.01-.566.02-.943.09-1.18.109-.328.357-.486.694-.486.129 0 .228.01.347.05.119.03.149.059.208.069.09 0 .159-.05.218-.189.04-.099.1-.307.1-.406 0-.288-.358-.278-.387-.278-.466 0-.744.248-.863.367-.198.178-.287.327-.406.545v-.961l-.12-.06zm4.918.241c-.407-.129-.704-.198-1.022-.198-.198 0-.694.03-1.05.466a1.128 1.128 0 00-.268.763c0 .447.208.704.327.833.218.238.506.417.922.694.218.149.496.327.585.575.03.09.04.209.04.228 0 .13-.05.476-.466.625-.16.06-.278.06-.337.06a.777.777 0 01-.337-.07.634.634 0 01-.219-.139c-.109-.099-.168-.228-.188-.258-.11-.218-.159-.485-.178-.545l-.288.03.129 1.1c.05.02.545.238 1.13.248.307 0 .664-.09.912-.267a.813.813 0 00.248-.238c.1-.11.288-.328.288-.803.01-.685-.466-1.012-1.022-1.359-.357-.228-.852-.486-.852-.962a.6.6 0 01.406-.584c.09-.04.228-.04.248-.04.278 0 .456.129.555.258.15.168.209.357.258.535l.268-.04-.09-.912zm2.568-.238c-.526.297-.664.377-1.19.565l-.01.288c.318-.01.486.05.546.287.02.08.03.179.03.357v1.993c-.01.287-.01.495-.07.595-.09.158-.317.168-.615.178v.337c.347-.02.704-.05 1.051-.05s.694.02 1.041.05v-.347c-.258-.02-.396-.01-.525-.109-.11-.08-.11-.208-.11-.258-.01-.109-.01-.208-.01-.317V73.48c0-.139 0-.288.01-.426.01-.15.02-.288.04-.437l-.188-.079zm-.684-1.824c.09.09.228.148.357.148a.495.495 0 10-.496-.495c0 .129.05.257.139.347zm5.709 5.44c-.188.159-.505.467-1.13.467-1.09 0-1.427-.952-1.507-1.27a2.02 2.02 0 01-.07-.604c0-.219-.03-1.002.576-1.507a1.24 1.24 0 01.753-.268c.11 0 .416.01.654.248.07.07.13.158.14.188.089.119.118.188.188.218.01.01.06.02.109.02.178 0 .416-.178.416-.357 0-.119-.129-.238-.238-.317-.436-.327-.962-.347-1.15-.347-1.467 0-2.012 1.11-2.161 1.566-.1.328-.11.635-.11.764 0 .932.427 1.477.695 1.735.377.357.793.505 1.309.505.981 0 1.467-.555 1.715-.832l-.189-.209zm2.004-6.572c-.624.377-.812.436-1.19.565l-.009.298c.129-.01.317-.01.436.089.1.079.1.208.11.327.01.139.01.288.02.426v4.62c-.01.347-.01.625-.09.744-.1.139-.297.139-.615.139v.347c.357-.02.714-.05 1.071-.05s.704.03 1.06.05V76.8c-.297-.01-.475-.01-.584-.13-.09-.108-.08-.277-.08-.574v-2.33c.526-.437.903-.546 1.22-.546.446 0 .664.228.753.377.14.258.14.625.15.684.009.357.009.704.009 1.061-.01.486-.03 1.071-.05 1.18-.059.258-.237.268-.465.278-.06 0-.13 0-.199.01v.327c.347-.02.694-.04 1.041-.04s.694.02 1.051.04v-.327c-.248 0-.386-.01-.495-.07-.1-.06-.14-.168-.14-.396 0-.625 0-1.26.02-1.884.01-.664-.02-.981-.208-1.27-.129-.197-.485-.525-1.12-.525-.238 0-.387.04-.773.238-.268.15-.526.317-.784.486v-2.012c0-.357 0-.714.02-1.071.01-.208.02-.427.04-.635l-.198-.089zm7.733 6.626a1.774 1.774 0 01-1.06.347c-.19 0-.507-.02-.883-.268-.387-.258-.873-.813-.744-1.894h2.32c.248 0 .476.03.476-.475 0-.605-.367-.912-.555-1.041-.159-.11-.426-.248-.892-.248-.298 0-.853.05-1.388.585a2.1 2.1 0 00-.347.436c-.308.535-.338 1.18-.338 1.368 0 1.19.714 1.785 1.12 1.993.348.168.665.178.804.178a2.16 2.16 0 001.319-.446c.168-.129.267-.248.326-.307l-.158-.228zm-2.598-2.201c.05-.159.06-.178.1-.268.198-.396.535-.585.674-.634.168-.07.337-.07.406-.07.12 0 .416 0 .635.258a.65.65 0 01.168.446c0 .189-.07.258-.258.268h-1.724zm4.83-1.472c-.456.268-.595.337-1.19.565v.278c.199 0 .338.02.427.09.079.078.109.167.119.346.02.169.02.337.03.506v1.427c-.01.387 0 .744-.08.883-.09.139-.268.148-.297.148-.11.01-.218.01-.327.02v.337c.337-.02.684-.05 1.02-.05.377 0 .744.03 1.111.05v-.327c-.446.01-.614-.06-.674-.297-.03-.149-.02-.407-.02-.407v-1.04c.01-.566.02-.943.09-1.18.108-.328.356-.486.693-.486.13 0 .228.01.347.05.12.03.15.059.209.069.089 0 .158-.05.218-.189.04-.099.099-.307.099-.406 0-.288-.357-.278-.387-.278-.466 0-.743.248-.862.367-.199.178-.288.327-.407.545v-.961l-.119-.06zm5.799 1.913c-.01.535-.01 1.07-.04 1.606-.129.1-.555.486-1.13.486a.933.933 0 01-.516-.15c-.218-.148-.337-.356-.356-.862-.02-.346-.02-.693-.02-1.03 0-.645.01-1.27.02-1.904-.764.099-.922.089-1.368.089v.357c.287-.01.436.02.515.159.04.079.05.257.06.485V75.4c0 .505 0 1.07.396 1.457.1.11.248.228.555.297.179.04.218.04.318.04.208 0 .416-.07.476-.09.525-.178.951-.584 1.06-.683-.02.218-.04.436-.07.664l.13.119c.694-.188.952-.228 1.328-.238l.01-.327c-.307 0-.575-.01-.634-.387-.01-.099-.01-.168-.01-.357 0-.257.01-.515.01-.773.01-.387.01-.773.02-1.16.01-.456.02-.902.04-1.358-.883.138-1.012.129-1.557.129v.347c.327.01.525 0 .644.119.13.128.12.406.12.773v.476zm3.361-1.944c-.634.377-.803.436-1.2.585v.287c.13-.01.318-.01.427.09.139.119.129.376.139.396.02.268.02.535.03.803v1.329c-.01.426.02.654-.229.753-.099.03-.228.04-.466.04v.347c.357-.02.714-.05 1.061-.05.357 0 .714.03 1.071.05v-.347c-.387 0-.585-.01-.644-.258-.03-.119-.03-.238-.03-.367l-.02-2.429c.119-.1.624-.555 1.25-.555.158 0 .614.04.792.516.08.198.08.485.09.703v1.537c-.01.159 0 .307-.01.466-.02.357-.278.357-.417.377-.079.01-.168.01-.258.01v.347c.347-.02.704-.05 1.051-.05.357 0 .704.03 1.051.05v-.347c-.337-.01-.535-.02-.614-.208-.05-.11-.04-.288-.04-.298v-1.973c-.01-.585 0-1.14-.555-1.487a1.411 1.411 0 00-.744-.198c-.317 0-.515.099-.783.238a8.497 8.497 0 00-.803.505c0-.257.01-.515.04-.773l-.189-.09zm7.288.518a1.403 1.403 0 00-.694-.367 2.214 2.214 0 00-.407-.05c-.634 0-1.259.298-1.526.903-.08.188-.11.357-.11.555 0 .486.199.763.318.902.178.198.406.337.654.446l-.823.764c-.01.059-.01.099-.01.129 0 .317.248.515.318.584l-.209.219c-.307.337-.317.337-.485.585a1.32 1.32 0 00-.07.416c0 .396.169.644.268.763.446.546 1.18.556 1.368.556.972 0 1.616-.506 1.864-.744.525-.486.664-1.041.664-1.329 0-.575-.396-.832-.912-.912-.149-.03-.307-.03-.456-.04-.615-.02-1.15.01-1.348-.079-.04-.02-.189-.089-.189-.257 0-.12.07-.209.14-.288.108-.109.217-.208.326-.307.228 0 1.071.04 1.517-.665.188-.307.218-.624.218-.753 0-.327-.119-.565-.178-.664l1.001.01v-.377h-1.24zm-1.22-.11c.11-.01.318 0 .526.2.188.178.337.465.337 1.03 0 .11.01.595-.347.853a.694.694 0 01-.427.139c-.247 0-.604-.12-.763-.665-.03-.119-.07-.277-.07-.555 0-.416.12-.634.249-.773a.661.661 0 01.495-.228zm-.793 4.115c.08.02.149.05.228.07.09.02.535.069.913.089.535.03.812.03 1.04.178a.672.672 0 01.278.536.904.904 0 01-.258.604c-.158.16-.525.387-1.09.387-.526 0-.813-.139-1.002-.278a1.16 1.16 0 01-.248-.228 1.053 1.053 0 01-.168-.565c0-.327.129-.545.307-.793z" /> </g> <defs> <clipPath id="clip-css"> <path fill="#fff" d="M0 0h68v62.422H0z" transform="translate(8 17)" /> </clipPath> </defs> </svg> </li> <li class="flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-24 transition hover:filter-none hover:opacity-100 filter grayscale opacity-40" fill="none" viewBox="0 0 160 96"> <defs /> <g clip-path="url(#clip-sbb)"> <path fill="#EC1B24" d="M8.004 55.16H53.48V40.001H8.004v15.16z" /> <path fill="#fff" d="M34.766 46.42h4.917v-3.893h2.315v3.892h4.917l-3.957-3.892h2.936l5.053 5.053-5.053 5.053h-2.936l3.957-3.893h-4.917v3.893h-2.315V48.74h-4.917l3.956 3.893h-2.935l-5.053-5.053 5.053-5.053h2.935" /> <path fill="#000" d="M58.172 49.612c-.03 2.616 2.17 3.775 4.517 3.775 2.884 0 4.414-1.456 4.414-3.404 0-2.406-2.378-2.896-3.15-3.089-2.66-.684-3.165-.789-3.165-1.605 0-.892.861-1.204 1.604-1.204 1.115 0 2.022.327 2.095 1.605h2.26c0-2.452-2.037-3.417-4.25-3.417-1.917 0-3.968 1.04-3.968 3.21 0 1.99 1.59 2.6 3.166 3.015 1.56.416 3.149.61 3.149 1.753 0 1.085-1.248 1.323-2.065 1.323-1.249 0-2.348-.55-2.348-1.962" /> <path fill="#000" fill-rule="evenodd" d="M70.872 44.345h2.184c.832 0 1.604.207 1.604 1.217 0 .892-.61 1.264-1.426 1.264h-2.362v-2.481zm-2.333 8.796h5.14c1.917 0 3.746-.921 3.746-3.076 0-1.322-.655-2.318-1.948-2.69.922-.445 1.442-1.174 1.442-2.214 0-1.975-1.367-2.63-3.388-2.63h-4.992v10.61zm2.333-4.726h2.54c.995 0 1.679.432 1.679 1.516 0 1.099-.802 1.397-1.723 1.397h-2.496M81.314 44.345H83.5c.831 0 1.604.207 1.604 1.217 0 .892-.61 1.264-1.426 1.264h-2.363v-2.481zm-2.333 8.796h5.14c1.918 0 3.745-.921 3.745-3.076 0-1.322-.654-2.318-1.946-2.69.92-.445 1.44-1.174 1.44-2.214 0-1.975-1.365-2.63-3.387-2.63h-4.992v10.61zm2.334-4.726h2.54c.995 0 1.678.432 1.678 1.516 0 1.099-.802 1.397-1.723 1.397h-2.496" clip-rule="evenodd" /> <path fill="#000" d="M102.689 46.098c-.282-2.451-2.243-3.817-4.576-3.817-3.284 0-5.215 2.451-5.215 5.6 0 3.062 1.93 5.514 5.215 5.514 2.6 0 4.428-1.694 4.666-4.34h-2.26c-.177 1.397-.98 2.379-2.406 2.379-2.094 0-2.883-1.784-2.883-3.552 0-1.857.788-3.64 2.883-3.64 1.16 0 2.17.802 2.318 1.856M104.211 53.14h2.333v-4.383h4.443v-1.812h-4.443v-2.452h5.126v-1.961h-7.459M113.102 53.14h2.326v-4.383h4.438v-1.812h-4.438v-2.452h5.119v-1.961h-7.445M125.535 53.14h2.34v-4.383h4.438v-1.812h-4.438v-2.452h5.119v-1.961h-7.459M134.758 53.14h2.326v-4.383h4.438v-1.812h-4.438v-2.452h5.133v-1.961h-7.459M143.047 49.612c-.027 2.616 2.166 3.775 4.518 3.775 2.888 0 4.412-1.456 4.412-3.404 0-2.406-2.38-2.896-3.142-3.089-2.66-.684-3.168-.789-3.168-1.605 0-.892.856-1.204 1.604-1.204 1.11 0 2.019.327 2.099 1.605h2.246c0-2.452-2.032-3.417-4.238-3.417-1.925 0-3.97 1.04-3.97 3.21 0 1.99 1.591 2.6 3.168 3.015 1.551.416 3.142.61 3.142 1.753 0 1.085-1.244 1.323-2.059 1.323-1.257 0-2.353-.55-2.353-1.962" /> </g> <defs> <clipPath id="clip-sbb"> <path fill="#fff" d="M0 0h144v15.16H0z" transform="translate(8 40)" /> </clipPath> </defs> </svg> </li> <li class="flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-24 transition opacity-50 hover:filter-none hover:opacity-100 filter grayscale" fill="none" viewBox="0 0 104 96"> <defs /> <path fill="url(#paint-linear-telebasel)" d="M27.844 47.823c4.247-1.563 6.208-4.807 6.208-8.147a8.203 8.203 0 00-4.527-7.353c-2.74-1.62-5.632-2.124-10.831-2.124-4.247 0-9.166.336-10.694.784v36.985a57.02 57.02 0 008.932.56c7.49 0 11.93-1.232 14.67-3.411a9.98 9.98 0 003.84-7.995c-.025-4.894-3.3-8.138-7.598-9.299zm.443 8.316c-1.308 1.049-3.31 1.645-6.915 1.645a29.47 29.47 0 01-4.236-.27V39.69a34.277 34.277 0 015.092-.377c2.5 0 3.93.245 5.25 1.019a3.905 3.905 0 012.128 3.564c0 1.615-.967 3.178-3.014 3.931 2.072.566 3.595 2.124 3.595 4.466a4.84 4.84 0 01-1.874 3.85l-.026-.005z" /> <path fill="#1D1D1B" d="M43.469 52.065c-1.131 0-2.036-.61-2.036-1.98v-4.764h-1.046v-.639h1.052v-2.319h.695v2.319h2.545v.639h-2.545v4.68c0 1.038.611 1.414 1.45 1.414.371-.004.736-.092 1.067-.258v.654c-.37.174-.774.261-1.182.254zM48.832 51.441a3.258 3.258 0 002.49-1.13l.484.426a3.815 3.815 0 01-3.003 1.366c-1.905 0-3.557-1.521-3.557-3.784v-.028c0-2.106 1.479-3.783 3.444-3.783 2.036 0 3.328 1.651 3.328 3.797v.029a1.64 1.64 0 01-.014.257h-6.017c.127 1.81 1.422 2.85 2.845 2.85zm2.431-3.486c-.099-1.465-.938-2.828-2.604-2.828-1.436 0-2.545 1.21-2.675 2.828h5.28zM53.516 51.935V41.543h.698v10.386h-.698v.006zM59.403 51.44a3.259 3.259 0 002.491-1.132l.484.427a3.816 3.816 0 01-3 1.36c-1.906 0-3.558-1.521-3.558-3.783v-.029c0-2.106 1.48-3.783 3.444-3.783 2.036 0 3.329 1.651 3.329 3.798v.03a1.64 1.64 0 01-.015.258H56.55c.136 1.813 1.428 2.853 2.853 2.853zm2.432-3.487c-.1-1.465-.939-2.828-2.605-2.828-1.436 0-2.544 1.21-2.674 2.828h5.279zM67.672 52.107c-1.45 0-2.39-.825-2.99-1.736v1.564h-.698V41.543h.699v4.75c.625-.952 1.55-1.792 2.989-1.792 1.75 0 3.529 1.414 3.529 3.769v.028c.01 2.373-1.779 3.81-3.53 3.81zm2.774-3.797c0-1.906-1.324-3.13-2.845-3.13a3.04 3.04 0 00-2.96 3.11v.04a3.028 3.028 0 002.943 3.11h.017c1.58 0 2.845-1.154 2.845-3.11v-.02zM77.709 51.937v-1.21a3.3 3.3 0 01-2.774 1.38c-1.352 0-2.802-.77-2.802-2.263v-.028c0-1.507 1.295-2.361 3.172-2.361a8.726 8.726 0 012.404.31v-.322c0-1.464-.896-2.22-2.39-2.22-.793 0-1.574.193-2.276.563l-.257-.61c.8-.404 1.68-.617 2.576-.625 1.864 0 3.031.967 3.031 2.844v4.525h-.684v.017zm.014-3.543a9.614 9.614 0 00-2.46-.328c-1.535 0-2.39.684-2.39 1.696v.029c0 1.051.996 1.665 2.107 1.665 1.48 0 2.746-.91 2.746-2.234v-.826l-.003-.002zM82.608 52.083a4.969 4.969 0 01-2.975-1.052l.413-.566c.737.6 1.654.935 2.604.953.981 0 1.75-.54 1.75-1.38v-.028c0-.848-.91-1.168-1.92-1.45-1.182-.343-2.49-.7-2.49-1.98v-.028c0-1.168.98-2.005 2.389-2.005.916.02 1.808.296 2.575.797l-.37.583a4.168 4.168 0 00-2.234-.727c-.995 0-1.651.54-1.651 1.267v.028c0 .812.981 1.109 2.022 1.414 1.167.328 2.39.755 2.39 2.036v.028c0 1.284-1.11 2.11-2.504 2.11zM89.775 51.442a3.26 3.26 0 002.491-1.131l.484.427a3.814 3.814 0 01-3.003 1.365c-1.906.012-3.552-1.51-3.552-3.772v-.028c0-2.107 1.48-3.783 3.444-3.783 2.036 0 3.329 1.65 3.329 3.797v.028c.006.086.006.172 0 .258H86.93c.128 1.798 1.423 2.839 2.845 2.839zm2.432-3.487c-.099-1.465-.939-2.828-2.604-2.828-1.437 0-2.545 1.21-2.675 2.828h5.279zM95.305 51.935V41.543h.698v10.386h-.698v.006z" /> <defs> <linearGradient id="paint-linear-telebasel" x1="8" x2="35.442" y1="49.356" y2="49.356" gradientUnits="userSpaceOnUse"> <stop stop-color="#00E9D4" /> <stop offset=".17" stop-color="#12D9DA" /> <stop offset=".51" stop-color="#42AEE8" /> <stop offset=".99" stop-color="#8F6BFF" /> <stop offset="1" stop-color="#906AFF" /> </linearGradient> </defs> </svg> </li> <li class="flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-24 transition hover:filter-none hover:opacity-100 filter grayscale opacity-40" fill="none" viewBox="0 0 88 96"> <defs /> <g clip-path="url(#clip-bern-airport)"> <path fill="#000" d="M20.691 37.89v6.891h3.245c3.687 0 3.97-.033 4.983-.53.927-.457 1.505-1.136 1.814-2.11.322-1.007.255-2.149-.181-3.062-.242-.51-.994-1.323-1.431-1.559-.168-.087-.302-.18-.302-.208 0-.02.067-.1.154-.168.255-.208.699-.779.873-1.135.276-.55.403-1.135.356-1.679-.14-1.639-1.007-2.687-2.626-3.157-.35-.1-.82-.12-3.64-.14l-3.245-.035v6.892zm5.575-4.823c.78.209 1.196.692 1.256 1.465.068.832-.241 1.464-.88 1.806-.255.135-.382.148-1.699.168l-1.43.02v-3.573l1.195.014c.786.006 1.317.04 1.558.1zm.82 5.69c.799.396 1.175 1.087 1.108 2.061-.054.806-.336 1.324-.887 1.653-.517.295-.866.349-2.39.362l-1.405.007v-4.319l1.599.027c1.585.02 1.592.02 1.975.208zM32.848 37.897v6.884h9l-.013-1.095-.02-1.088-3.07-.02-3.076-.013v-3.963H40.713l-.02-1.095-.02-1.088h-5.004v-3.191l3.076-.013 3.07-.02.02-1.095.013-1.088h-9v6.885zM43.711 31.052c-.027.027-.047 3.13-.047 6.892v6.837H46.485l.014-2.727.02-2.727h1.343l.269.33c.148.174 1.558 1.96 3.143 3.962 1.578 1.995 2.949 3.68 3.043 3.748.248.161.59.202.813.087.107-.053.57-.396 1.027-.759l.833-.664-.322-.081c-.417-.108-.544-.229-1.653-1.639-.503-.645-1.639-2.082-2.512-3.19-.866-1.109-1.585-2.036-1.585-2.07 0-.026.04-.046.094-.046.188 0 1.162-.544 1.491-.833.914-.806 1.39-2.163 1.23-3.5-.222-1.826-1.236-2.982-3.05-3.472-.504-.134-.719-.148-3.728-.175-1.753-.013-3.21 0-3.244.027zm6.072 2.163c.457.181.833.53 1.028.947.114.255.14.437.14 1.048 0 .678-.013.765-.18 1.088-.209.383-.464.611-.968.84-.302.14-.443.154-1.82.174l-1.498.027v-4.326l1.464.027c1.303.027 1.498.047 1.834.175z" /> <path fill="#000" d="M55.89 34.722c-.008 2.042-.021 4.635-.041 5.763l-.04 2.056.55.698c.92 1.175 1.062 1.323 1.424 1.505.652.329.591.792.605-4.4l.02-4.567 3.56 4.5 3.56 4.5h.994l.987.007V31.015H65.024v4.513l-.007 4.52-.255-.302a372.506 372.506 0 01-2.358-2.955c-1.155-1.458-2.66-3.358-3.345-4.218l-1.235-1.558h-1.935v3.707z" /> <path fill="#E42B27" d="M70.802 31.103a.942.942 0 00-.37.27c-.134.18-.14.281-.174 2.954-.04 2.875-.047 2.929-.342 3.345l-.135.195h3.298c3.587 0 3.627-.006 3.876-.376.107-.175.12-.423.154-2.982l.034-2.801.215-.343.215-.349-3.271.007c-2.351 0-3.339.02-3.5.08zm3.58 1.962l.007.671.672.007.671.014.02.712.02.712H74.35l.02.671.02.672h-1.444V35.18h-1.343V33.736l.671.02.672.02v-1.423l.712.02.712.02.013.672z" /> <path fill="#000" d="M20.691 47.871v.336h15.986c8.792 0 15.986-.02 15.986-.04s-.107-.175-.242-.336l-.242-.296H20.691v.336zM57.487 47.845c-.215.168-.39.316-.39.33 0 .013 2.345.026 5.206.033l5.206.007v-.679H57.87l-.383.31zM50.871 51.425c-1.316.276-2.478.914-3.372 1.86a6.428 6.428 0 00-1.645 3.218c-.155.8-.108 2.371.087 3.123.591 2.237 2.163 3.856 4.413 4.54.564.175.672.189 1.941.189 1.505.007 1.82-.047 2.855-.49 1.625-.699 2.848-2.042 3.419-3.735.59-1.773.47-3.748-.323-5.333-.833-1.645-2.15-2.727-4.003-3.271-.84-.242-2.445-.289-3.372-.1zm2.707 1.418c1.222.315 2.136.967 2.794 2.014.605.954.82 1.794.806 3.137-.006 1.263-.376 2.351-1.115 3.291-.886 1.136-2.129 1.707-3.734 1.713-.914 0-1.397-.107-2.217-.497-.456-.221-.678-.383-1.142-.853-.483-.484-.638-.685-.893-1.216-.436-.886-.53-1.282-.564-2.384-.04-1.162.094-1.834.564-2.788a4.67 4.67 0 012.989-2.41c.699-.182 1.813-.182 2.512-.008zM12.819 52.822c-.276.658-1.451 3.385-2.606 6.065-1.149 2.68-2.123 4.937-2.156 5.017l-.06.155h1.645l.658-1.572c.37-.86.698-1.632.739-1.713l.08-.148h5.44l.74 1.72.739 1.713h.866c.658 0 .853-.02.826-.088-.02-.04-.933-2.17-2.028-4.715a1386.778 1386.778 0 01-2.633-6.132l-.638-1.491H13.33l-.511 1.188zm1.82 3.223c.423.995.893 2.11 1.055 2.486l.288.691H11.69l.06-.154c.034-.08.337-.8.68-1.592.335-.792.778-1.847.986-2.337.209-.484.397-.887.417-.887.027 0 .39.806.806 1.793zM20.89 57.846v6.213h1.68V51.633h-1.68v6.213zM25.39 57.84v6.22H27.138l-.014-2.553-.02-2.553h.887c.853 0 .893.007.98.155.081.134.894 1.599 1.458 2.633.584 1.075 1.243 1.78 1.975 2.122.719.336 1.813.45 2.505.269.188-.047.188-.06.208-.618l.02-.564h-.658c-1.195-.007-1.665-.376-2.673-2.082-.322-.558-.725-1.23-.886-1.505-.162-.268-.29-.497-.276-.504.014-.006.262-.08.55-.16.296-.088.666-.236.834-.33.685-.403 1.236-1.189 1.464-2.102.148-.591.1-1.747-.1-2.31-.384-1.082-1.216-1.814-2.46-2.17-.342-.094-.798-.114-2.968-.141l-2.572-.02v6.212zm5.36-4.568c.793.363 1.17.994 1.176 1.982.007 1.027-.336 1.638-1.149 2.035l-.45.221-1.612.02-1.612.027V53.03l1.612.027 1.612.02.424.195zM36.61 57.846v6.213H38.288v-4.904h1.43c1.88-.006 2.371-.08 3.184-.47.82-.403 1.343-1.028 1.672-1.981.256-.74.27-1.773.034-2.519-.309-1-.887-1.686-1.78-2.116-.806-.383-1.135-.423-3.815-.43l-2.405-.006v6.213zm4.963-4.695c1.041.288 1.619 1.209 1.531 2.444-.067.948-.443 1.559-1.182 1.908l-.443.208-1.592.02-1.598.027v-4.715h1.457c1.115 0 1.545.027 1.827.108zM60.656 57.847v6.213h1.68v-5.104h1.779l.934 1.686c1.209 2.183 1.498 2.572 2.277 3.063.665.416 1.625.597 2.499.47l.537-.081.02-.57.02-.578-.692.006c-.638 0-.725-.013-1.088-.201-.504-.255-.866-.672-1.464-1.68-.262-.443-.665-1.121-.893-1.51l-.423-.7.456-.113c.652-.168 1.115-.424 1.545-.86.632-.638.92-1.357.974-2.391.08-1.545-.591-2.761-1.86-3.386-.86-.43-1.203-.47-3.93-.476h-2.37v6.212zm5.253-4.614a2.02 2.02 0 011.061.994c.134.276.161.437.161 1.001.007.846-.12 1.242-.517 1.619-.651.624-.967.698-2.848.698h-1.43v-4.507l1.598.02c1.471.02 1.619.034 1.975.175zM69.523 52.338v.705h4.4l-.014 5.508-.02 5.508H75.636l-.02-5.508-.014-5.508h4.4v-1.41H69.523v.705z" /> </g> <defs> <clipPath id="clip-bern-airport"> <path fill="#fff" d="M0 0h72v33.355H0z" transform="translate(8 31)" /> </clipPath> </defs> </svg> </li> <li class="flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-24 transition hover:filter-none hover:opacity-100 filter grayscale opacity-40" fill="none" viewBox="0 0 146 96"> <g fill="#000" clip-path="url(#clip-technorama)"> <path fill-rule="evenodd" d="M14.26 54.386l1.999-1.153V34.535a3.924 3.924 0 01.508-1.991c.088-.152.186-.297.29-.434a.15.15 0 00.035-.097.157.157 0 00-.237-.135l-6.55 3.779A3.976 3.976 0 008.3 39.109v11.857a3.977 3.977 0 003.979 3.975c.726 0 1.394-.215 1.98-.555zm18.203-10.5a3.916 3.916 0 001.47-1.435 3.975 3.975 0 00-1.456-5.431l-6.115-3.53a3.982 3.982 0 00-5.435 1.455 3.939 3.939 0 00-.509 1.992v2.307l10.046 5.796 1.998-1.154zm5.927.415a.157.157 0 01.216.058.144.144 0 01.019.075v7.563a3.976 3.976 0 01-1.99 3.461l-14.433 8.327a3.98 3.98 0 01-3.993-.008l-6.55-3.78a.173.173 0 01-.06-.056.157.157 0 01.058-.215.154.154 0 01.102-.02c.17.024.344.035.52.035.727 0 1.395-.217 1.98-.556l22.36-12.901a3.92 3.92 0 001.472-1.437c.088-.152.165-.307.231-.467a.163.163 0 01.068-.079z" clip-rule="evenodd" /> <path d="M52.736 44.596h-2.262v8.224H48.65v-8.224H46.3v-1.604h6.581a9.81 9.81 0 01-.145 1.604zm7.429 8.224H54.43v-9.828h5.633c0 .482-.058 1.108-.131 1.604h-3.678v2.377h2.729v1.575h-2.729v2.669h4.058c0 .495-.074 1.064-.147 1.604zm5.764.147c-2.831 0-4.32-1.75-4.32-5.074 0-3.515 1.825-5.045 4.232-5.045.89 0 2.029.189 2.583.48-.03.467-.16 1.094-.278 1.62a5.196 5.196 0 00-2.217-.496c-1.416 0-2.364.787-2.364 3.44 0 2.509.773 3.47 2.407 3.47.832 0 1.751-.276 2.365-.67a9.1 9.1 0 01.29 1.633c-.728.438-1.823.642-2.698.642zm10.168-.147v-4.3h-3.765v4.301h-1.824v-9.828h1.824v3.893h3.765v-3.893h1.823v9.828h-1.823zm11.67-.06c-.453.073-1.24.13-1.707.13l-3.56-6.255a7.256 7.256 0 01-.468-1.108l-.13.015c.043.408.072.83.072 1.137v6.139H80.34v-9.725a14.242 14.242 0 011.897-.132l3.37 5.92c.16.292.35.744.467 1.108l.131-.014a10.65 10.65 0 01-.073-1.182V42.99h1.635v9.77z" /> <path fill-rule="evenodd" d="M89.781 47.966c0 3.528 1.605 5 4.144 5 2.451 0 4.144-1.53 4.144-5.059s-1.606-5.06-4.144-5.06c-2.51 0-4.144 1.72-4.144 5.119zm1.955-.059c0-2.683.73-3.5 2.189-3.5 1.415 0 2.189.817 2.189 3.5 0 2.61-.657 3.5-2.19 3.5-1.532 0-2.188-.933-2.188-3.5zm12.592 3.455l.73 1.546c.613 0 1.313-.072 1.911-.19l-1.065-2.172c-.452-.919-.992-1.663-1.546-2.144 1.05-.35 1.882-1.297 1.882-2.624 0-2.085-1.488-2.887-3.268-2.887-.92 0-1.854.058-3.05.204v9.725h1.779v-3.878h1.139c.423.452.963 1.341 1.488 2.42zm-2.627-6.94c.336-.03.774-.059 1.168-.059.978 0 1.532.481 1.532 1.532 0 1.166-.671 1.661-1.707 1.661h-.993v-3.134zm11.912 5.788l.801 2.683c.614 0 1.226-.044 1.781-.16a253.692 253.692 0 00-3.035-9.74h-1.999a168.115 168.115 0 00-3.079 9.74c.511.116 1.109.16 1.649.16l.802-2.683h3.08zm-1.489-5.38c.014.306.044.524.117.758l.934 3.12h-2.219l.949-3.12c.073-.234.087-.452.103-.759h.116z" clip-rule="evenodd" /> <path d="M126.392 52.878l-.453-6.342c-.014-.205-.014-.788-.014-1.036h-.132a7.418 7.418 0 01-.19 1.036l-1.897 6.284h-1.722l-1.94-6.284a6.28 6.28 0 01-.175-1.036h-.117c0 .248-.014.846-.029 1.036l-.554 6.342c-.482 0-1.123-.043-1.532-.131.219-3.252.525-6.46.904-9.755h2.058l2.057 6.605c.102.306.175.745.204 1.138h.132c.029-.393.073-.816.175-1.152l1.998-6.59h2.087c.365 3.28.672 6.518.875 9.754-.539.102-1.24.131-1.735.131z" /> <path fill-rule="evenodd" d="M135.1 50.21l.803 2.683c.612 0 1.225-.044 1.779-.16a251.894 251.894 0 00-3.034-9.74h-1.999a168.115 168.115 0 00-3.079 9.74c.511.116 1.109.16 1.649.16l.802-2.683h3.079zm-1.488-5.38c.015.306.043.524.116.758l.934 3.12h-2.218l.949-3.12c.073-.234.088-.452.102-.759h.117z" clip-rule="evenodd" /> <path d="M43.576 37.524c-.425 0-.919-.085-1.267-.272.05-.204.102-.408.178-.595.35.178.809.263 1.226.263.553 0 .766-.23.766-.638 0-.961-2.085-.705-2.085-2.041 0-.868.723-1.327 1.608-1.327.273 0 .698.034 1.021.127 0 .18-.05.435-.102.621-.306-.11-.74-.161-1.098-.161-.485 0-.757.204-.757.664 0 .816 2.11.612 2.11 2.066 0 .893-.74 1.293-1.6 1.293zm7.197-.083h-.663l-1.022-3.139a2.782 2.782 0 01-.12-.552h-.042a2.94 2.94 0 01-.12.561l-1.003 3.13h-.664a39.68 39.68 0 01-1.073-4.405c.17-.035.443-.052.63-.052l.715 3.148c.042.178.077.4.094.595h.034c.034-.196.076-.417.136-.612L48.663 33h.629l1.005 3.122c.05.17.101.374.136.604h.042c.026-.221.05-.4.102-.612l.698-3.13c.196 0 .425.016.596.05a37.133 37.133 0 01-1.098 4.407z" /> <path fill-rule="evenodd" d="M53.07 31.75c0 .229.136.416.392.416.272 0 .408-.178.408-.416 0-.23-.136-.426-.4-.426s-.4.196-.4.426zm.732 1.25h-.664v4.44h.664V33z" clip-rule="evenodd" /> <path d="M56.35 37.524c-.425 0-.92-.085-1.268-.272.051-.204.102-.408.179-.595.349.178.809.263 1.226.263.552 0 .765-.23.765-.638 0-.961-2.085-.705-2.085-2.041 0-.868.724-1.327 1.609-1.327.273 0 .698.034 1.021.127 0 .18-.05.435-.102.621-.306-.11-.74-.161-1.098-.161-.485 0-.757.204-.757.664 0 .816 2.11.612 2.11 2.066 0 .893-.74 1.293-1.6 1.293zm3.778 0c-.426 0-.92-.085-1.269-.272.052-.204.103-.408.18-.595.349.178.808.263 1.225.263.553 0 .766-.23.766-.638 0-.961-2.086-.705-2.086-2.041 0-.868.724-1.327 1.61-1.327.272 0 .697.034 1.02.127 0 .18-.05.435-.101.621-.307-.11-.74-.161-1.098-.161-.486 0-.758.204-.758.664 0 .816 2.111.612 2.111 2.066 0 .893-.74 1.293-1.6 1.293zm5.812 0c-.425 0-.92-.085-1.268-.272.051-.204.102-.408.179-.595.349.178.808.263 1.225.263.554 0 .766-.23.766-.638 0-.961-2.085-.705-2.085-2.041 0-.868.724-1.327 1.609-1.327.272 0 .698.034 1.02.127 0 .18-.05.435-.101.621-.306-.11-.74-.161-1.098-.161-.486 0-.757.204-.757.664 0 .816 2.11.612 2.11 2.066 0 .893-.74 1.293-1.6 1.293zm4.537 0c-1.294 0-1.958-.757-1.958-2.229 0-1.709.843-2.38 1.856-2.38.34 0 .834.058 1.15.186a4.42 4.42 0 01-.137.63 2.48 2.48 0 00-.979-.187c-.723 0-1.183.39-1.183 1.598 0 1.378.409 1.753 1.26 1.753.34 0 .732-.085.996-.247.067.178.127.408.153.613-.306.178-.835.263-1.158.263z" /> <path fill-rule="evenodd" d="M72.777 31.75c0 .229.137.416.392.416.272 0 .409-.178.409-.416 0-.23-.137-.426-.4-.426-.264 0-.4.196-.4.426zm.732 5.69V33h-.663v4.44h.663zm2.058-2.136h2.655a7.65 7.65 0 00.026-.63c0-1.13-.57-1.76-1.609-1.76-1.013 0-1.787.697-1.787 2.364 0 1.515.689 2.246 1.992 2.246.434 0 .987-.102 1.319-.298a2.72 2.72 0 00-.18-.603c-.254.153-.714.28-1.114.28-1.004 0-1.302-.51-1.302-1.53v-.069zm2.009-.468h-2c.024-.995.416-1.395 1.046-1.395.604 0 .962.324.962 1.115 0 .06 0 .203-.008.28z" clip-rule="evenodd" /> <path d="M82.205 37.44v-3.173c0-.452-.213-.749-.783-.749a1.96 1.96 0 00-1.192.383v3.538h-.664v-4.406c.17-.034.469-.05.664-.05v.433h.034a1.93 1.93 0 011.345-.502c.673 0 1.251.315 1.251 1.336v3.19h-.655zm3.925.084c-1.294 0-1.958-.757-1.958-2.229 0-1.709.843-2.38 1.855-2.38.34 0 .835.058 1.15.186a4.431 4.431 0 01-.137.63 2.482 2.482 0 00-.978-.187c-.724 0-1.184.39-1.184 1.598 0 1.378.41 1.753 1.26 1.753.34 0 .732-.085.996-.247.068.178.127.408.153.613-.306.178-.834.263-1.157.263z" /> <path fill-rule="evenodd" d="M88.887 35.304h2.655c.017-.204.026-.442.026-.63 0-1.13-.57-1.76-1.608-1.76-1.013 0-1.788.697-1.788 2.364 0 1.515.69 2.246 1.992 2.246.434 0 .987-.102 1.319-.298a2.726 2.726 0 00-.179-.603c-.255.153-.715.28-1.114.28-1.005 0-1.303-.51-1.303-1.53v-.069zm2.009-.468h-2c.025-.995.417-1.395 1.047-1.395.604 0 .961.324.961 1.115 0 .06 0 .203-.008.28z" clip-rule="evenodd" /> <path d="M96.555 37.524c-1.293 0-1.957-.757-1.957-2.229 0-1.709.842-2.38 1.856-2.38.34 0 .834.058 1.149.186a4.42 4.42 0 01-.137.63 2.478 2.478 0 00-.979-.187c-.723 0-1.182.39-1.182 1.598 0 1.378.408 1.753 1.26 1.753.34 0 .731-.085.995-.247.068.178.127.408.153.613-.307.178-.834.263-1.157.263z" /> <path fill-rule="evenodd" d="M99.313 35.304h2.656a8.11 8.11 0 00.025-.63c0-1.13-.57-1.76-1.609-1.76-1.012 0-1.787.697-1.787 2.364 0 1.515.69 2.246 1.992 2.246.434 0 .987-.102 1.319-.298a2.732 2.732 0 00-.179-.603c-.255.153-.714.28-1.115.28-1.004 0-1.302-.51-1.302-1.53v-.069zm2.009-.468h-2c.025-.995.416-1.395 1.047-1.395.604 0 .962.324.962 1.115 0 .06 0 .203-.009.28z" clip-rule="evenodd" /> <path d="M105.951 37.44v-3.173c0-.452-.212-.749-.783-.749-.468 0-.826.128-1.192.383v3.538h-.664v-4.406c.171-.034.469-.05.664-.05v.433h.035a1.928 1.928 0 011.344-.502c.673 0 1.251.315 1.251 1.336v3.19h-.655zm3.671.087c-.886 0-1.218-.45-1.218-1.395v-2.56h-.545v-.57h.545v-.97c.162-.05.468-.101.656-.11v1.08h1.114c0 .179-.016.391-.042.57h-1.072v2.611c0 .562.161.723.604.723.204 0 .476-.051.646-.136.052.17.095.4.103.595a2.126 2.126 0 01-.791.162z" /> <path fill-rule="evenodd" d="M111.86 35.304h2.655a7.65 7.65 0 00.026-.63c0-1.13-.57-1.76-1.609-1.76-1.012 0-1.787.697-1.787 2.364 0 1.515.69 2.246 1.992 2.246.434 0 .987-.102 1.319-.298a2.732 2.732 0 00-.179-.603c-.255.153-.715.28-1.115.28-1.004 0-1.302-.51-1.302-1.53v-.069zm2.009-.468h-2.001c.026-.995.417-1.395 1.047-1.395.605 0 .962.324.962 1.115 0 .06 0 .203-.008.28z" clip-rule="evenodd" /> <path d="M117.932 33.646a1.537 1.537 0 00-.383-.043c-.307 0-.613.051-1.022.485v3.351h-.664v-4.406c.171-.034.468-.05.664-.05v.56h.034c.502-.578.809-.629 1.089-.629.094 0 .247.009.35.042 0 .213-.034.477-.068.69z" /> </g> <defs> <clipPath id="clip-technorama"> <path fill="#fff" d="M0 0h130v33.516H0z" transform="translate(8 31)" /> </clipPath> </defs> </svg> </li> <li class="flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 h-24 transition filter grayscale opacity-40 hover:filter-none hover:opacity-100" fill="none" viewBox="0 0 64 96"> <defs /> <g clip-path="url(#clip-maxhavelaar)"> <path fill="#000" d="M50.893 20.935a2.075 2.075 0 00-2.062 2.063 2.015 2.015 0 002.062 2.062 2.075 2.075 0 002.063-2.062c0-1.08-.982-2.063-2.063-2.063zm0 4.42a2.324 2.324 0 01-2.358-2.362c0-1.276.982-2.258 2.357-2.258a2.219 2.219 0 012.258 2.258c.001 1.277-.98 2.356-2.257 2.356v.006z" /> <path fill="#000" d="M50.99 22.796c.295 0 .492-.102.492-.394 0-.101-.102-.393-.392-.393H50.4v.787h.59zm-1.178-1.179h1.377c.686 0 .882.49.882.687 0 .393-.196.59-.49.687.294.102.393.197.393.688 0 .393 0 .49.102.59h-.59c-.101-.103-.101-.295-.101-.59 0-.296 0-.491-.393-.491h-.59v1.08h-.589v-2.65zM32.036 19.067a20.66 20.66 0 00-20.72 20.72c0 11.392 9.232 20.721 20.723 20.721 11.391 0 20.623-9.329 20.623-20.722 0-11.489-9.232-20.72-20.623-20.72" /> <path fill="#00B8E4" d="M34.789 38.31a4.923 4.923 0 01-4.91-4.91c0-2.75 2.257-5.008 4.91-5.008a5.03 5.03 0 015.008 5.009c0 2.75-2.26 4.91-5.008 4.91zm11.587 13.75c2.75-3.241 4.42-7.66 4.42-12.276a18.735 18.735 0 00-1.18-6.678c-2.55-6.972-9.424-12.172-17.374-12.172h-.491c-1.473.101-3.045.295-4.125.688-.59.196-2.554.883-4.026 2.357a8.67 8.67 0 00-2.56 6.181c0 3.83 2.647 7.071 6.285 8.544 1.57.688 3.339.982 4.517 1.277 2.258.491 6.776 1.374 10.606 3.83l.101.102c2.455 1.67 3.83 4.027 3.83 7.856" /> <path fill="#BBD331" d="M13.184 39.881c0-5.106 1.963-9.624 5.106-13.06-.393 1.079-.983 3.044-.983 5.204 0 2.455.787 5.5 3.34 8.25l.49.49c3.634 3.83 6.973 7.267 6.973 11.98 0 1.474-.393 3.242-1.277 5.205-7.855-2.357-13.647-9.525-13.647-18.069" /> <path fill="#000" d="M26.636 64.923H28.6v5.696h1.08v-5.696h1.866v-.982h-4.91v.982zm-1.964 2.063c-.255.076-.52.11-.786.102h-1.375v-2.26h.689c.686 0 1.08 0 1.374.197.588.295.588.786.588.884v.102c-.005.483-.201.778-.495.975h.005zm.294.883c.393-.196 1.376-.589 1.376-1.866 0-.785-.295-1.276-.786-1.67-.59-.392-1.179-.392-2.063-.392h-2.165v6.678h1.178v-2.554h1.279l1.373 2.554h1.274l-1.466-2.75zm23.958-.494c0 1.375-.59 1.867-1.081 2.063-.393.102-.688.196-1.67.196h-.593v-4.71h.687c.884 0 1.179 0 1.474.101 1.084.586 1.183 1.665 1.183 2.35zm-.102-2.947c-.688-.49-1.375-.49-1.964-.49h-2.454v6.678h2.16c.785 0 1.472 0 2.16-.393.982-.59 1.375-1.769 1.375-2.852.003-.877-.095-2.153-1.274-2.94l-.003-.003zm-13.159 2.555c-.256.071-.52.105-.786.102h-1.371v-2.256h.686c.688 0 1.08 0 1.375.196.59.295.59.786.59.884v.102c0 .483-.197.778-.49.975l-.004-.003zm.393.883c.294-.196 1.276-.589 1.276-1.866a2.2 2.2 0 00-.687-1.67c-.589-.392-1.179-.392-2.16-.392h-2.158v6.678h1.179v-2.55h1.278l1.375 2.553h1.273l-1.473-2.75.097-.003zM9.25 64.829h3.24v-.884H8.07v6.678H9.25v-2.95H12.1v-.884H9.25v-1.96zm30.54 3.437l1.081-3.54 1.081 3.536-2.161.004zm.394-4.321l-2.258 6.678h1.177l.394-1.374h2.75l.393 1.374h1.178l-2.358-6.678h-1.276zm-21.31 6.674h1.08V63.94h-1.08v6.678zm-2.75-2.357h-2.062l.982-3.535 1.08 3.437v.098zm-1.768-4.321l-2.259 6.678h1.18l.49-1.374h2.648l.392 1.374h1.277l-2.357-6.678h-1.37zm41.345.888v-.884h-4.714v6.678H55.7v-.982h-3.536v-2.062h3.24v-.883h-3.24v-1.867H55.7zM15.668 74.908l-.642-2.147-.647 2.147h1.289zm14.47-2.991l1.591 4.663h-.949l-.269-.91h-1.748l-.273.91h-.93l1.572-4.663h1.007zm15.748 2.982l-.642-2.148-.647 2.148h1.29zm4.471 0l-.641-2.148-.648 2.148h1.29zm-39.211-2.982h1.266v4.663h-.849l.082-3.833-1.006 3.834h-.787l-1.01-3.834.086 3.834h-.854v-4.664H9.34l.917 3.463.89-3.463zm4.362 0L17.1 76.58h-.93l-.268-.91h-1.748l-.272.91h-.935l1.571-4.663h.991zm5.806 0h-1.019l-.805 1.337-.844-1.337H17.64l1.342 2.134-1.567 2.53h1.011l1.064-1.726 1.088 1.725h.997L20 74.05l1.315-2.133zm4.865 1.764h-2.017v-1.764h-.858v4.663h.872v-2.118h2.004v2.118h.877v-4.663h-.877l-.001 1.764zm4.116 1.227l-.641-2.147-.648 2.147h1.29zm3.203.686l-1.045-3.677h-.94l1.375 4.663h1.184l1.324-4.663h-.91l-.988 3.677zm3.222-1.05h2.24v-.75h-2.24v-1.105h2.455v-.781h-3.308v4.663h3.48v-.786H36.72v-1.242zm4.214-2.636h-.853v4.668h2.726v-.795h-1.863l-.01-3.873zm4.793 0l1.591 4.663h-.949l-.269-.91H44.36l-.27.91h-.93l1.573-4.663h.995zm4.472 0l1.595 4.663h-.96l-.268-.91h-1.75l-.272.91h-.926l1.571-4.654 1.01-.01zm5.694 4.672h-.997l-.917-1.731h-.782v1.731h-.863v-4.663h1.486a2.082 2.082 0 011.438.336 1.438 1.438 0 01.518 1.15 1.275 1.275 0 01-.917 1.28l1.034 1.897zm-1.006-3.186a.666.666 0 00-.37-.629 2.158 2.158 0 00-.925-.102h-.407v1.462h.882a.723.723 0 00.791-.648.762.762 0 000-.085l.029.002z" /> </g> <defs> <clipPath id="clip-maxhavelaar"> <path fill="#fff" d="M0 0h48v57.646H0z" transform="translate(8 19)" /> </clipPath> </defs> </svg> </li> </ul> </div> </div> </div> <div class="container py-16 md:py-20 xl:py-24"> <div class="border-t border-cyon-grey-even-lighter"></div> </div> <div class="container text-center"> <h2 id="products" class="font-bold text-cyon-md md:text-cyon-lg text-cyon-orange">Unsere Hosting-Angebote</h2> <h3 class="font-bold text-cyon-2xl md:text-cyon-3xl mt-3 md:mt-3.5 xl:mt-4">Finde die L枚sung, die zu dir passt</h3> </div> <div class="container pt-8 pb-24 md:pt-10 xl:pt-12 md:pb-28 xl:pb-32"> <div> <div class="grid gap-8 md:grid-cols-2"> <div class="md:col-span-2 box-small md:box-medium xl:box-large cyon-border"> <div class="xl:flex xl:justify-between xl:items-center"> <div class="lg:pr-10 xl:max-w-3xl"> <h3 class="font-bold text-cyon-base md:text-cyon-md text-cyon-strawberry">Sitebuilder</h3> <p class="mt-2 font-bold text-cyon-xl md:text-cyon-2xl">Der einfachste Weg zur eigenen Website.</p> <p class="mt-3 text-cyon-earth text-cyon-base md:text-cyon-md xl:mt-4">Baue 眉berraschend einfach deine eigene Website, f眉hre einen Blog oder verkaufe deine Produkte & Services mit der eingebauten Online-Shop-Funktion.<br>Ab 14.90 CHF/Monat.</p> </div> <div> <a href="/hosting/sitebuilder" class="mt-4 xl:mt-0 btn btn-primary-strawberry"> Zum Sitebuilder </a> </div> </div> </div> <div class="box-small md:box-medium xl:box-large cyon-border"> <div> <svg class="w-14 h-14 md:w-18 md:h-18" fill="none" viewbox="0 0 80 80"> <path fill="#FFF5F9" d="M77 0H3a3 3 0 00-3 3v74a3 3 0 003 3h74a3 3 0 003-3V3a3 3 0 00-3-3z" /> <path fill="#17821B" d="M46.7 19.7h8.76a1.2 1.2 0 011.2 1.2v.23a7.2 7.2 0 01-7.2 7.2H44.7a1.2 1.2 0 01-1.2-1.2V22.9a3.2 3.2 0 013.2-3.2zM42 24.9a2 2 0 00-4 0v8.32a2 2 0 104 0V24.9z" /> <path fill="#B41D3B" d="M52.14 32c-4.35 0-7.6 1.36-9.59 3.82 7.13.89 11.31 5.59 11.31 13a13.66 13.66 0 01-1.27 5.8C58.69 54.41 64 49.94 64 43.16 64 36.17 59.74 32 52.14 32zM26.14 48.82c0-7.39 4.18-12.09 11.31-13-2-2.46-5.24-3.82-9.59-3.82C20.26 32 16 36.15 16 43.14c0 6.78 5.31 11.25 11.41 11.46a13.66 13.66 0 01-1.27-5.78z" /> <path fill="#B41D3B" d="M40 37.67c-7.61 0-11.86 4.15-11.86 11.15S33.71 60.3 40 60.3c6.29 0 11.86-4.53 11.86-11.48S47.61 37.67 40 37.67z" /> </svg> </div> <h3 class="mt-4 font-bold md:mt-5 xl:mt-6 text-cyon-grey-dark text-cyon-xl md:text-cyon-2xl">Webhosting</h3> <p class="mt-3 md:mt-4 text-cyon-earth text-cyon-base">Das sichere Zuhause f眉r deine Webprojekte. Raketenschnell, zuverl盲ssig und nachhaltig. Inklusive E-Mail</p> <p class="my-5 font-bold md:my-6 xl:my-8 text-cyon-grey-dark text-cyon-base">F眉r den Start der eigenen Website.</p> <p> <span class="leading-5.75 text-cyon-base">ab</span> <span class="font-bold text-gray-900 text-cyon-xl md:text-cyon-2xl">14.90</span> <span class="leading-5.75 text-cyon-base">CHF / Monat</span> </p> <a href="/hosting/webhosting" class="mt-3 md:mt-3.5 xl:mt-4 btn btn-primary-cherry"> Erfahre mehr zum Webhosting </a> </div> <div class="box-small md:box-medium xl:box-large cyon-border"> <div> <svg class="w-14 h-14 md:w-18 md:h-18" fill="none" viewbox="0 0 80 80"> <path fill="#F7F4FB" d="M77 0H3a3 3 0 0 0-3 3v74a3 3 0 0 0 3 3h74a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z" /> <path fill="#17821B" d="M49.36 19.7h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2h-4.76a1.2 1.2 0 0 1-1.2-1.2V22.9a3.2 3.2 0 0 1 3.2-3.2Z" /> <path fill="#694398" d="M50.12 33c-5.59-5.6-15.92-5.21-22.3 1.17-6.38 6.38-6.71 16.65-1.12 22.25 5.59 5.6 15.93 5.21 22.26-1.12 6.33-6.33 6.76-16.75 1.16-22.3Z" /> </svg> </div> <h3 class="mt-4 font-bold md:mt-5 xl:mt-6 text-cyon-grey-dark text-cyon-xl md:text-cyon-2xl">Webhosting Pro</h3> <p class="mt-3 md:mt-4 text-cyon-earth text-cyon-base">Das Webhosting f眉r professionelle Anwendungen. Noch mehr Leistung f眉r deinen Webshop oder Websites mit mehr Ressourcenbedarf.</p> <p class="my-5 font-bold md:my-6 xl:my-8 text-cyon-grey-dark text-cyon-base">Mehr Leistung f眉r anspruchsvolle Webprojekte.</p> <p> <span class="leading-5.75 text-cyon-base">ab</span> <span class="font-bold text-gray-900 text-cyon-xl md:text-cyon-2xl">79.90</span> <span class="leading-5.75 text-cyon-base">CHF / Monat</span> </p> <a href="/hosting/webhosting-pro" class="mt-3 md:mt-3.5 xl:mt-4 btn btn-primary-plum"> Erfahre mehr zum Webhosting Pro </a> </div> <div class="box-small md:box-medium xl:box-large cyon-border"> <div> <svg class="w-14 h-14 md:w-18 md:h-18" fill="none" viewbox="0 0 80 80"> <path fill="#FBFDE7" d="M77 0H3a3 3 0 0 0-3 3v74a3 3 0 0 0 3 3h74a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z" /> <path fill="#C9DB00" d="M48.31 46.94a12 12 0 0 1 1.84-6.07c2.73-4.31 2.7-8.64.31-11-2.39-2.36-6.72-2.42-11 .31a12 12 0 0 1-6.07 1.84 13.47 13.47 0 0 0-9.3 4.09c-5.9 5.9-5 14.5.32 19.84s13.94 6.22 19.84.32a13.47 13.47 0 0 0 4.06-9.33Z" /> <path fill="#17821B" d="M54 19.7h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2H52a1.2 1.2 0 0 1-1.2-1.2V22.9a3.2 3.2 0 0 1 3.2-3.2Z" /> </svg> </div> <h3 class="mt-4 font-bold md:mt-5 xl:mt-6 text-cyon-grey-dark text-cyon-xl md:text-cyon-2xl">Managed Server</h3> <p class="mt-3 md:mt-4 text-cyon-earth text-cyon-base">Die L枚sung f眉r deine anspruchsvollen Webprojekte mit vielen Zugriffen. Noch mehr Leistung und zus盲tzliche Performance-Funktionen sorgen f眉r Tempo.</p> <p class="my-5 font-bold md:my-6 xl:my-8 text-cyon-grey-dark text-cyon-base">Dein eigener Server f眉r Webapplikationen mit grossem Ressourcenbedarf.</p> <p> <span class="leading-5.75 text-cyon-base">ab</span> <span class="font-bold text-gray-900 text-cyon-xl md:text-cyon-2xl">299</span> <span class="leading-5.75 text-cyon-base">CHF / Monat</span> </p> <a href="/hosting/managed-server" class="mt-3 md:mt-3.5 xl:mt-4 btn btn-primary-pear"> Erfahre mehr zum Managed Server </a> </div> <div class="box-small md:box-medium xl:box-large cyon-border"> <div> <svg class="w-14 h-14 md:w-18 md:h-18" fill="none" viewbox="0 0 80 80"> <path fill="#FFF4F0" d="M77 0H3a3 3 0 0 0-3 3v74a3 3 0 0 0 3 3h74a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3Z" /> <path fill="#17821B" d="M52.54 21.8h8.76a1.2 1.2 0 0 1 1.2 1.2v.23a7.2 7.2 0 0 1-7.2 7.2h-4.76a1.2 1.2 0 0 1-1.2-1.2V25a3.2 3.2 0 0 1 3.2-3.2Z" /> <path fill="#F26D5A" d="M39.06 23.06a5.82 5.82 0 1 0 .12 8.36 5.8 5.8 0 0 0-.12-8.36ZM57.44 41.44a5.82 5.82 0 1 0 .12 8.37 5.79 5.79 0 0 0-.12-8.37ZM48.25 32.25a5.82 5.82 0 1 0 .12 8.36 5.791 5.791 0 0 0-.12-8.36ZM31.79 48.71a5.82 5.82 0 1 0 .12 8.37 5.8 5.8 0 0 0-.12-8.37ZM44.62 45.08a5.82 5.82 0 1 0 .12 8.36 5.8 5.8 0 0 0-.12-8.36ZM35.42 35.88a5.82 5.82 0 1 0 .12 8.37 5.792 5.792 0 0 0-.12-8.37Z" /> </svg> </div> <h3 class="mt-4 font-bold md:mt-5 xl:mt-6 text-cyon-grey-dark text-cyon-xl md:text-cyon-2xl">Agencyserver</h3> <p class="mt-3 md:mt-4 text-cyon-earth text-cyon-base">Biete deiner Kundschaft das Rundum-Paket. Baue eigene Webhosting-Pakete und 眉berlasse den Rest uns. Inklusive Support durch unsere Agenturprofis.</p> <p class="my-5 font-bold md:my-6 xl:my-8 text-cyon-grey-dark text-cyon-base">Der eigene Server f眉r den Wiederverkauf an deine Agenturkundschaft.</p> <p> <span class="leading-5.75 text-cyon-base">ab</span> <span class="font-bold text-gray-900 text-cyon-xl md:text-cyon-2xl">200</span> <span class="leading-5.75 text-cyon-base">CHF / Monat</span> </p> <a href="/hosting/agencyserver" class="mt-3 md:mt-3.5 xl:mt-4 btn btn-primary-grapefruit"> Erfahre mehr zum Agencyserver </a> </div> </div> </div> </div> <div> <div class="pt-24 pb-32 xl:pb-48 md:pb-40 md:pt-28 xl:pt-32 bg-cyon-orange-ultralight"> <div class="container items-end xl:items-stretch xl:flex xl:justify-between xl:space-x-8"> <div class="h-full xl:w-5/12 "> <div> <h2 id="support" class="font-bold text-cyon-md md:text-cyon-lg text-cyon-orange">Unser Support</h2> <h3 class="font-bold text-cyon-2xl md:text-cyon-3xl mt-3 md:mt-3.5 xl:mt-4">Echte Menschen statt Roboter</h3> </div> <div class="md:justify-between md:flex md:space-x-14 xl:space-x-0 xl:block"> <div class="w-full mt-8 md:mt-10 xl:mt-12"> <h4 class="font-bold text-cyon-lg md:text-cyon-xl">Pers枚nlich</h4> <ul class="mt-4 space-y-3 xl:mt-6 text-cyon-base md:text-cyon-md text-cyon-grey-dark"> <li class="flex"> <svg class="flex-shrink-0 w-7.5 h-7.5 mr-4 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> </svg> 100% inhouse </li> <li class="flex"> <svg class="flex-shrink-0 w-7.5 h-7.5 mr-4 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /> </svg> Kontakt via Telefon, E-Mail oder Chat </li> </ul> </div> <div class="w-full mt-8 md:mt-10 xl:mt-12"> <h4 class="font-bold text-cyon-lg md:text-cyon-xl">Zuverl盲ssig</h4> <ul class="mt-4 space-y-3 xl:mt-6 text-cyon-base md:text-cyon-md text-cyon-grey-dark"> <li class="flex"> <svg class="flex-shrink-0 w-7.5 h-7.5 mr-4 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> Schnelle Antwortzeiten </li> <li class="flex"> <svg class="flex-shrink-0 w-7.5 h-7.5 mr-4 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z" /> </svg> 脺ber 20 Jahre Erfahrung </li> <li class="flex"> <svg xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 w-7.5 h-7.5 mr-4 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /> </svg> Umfangreiche Dokumentation </li> <li class="flex"> <svg class="flex-shrink-0 w-7.5 h-7.5 mr-4 text-cyon-orange" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" /> </svg> 24/7 Notfall-Service </li> </ul> </div> </div> <div class="mt-8 xl:mb-28 md:mt-10 xl:mt-12"> <a href="/support" class="btn btn-primary-orange"> Wir sind f眉r dich da </a> </div> </div> <div class="relative flex-shrink-0 w-full mt-12 h-[255px] md:h-[424px] xl:h-auto xl:w-7/12 xl:pt-10"> <div class="flex-shrink-0 w-full xl:w-[577px] 2xl:w-[696px] h-full overflow-y-hidden md:mx-auto xl:max-w-none"> <div class="w-full h-full bg-top bg-no-repeat bg-contain md:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/support/support_b_default.png?w=328&bg=FFF9F0&fm=jpg&s=ee23fe06b1b72407f774d6d6d1e16532&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_default.png?w=328&bg=FFF9F0&fm=jpg&dpr=2&s=e97972e0aa321c256974d307636a2a80&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/support/support_b_default.png?w=328&bg=FFF9F0&fm=jpg&s=ee23fe06b1b72407f774d6d6d1e16532&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_default.png?w=328&bg=FFF9F0&fm=jpg&dpr=2&s=e97972e0aa321c256974d307636a2a80&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain md:block lg:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/support/support_b_md.png?w=604&bg=FFF9F0&fm=jpg&s=9fe6373e1325b1471ed6e3e8a73cb1ac&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_md.png?w=604&bg=FFF9F0&fm=jpg&dpr=2&s=80648dbfeb5b97696f7d539fd444d14d&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/support/support_b_md.png?w=604&bg=FFF9F0&fm=jpg&s=9fe6373e1325b1471ed6e3e8a73cb1ac&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_md.png?w=604&bg=FFF9F0&fm=jpg&dpr=2&s=80648dbfeb5b97696f7d539fd444d14d&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain lg:block xl:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/support/support_b_lg.png?w=820&bg=FFF9F0&fm=jpg&s=598d7935a1d53cc39c2860fe2aa7e4d8&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_lg.png?w=820&bg=FFF9F0&fm=jpg&dpr=2&s=9b5bd4e1f457ed916236f932bad83b84&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/support/support_b_lg.png?w=820&bg=FFF9F0&fm=jpg&s=598d7935a1d53cc39c2860fe2aa7e4d8&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_lg.png?w=820&bg=FFF9F0&fm=jpg&dpr=2&s=9b5bd4e1f457ed916236f932bad83b84&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-cover xl:block 2xl:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/support/support_b_xl.png?w=577&bg=FFF9F0&fm=jpg&s=7326248ecbc66830f0ea0bfb7036183e&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_xl.png?w=577&bg=FFF9F0&fm=jpg&dpr=2&s=46b50a4f2061b0a97d83e7c762374359&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/support/support_b_xl.png?w=577&bg=FFF9F0&fm=jpg&s=7326248ecbc66830f0ea0bfb7036183e&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_xl.png?w=577&bg=FFF9F0&fm=jpg&dpr=2&s=46b50a4f2061b0a97d83e7c762374359&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-cover 2xl:block" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/support/support_b_xl.png?w=696&bg=FFF9F0&fm=jpg&s=c8d6f9532adbe0b9d7df30acabe38998&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_xl.png?w=696&bg=FFF9F0&fm=jpg&dpr=2&s=0b684aff0e97249088051ead4ebc12e8&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/support/support_b_xl.png?w=696&bg=FFF9F0&fm=jpg&s=c8d6f9532adbe0b9d7df30acabe38998&vkey=5) 1x, url(/assets/legacy-resources/img/support/support_b_xl.png?w=696&bg=FFF9F0&fm=jpg&dpr=2&s=0b684aff0e97249088051ead4ebc12e8&vkey=5)"> </div> </div> </div> </div> </div> <div class="transform xl:-translate-y-52 md:-translate-y-44 -translate-y-36"> <div class="container mx-auto"> <div class="bg-white rounded-sm xl:w-full shadow-cyon box-small md:box-medium xl:box-large"> <p class="flex items-start justify-start sm:items-center"> <span class="relative inline-flex mt-1.5 sm:mt-0"> <span class="flex items-center justify-center w-3 h-3"> <span class="absolute inline-flex w-full h-full rounded-full opacity-40 bg-cyon-orange animate-live"></span> <span class="relative inline-flex w-2 h-2 rounded-full bg-cyon-orange"></span> </span> </span> <span class="pl-3 text-cyon-md md:text-cyon-lg text-cyon-grey_dark">So wurden wir bewertet:</span> </p> <div class="pt-7 md:pt-8 xl:pt-10"> <ul class="grid grid-cols-1 gap-y-6 gap-x-4 md:grid-cols-auto-fit text-cyon-base md:text-cyon-lg text-cyon-grey-dark"> <li class="flex items-start"> <svg class="w-8 h-8 mr-4 stroke-2 md:mt-0.5 md:w-9 md:h-9 text-cyon-leaf" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <div> <h5 class="font-bold text-cyon-xl md:text-cyon-2xl">89 % positiv</h5> <p class="text-cyon-base md:text-cyon-md text-cyon-grey-contrast md:pt-0.5">+ 2 % zum Vormonat</p> </div> </li> <li class="flex items-start"> <svg class="w-8 h-8 mr-4 stroke-2 md:mt-0.5 md:w-9 md:h-9 text-cyon-grey-dark" fill="none" viewbox="0 0 24 24"> <path d="M15 15H9m0-5h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> <div> <h5 class="font-bold text-cyon-xl md:text-cyon-2xl">2 % neutral</h5> <p class="text-cyon-base md:text-cyon-md text-cyon-grey-contrast md:pt-0.5">- 1 % zum Vormonat</p> </div> </li> <li class="flex items-start"> <svg class="w-8 h-8 mr-4 stroke-2 md:mt-0.5 md:w-9 md:h-9 text-cyon-cherry" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <div> <h5 class="font-bold text-cyon-xl md:text-cyon-2xl">9 % negativ</h5> <p class="text-cyon-base md:text-cyon-md text-cyon-grey-contrast md:pt-0.5">- 1 % zum Vormonat</p> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="container -mt-8 md:-mt-12 xl:-mt-16"> <div class="grid grid-cols-1 gap-x-4 md:grid-cols-2 md:gap-x-6 xl:grid-cols-3 lg:gap-x-8"> <div class="w-full md:col-span-2 xl:col-span-1"> <h2 id="bewertungen" class="font-bold text-cyon-md md:text-cyon-lg text-cyon-bee">Bewertungen</h2> <h3 class="mt-3 md:mt-3.5 xl:mt-4 font-bold text-cyon-2xl md:text-cyon-3xl">Stimmen aus der Community</h3> <div class="mt-5 md:mt-6 xl:mt-28"> <p class="font-bold text-cyon-sm md:text-cyon-base">4.8 / 5 Sterne (Google, 1000+ Ratings)</p> <div class="flex items-center mt-2 text-cyon-bee space-x-0.5 mb-10 xl:mb-0"> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> </div> </div> </div> <div class="flex flex-col w-full mb-4 border rounded-sm md:mb-0 box-small xl:box-medium border-cyon-grey-even-lighter "> <blockquote class="mb-auto text-cyon-base text-cyon-earth">Ich bin seit 2003 Kunde bei cyon und habe es keine einzige Sekunde bereut.</blockquote> <div class="flex items-center mt-4 text-cyon-bee space-x-0.5"> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> </div> <div class="flex items-center mt-5 space-x-4 lg:space-x-6"> <img loading="lazy" class="w-12 h-12 rounded-full" src="https://my.cyon.ch/uploads/cyon15-avatars/243d1bf1a2d6e07f8f8a386572bef2e1.png" alt="Avatar Testimonial"> <div> <h3 class="font-bold text-cyon-base">Melih Bildik</h3> <p class="text-cyon-sm text-cyon-grey-contrast">Kunde seit 2003</p> </div> </div> </div> <div class="flex flex-col w-full mb-4 border rounded-sm md:mb-0 box-small xl:box-medium border-cyon-grey-even-lighter "> <blockquote class="mb-auto text-cyon-base text-cyon-earth">Absolut top. Schnell, gut, und freundlich</blockquote> <div class="flex items-center mt-4 text-cyon-bee space-x-0.5"> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> <svg class="w-5 h-5 stroke-2" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" /> </svg> </div> <div class="flex items-center mt-5 space-x-4 lg:space-x-6"> <img loading="lazy" class="w-12 h-12 rounded-full" src="https://my.cyon.ch/uploads/cyon15-avatars/9dc152110a8cb69a312009db304ce008.png" alt="Avatar Testimonial"> <div> <h3 class="font-bold text-cyon-base">Claudio Colangelo</h3> <p class="text-cyon-sm text-cyon-grey-contrast">Kunde seit 2014</p> </div> </div> </div> </div> </div> <div id="home-blog-posts"> <div class="container pt-24 text-center md:pt-28 xl:pt-32"> <h2 id="blog" class="font-bold text-cyon-md md:text-cyon-lg text-cyon-butterfly">Blog</h2> <h3 class="font-bold text-cyon-2xl md:text-cyon-3xl mt-3 md:mt-3.5 xl:mt-4">Geschichten rund um cyon & das Internet</h3> </div> <div class="container pt-8 md:pt-10 xl:pt-12"> <ul class="space-y-10 xl:space-y-0 xl:grid xl:gap-x-8 xl:grid-cols-3"> <li class="font-bold text-cyon-sm leading-4.75"> <a href="/blog/spende-statt-weihnachtsgeld" class="flex md:grid gap-x-4 md:grid-cols-12 xl:block xl:space-y-4 md:gap-8 md:space-x-0 group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <div class="flex-shrink-0 w-24 md:w-full md:col-span-5 md:h-auto col-span-3 overflow-hidden rounded-sm lg:col-span-4 max-h-[104px] md:max-h-[294px] sm:h-36 lg:h-52 xl:h-60" > <figure class="overflow-hidden rounded xl:h-full aspect-w-1 aspect-h-1 md:aspect-w-3 {#md:aspect-h-2 #} xl:aspect-w-3"> <img class="object-cover w-full h-full transition-all duration-300 ease-in-out transform group-hover:scale-110" loading="lazy" src="https://blog.cyon.ch/wp-content/uploads/2023/05/spende-statt-weihnachtsgeld-fb-li.jpg" alt="Spende statt Weihnachtsgeld: cyon unterst眉tzt gemeinn眉tzige Organisationen"> </figure> </div> <div class="space-y-2 md:col-span-7 lg:col-span-8 md:col-start-6"> <div class="flex items-center space-x-4"> <div> <img loading="lazy" class="w-6 h-6 rounded-full" src="https://secure.gravatar.com/avatar/476a2435728a459e5b3913c8dba9396c?s=96&d=mm&r=g" alt=" Svetlana Marchenko" /> </div> <dl class="justify-between flex-grow block xl:items-center xl:flex text-cyon-earth text-cyon-2xs md:text-cyon-xs"> <div> <dt class="sr-only"> Autor: </dt> <dd> Svetlana Marchenko </dd> </div> <div> <dt class="sr-only"> Kategorie: </dt> <dd> <span class="text-cyon-grey-contrast xl:hidden">in </span> <span class="rounded-sm xl:px-3 xl:py-2 xl:block xl:text-cyon-xs xl:text-cyon-cherry xl:bg-cyon-cherry-ultralight"> 脺ber cyon </span> </dd> </div> </dl> </div> <span class="font-bold text-cyon-lg md:text-cyon-xl line-clamp-2">Spende statt Weihnachtsgeld: cyon unterst眉tzt gemeinn眉tzige Organisationen</span> <div class="flex items-center space-x-1 xl:pt-2"> <div> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-cyon-grey-contrast" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </div> <time class="text-cyon-grey-contrast text-cyon-2xs md:text-cyon-xs" datetime=" {{ post.date|date('Y-M-d', 'Europe/Zurich') }}"> 03. Apr. 2025 </time> </div> </div> </a> </li> <li class="font-bold text-cyon-sm leading-4.75"> <a href="/blog/anleitung-datenschutzerklaerung" class="flex md:grid gap-x-4 md:grid-cols-12 xl:block xl:space-y-4 md:gap-8 md:space-x-0 group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <div class="flex-shrink-0 w-24 md:w-full md:col-span-5 md:h-auto col-span-3 overflow-hidden rounded-sm lg:col-span-4 max-h-[104px] md:max-h-[294px] sm:h-36 lg:h-52 xl:h-60" > <figure class="overflow-hidden rounded xl:h-full aspect-w-1 aspect-h-1 md:aspect-w-3 {#md:aspect-h-2 #} xl:aspect-w-3"> <img class="object-cover w-full h-full transition-all duration-300 ease-in-out transform group-hover:scale-110" loading="lazy" src="https://blog.cyon.ch/wp-content/uploads/2019/08/anleitung-datenschutzerklaerung-MT.png" alt="So erstellst du die perfekte Datenschutzerkl盲rung f眉r deine Website"> </figure> </div> <div class="space-y-2 md:col-span-7 lg:col-span-8 md:col-start-6"> <div class="flex items-center space-x-4"> <div> <img loading="lazy" class="w-6 h-6 rounded-full" src="https://secure.gravatar.com/avatar/5232d3a492b161ce5c69110fc8b750dc?s=96&d=mm&r=g" alt=" Martin Steiger" /> </div> <dl class="justify-between flex-grow block xl:items-center xl:flex text-cyon-earth text-cyon-2xs md:text-cyon-xs"> <div> <dt class="sr-only"> Autor: </dt> <dd> Martin Steiger </dd> </div> <div> <dt class="sr-only"> Kategorie: </dt> <dd> <span class="text-cyon-grey-contrast xl:hidden">in </span> <span class="rounded-sm xl:px-3 xl:py-2 xl:block xl:text-cyon-xs xl:text-cyon-cherry xl:bg-cyon-cherry-ultralight"> Internet & Recht </span> </dd> </div> </dl> </div> <span class="font-bold text-cyon-lg md:text-cyon-xl line-clamp-2">So erstellst du die perfekte Datenschutzerkl盲rung f眉r deine Website</span> <div class="flex items-center space-x-1 xl:pt-2"> <div> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-cyon-grey-contrast" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </div> <time class="text-cyon-grey-contrast text-cyon-2xs md:text-cyon-xs" datetime=" {{ post.date|date('Y-M-d', 'Europe/Zurich') }}"> 11. Mar. 2025 </time> </div> </div> </a> </li> <li class="font-bold text-cyon-sm leading-4.75"> <a href="/blog/kostenlose-icons" class="flex md:grid gap-x-4 md:grid-cols-12 xl:block xl:space-y-4 md:gap-8 md:space-x-0 group focus-visible:ring-2 focus-visible:ring-cyon-orange focus-visible:ring-offset-2 focus-visible:rounded-sm focus:outline-none"> <div class="flex-shrink-0 w-24 md:w-full md:col-span-5 md:h-auto col-span-3 overflow-hidden rounded-sm lg:col-span-4 max-h-[104px] md:max-h-[294px] sm:h-36 lg:h-52 xl:h-60" > <figure class="overflow-hidden rounded xl:h-full aspect-w-1 aspect-h-1 md:aspect-w-3 {#md:aspect-h-2 #} xl:aspect-w-3"> <img class="object-cover w-full h-full transition-all duration-300 ease-in-out transform group-hover:scale-110" loading="lazy" src="https://blog.cyon.ch/wp-content/uploads/2022/09/kostenlose-icons-2025.png" alt="Top 18 Websites f眉r kostenlose Icons"> </figure> </div> <div class="space-y-2 md:col-span-7 lg:col-span-8 md:col-start-6"> <div class="flex items-center space-x-4"> <div> <img loading="lazy" class="w-6 h-6 rounded-full" src="https://blog.cyon.ch/wp-content/uploads/2025/03/cropped-pz-avatar-96x96.jpeg" alt=" Philipp Zeder" /> </div> <dl class="justify-between flex-grow block xl:items-center xl:flex text-cyon-earth text-cyon-2xs md:text-cyon-xs"> <div> <dt class="sr-only"> Autor: </dt> <dd> Philipp Zeder </dd> </div> <div> <dt class="sr-only"> Kategorie: </dt> <dd> <span class="text-cyon-grey-contrast xl:hidden">in </span> <span class="rounded-sm xl:px-3 xl:py-2 xl:block xl:text-cyon-xs xl:text-cyon-cherry xl:bg-cyon-cherry-ultralight"> Internet & Recht </span> </dd> </div> </dl> </div> <span class="font-bold text-cyon-lg md:text-cyon-xl line-clamp-2">Top 18 Websites f眉r kostenlose Icons</span> <div class="flex items-center space-x-1 xl:pt-2"> <div> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-cyon-grey-contrast" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> </div> <time class="text-cyon-grey-contrast text-cyon-2xs md:text-cyon-xs" datetime=" {{ post.date|date('Y-M-d', 'Europe/Zurich') }}"> 18. Feb. 2025 </time> </div> </div> </a> </li> </ul> </div> <div class="container pt-10 text-center md:pt-12 xl:pt-16"> <a href="/blog" class="btn btn-primary-butterfly"> Weitere Artikel im cyon-Blog </a> </div> </div> <div> <div class="pt-24 md:pt-32 xl:pt-56"> <div class="bg-cyon-orange-ultralight"> <div class="container items-end lg:flex lg:items-stretch lg:justify-between"> <div class="h-full pt-16 lg:w-1/2 md:pt-20 lg:pt-24 xl:w-5/12"> <h3 class="pt-1 md:pt-1.5 xl:pt-2 font-bold text-cyon-xl md:text-cyon-2xl">Du hast noch Fragen?</h3> <p class="max-w-lg mt-2 md:mt-2.5 xl:mt-3 text-cyon-base md:text-cyon-md text-cyon-grey-dark"> Wir beantworten sie dir gerne pers枚nlich. </p> <a href="/support" class="mt-4 mb-0 lg:mb-20 xl:mb-24 md:mt-5 xl:mt-6 btn btn-primary-orange"> Kontaktiere uns </a> </div> <div class="relative flex justify-center h-auto lg:w-1/2 xl:w-7/12"> <picture> <source media="(max-width: 1279px)" srcset="/assets/legacy-resources/img/prefooter/c-lg.png?w=394&s=3c784790c21be9c38396e844707653b4&vkey=5 1x, /assets/legacy-resources/img/prefooter/c-lg.png?w=394&dpr=2&s=a099561cbc7cd95e977e7994edcd5665&vkey=5 2x" /> <source media="(min-width: 1536px)" srcset="/assets/legacy-resources/img/prefooter/c-2xl.png?w=696&s=c92167e01a51db510f9f4a377c865701&vkey=5 1x, /assets/legacy-resources/img/prefooter/c-2xl.png?w=696&dpr=2&s=3b29a8b25fc743b2217be4a9e1b8a03b&vkey=5 2x" /> <source media="(min-width: 1280px)" srcset="/assets/legacy-resources/img/prefooter/c-xl.png?w=577&s=d851669c3ac0af3540bc7d8e321ffc20&vkey=5 1x, /assets/legacy-resources/img/prefooter/c-xl.png?w=577&dpr=2&s=cf7151ad950be05a0c987ba9dc567ac5&vkey=5 2x" /> <img loading="lazy" src="/assets/legacy-resources/img/prefooter/c-2xl.png?s=9149eabae6983b1e0aef0d73cef37145&vkey=5" class="absolute bottom-0 inset-x-0 lg:w-[394px] xl:w-[577px] 2xl:w-[696px] hidden lg:block h-[255px] md:h-[424px] lg:h-[467px] xl:h-[467px] object-contain object-bottom" alt="prefooter img" /> </picture> </div> <div class="flex-shrink-0 w-full mt-10 h-[255px] md:h-[424px] lg:hidden"> <div class="flex-shrink-0 w-full h-full overflow-y-hidden md:mx-auto"> <div class="w-full h-full bg-top bg-no-repeat bg-contain md:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/prefooter/c-default.png?fm=jpg&bg=FFF9F0&s=b97f6f421b20a28018d52917dd5135a2&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-default.png?bg=FFF9F0&fm=jpg&w=328&dpr=2&s=fbf9273e7cf42d9c757417b498c1b9c4&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/prefooter/c-default.png?fm=jpg&bg=FFF9F0&s=b97f6f421b20a28018d52917dd5135a2&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-default.png?bg=FFF9F0&fm=jpg&w=328&dpr=2&s=fbf9273e7cf42d9c757417b498c1b9c4&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain md:block lg:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/prefooter/c-md.png?fm=jpg&bg=FFF9F0&s=d32645ac7982e540f25ae82ee0429424&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-md.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=1b0352a8a6aff2ef823597a706c3c2e4&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/prefooter/c-md.png?fm=jpg&bg=FFF9F0&s=d32645ac7982e540f25ae82ee0429424&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-md.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=1b0352a8a6aff2ef823597a706c3c2e4&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain lg:block xl:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/prefooter/c-lg.png?fm=jpg&bg=FFF9F0&s=da2a7748fe556da23432bfaa7a4f8fb0&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-lg.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=e68b94d7b1c99dec2fead8da98b101f4&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/prefooter/c-lg.png?fm=jpg&bg=FFF9F0&s=da2a7748fe556da23432bfaa7a4f8fb0&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-lg.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=e68b94d7b1c99dec2fead8da98b101f4&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain xl:block 2xl:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/prefooter/c-xl.png?fm=jpg&bg=FFF9F0&s=14a43c50dd7d3dd35fd93635873077da&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-xl.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=c67e1b07e0d9efe493f68025f90a59cf&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/prefooter/c-xl.png?fm=jpg&bg=FFF9F0&s=14a43c50dd7d3dd35fd93635873077da&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-xl.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=c67e1b07e0d9efe493f68025f90a59cf&vkey=5)"> </div> <div class="hidden w-full h-full bg-top bg-no-repeat bg-contain md:block lg:hidden" style="background-image: -webkit-image-set( url(/assets/legacy-resources/img/prefooter/c-2xl.png?fm=jpg&bg=FFF9F0&s=e062a979d6931f97af770ea40ef2294c&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-2xl.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=ba42da96d062a06dedea64675230a458&vkey=5) 2x); background-image: image-set( url(/assets/legacy-resources/img/prefooter/c-2xl.png?fm=jpg&bg=FFF9F0&s=e062a979d6931f97af770ea40ef2294c&vkey=5) 1x, url(/assets/legacy-resources/img/prefooter/c-2xl.png?bg=FFF9F0&fm=jpg&w=604&dpr=2&s=ba42da96d062a06dedea64675230a458&vkey=5)"> </div> </div> </div> </div> </div> </div> </div> </main> <footer> <div class="mx-auto text-gray-300 bg-gray-800 space-y-9 md:space-y-16 text-cyon-sm"> <div class="w-full px-6 pt-14 lg:pt-20 2xl:max-w-content sm:px-16 md:px-20 lg:px-24 xl:px-32 2xl:px-0 2xl:mx-auto"> <div class="grid grid-cols-12 lg:grid-rows-[1fr,auto] max-w-content gap-x-4 gap-y-9 md:gap-y-16"> <div class="flex-col justify-between w-full col-span-full lg:col-span-4 lg:space-y-0 lg:flex"> <div class="space-y-6"> <a href="/"> <img class="w-20 h-auto" src="/assets/legacy-resources/svg/cyon-logo-white.svg" alt="cyon logo"> <span class="sr-only">cyon Homepage</span> </a> <p class="text-white"> Wir machen das Internet </br> zu einem besseren Ort </p> <a href="https://www.google.com/maps/place/cyon+GmbH/@47.5528416,7.5925458,17z/data=!4m7!3m6!1s0x4791b84cc67f03d5:0x54a45a744890de98!8m2!3d47.5528462!4d7.5947331!9m1!1b1" class="items-start hidden mt-3 md:mt-0 lg:flex-col lg:flex"> <div class="flex items-center justify-end -ml-1 text-white"> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> </div> <span class="font-semibold text-cyon-xs"> 4.8 von 5 </span> </a> </div> </div> <div class="flex-col justify-between w-full mt-3 md:mt-0 lg:hidden col-span-full"> <a href="https://www.google.com/maps/place/cyon+GmbH/@47.5528416,7.5925458,17z/data=!4m7!3m6!1s0x4791b84cc67f03d5:0x54a45a744890de98!8m2!3d47.5528462!4d7.5947331!9m1!1b1" class="flex-col items-start hidden lg:flex"> <div class="flex items-center justify-end -ml-1 text-white"> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> </div> <span class="font-semibold text-cyon-xs"> 4.8 von 5 </span> </a> <div class="flex items-center justify-start flex-shrink-0 w-full space-x-6 md:space-x-16"> <a href="https://www.google.com/maps/place/cyon+GmbH/@47.5528416,7.5925458,17z/data=!4m7!3m6!1s0x4791b84cc67f03d5:0x54a45a744890de98!8m2!3d47.5528462!4d7.5947331!9m1!1b1" class="block lg:hidden"> <div class="flex items-center -ml-1 text-white"> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> <svg class="w-4 h-4" viewbox="0 0 20 20"> <path fill="currentColor" d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /> </svg> </div> <span class="font-semibold text-gray-300 text-cyon-xs"> 4.8 von 5 </span> </a> <a href="/ueber-cyon/infrastruktur"> <svg class="h-auto text-white w-9" fill="none" viewBox="0 0 38 42"> <g clip-path="url(#c3dpc3NtYWU=)"> <path fill="currentColor" d="M0 0h38v32.253H0V0zM8.801 33.212H6.363l3.172 8.262h1.722l1.708-4.594 1.743 4.594h1.783l3.384-8.262H17.46l-1.774 4.685-1.822-4.685h-1.42l-1.917 4.71-1.727-4.71zM22.735 33.212h-2.32v8.262h2.32v-8.262zM5.747 33.91c-.73-.42-1.868-.732-2.698-.732-1.648 0-3.049.743-3.049 2.435 0 1.62 1.211 2.083 2.554 2.47.461.134 1.206.375 1.206.985 0 .588-.442.813-.944.813-.731 0-1.432-.479-1.967-.956L0 40.63c.84.6 1.871 1 2.908 1 .83 0 1.676-.138 2.32-.692.643-.555.992-1.248.992-2.08 0-1.354-1.025-2.113-2.171-2.457l-.545-.166c-.372-.122-1.093-.273-1.093-.761 0-.461.696-.591 1.089-.591.523 0 1.12.187 1.513.52l.734-1.49v-.002zM30.314 33.887c-.731-.421-1.869-.733-2.698-.733-1.648 0-3.05.74-3.05 2.437 0 1.62 1.212 2.084 2.554 2.472.462.133 1.206.373 1.206.983 0 .588-.442.813-.944.813-.73 0-1.431-.478-1.967-.956l-.845 1.704c.84.599 1.87 1 2.908 1 .829 0 1.675-.137 2.32-.692.643-.555.992-1.248.992-2.076 0-1.353-1.025-2.113-2.172-2.456l-.549-.173c-.371-.122-1.093-.273-1.093-.76 0-.466.696-.592 1.09-.592.523 0 1.12.187 1.513.52l.734-1.49zM37.493 33.887c-.735-.422-1.868-.735-2.698-.735-1.648 0-3.049.74-3.049 2.437 0 1.62 1.211 2.084 2.554 2.472.461.133 1.205.373 1.205.983 0 .588-.442.813-.944.813-.73 0-1.431-.478-1.966-.956l-.846 1.704c.84.599 1.871 1 2.908 1 .83 0 1.675-.137 2.32-.692.644-.555.992-1.248.992-2.076 0-1.353-1.025-2.113-2.171-2.456l-.546-.166c-.37-.123-1.093-.274-1.093-.761 0-.466.692-.592 1.09-.592.524 0 1.12.188 1.513.52l.734-1.49-.003-.005z"></path><path fill="#262626" fill-rule="evenodd" d="M2.98 25.301v.862l-1.04-.426v-.009l1.04-.427zm.976 1.9v-.615l-.578-.258v-1.191l.578-.253v-.652l-2.522 1.154v.667L3.956 27.2zM3.956 23.649v-.795c0-.89-.26-1.675-1.261-1.675-1 0-1.261.786-1.261 1.675v.795h2.522zm-2.125-.582v-.325c0-.486.315-.956.864-.956.549 0 .863.47.863.956v.325H1.831z" clip-rule="evenodd"></path><path fill="#262626" d="M3.956 30.859v-.535H1.882l-.007-.008 2.08-.75v-.535l-2.08-.75v-.008h2.08v-.536H1.435v.895l1.911.662v.008l-1.911.662v.895h2.522zM3.956 20.486v-1.611h-.398v1.067H2.85v-.97h-.397v.97H1.83v-1.06h-.397v1.604h2.522z"></path><path fill="#262626" fill-rule="evenodd" d="M24.106 9.018h7.501s-1.394-2-2.963-3.084c-1.648-1.138-3.252-1.47-4.537-1.47v4.554h-.001zm-3.692 0h-7.501s1.393-2 2.963-3.084c1.649-1.138 3.253-1.47 4.537-1.47v4.554h.002zM18.52 31.286V21.74l1.895-1.083v-9.893H7.89V9.018h1.132s3.345-7.997 13.336-7.997c9.08 0 13.215 7.997 13.215 7.997h1.133v1.746H24.105v17.644l-5.586 2.878z" clip-rule="evenodd"></path> </g> <defs> <clipPath id="c3dpc3NtYWU="> <path fill="currentColor" d="M0 0h38v41.628H0z"></path> </clipPath> </defs> </svg> </a> <a href="https://www.swissmadesoftware.org/companies/cyon-gmbh/home.html"> <svg class="w-32 h-auto text-white" fill="none" viewBox="0 0 127 25"> <g fill="currentColor" clip-path="url(#c3dpc3NtYWRlaG9zdGluZw==)"> <path d="M19.733 18.826a2.83 2.83 0 012.82-3.09 2.84 2.84 0 011.548.46 3.76 3.76 0 013.09-1.607l.101.005V4.907a2.04 2.04 0 00-2.047-2.035H15.166l-.644-1.596A2.045 2.045 0 0012.623 0H4.024C3.207 0 2.47.482 2.145 1.23L.167 5.798c-.11.254-.167.527-.167.804V19.49c0 1.124.917 2.035 2.048 2.035h16.03a3.224 3.224 0 011.655-2.698z"></path> <path d="M30.085 19.683l-.531-.166.14-.537a2.581 2.581 0 00-2.503-3.224c-1.046 0-1.983.62-2.388 1.578l-.37.875-.618-.723a1.664 1.664 0 00-1.264-.582c-.915 0-1.66.74-1.66 1.65 0 .152.022.304.064.453l.149.52-.512.186a2.057 2.057 0 00-1.35 1.925c0 1.13.924 2.049 2.06 2.049h8.162a2.057 2.057 0 002.06-2.049c0-.899-.578-1.685-1.44-1.955zM17.49 12.955h-2.788v2.772c0 .66-.504 1.003-1.01 1.003-.504 0-1.008-.343-1.008-1.003v-2.772H9.895c-.663 0-1.008-.502-1.008-1.004 0-.501.345-1.003 1.008-1.003h2.789V8.176c0-.66.504-1.003 1.009-1.003.505 0 1.009.343 1.009 1.003v2.772h2.789c.664 0 1.009.502 1.009 1.003 0 .502-.345 1.004-1.01 1.004zM49.377 14.283v-.063c0-3.121-4.133-1.74-4.1-3.45.015-.455.488-.847 1.372-.847h.062c.71 0 1.057.267 1.389.423a.773.773 0 00.347.094.574.574 0 00.567-.564.554.554 0 00-.22-.455 3.394 3.394 0 00-2.067-.675h-.063c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.553 1.05-1.515 1.05h-.079c-.583 0-1.262-.47-1.656-.988a.624.624 0 00-.537-.267c-.315 0-.615.236-.615.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.095c1.325 0 2.728-.768 2.728-2.211zm10.726-4.956c0-.33-.253-.58-.615-.58-.237 0-.458.125-.553.439l-1.372 4.783-1.436-4.799c-.063-.235-.205-.424-.678-.424h-.016c-.378 0-.6.157-.678.424l-1.42 4.783-1.357-4.767c-.094-.314-.33-.44-.567-.44-.363 0-.616.252-.616.581 0 .062.016.11.032.172l1.846 6.556c.063.204.252.44.583.44h.142c.3 0 .537-.252.584-.456.363-1.333 1.372-5.097 1.451-5.348.095.236 1.105 4 1.483 5.348.063.204.316.455.6.455h.126c.33 0 .52-.235.583-.44L60.087 9.5c.016-.062.016-.11.016-.172zm3.134-2.917v-.345c0-.392-.3-.596-.6-.596s-.599.204-.599.596v.345c0 .392.3.596.6.596s.6-.204.6-.596zm0 9.488V9.343c0-.392-.3-.597-.6-.597s-.599.205-.599.597v6.555c0 .392.3.596.6.596s.6-.204.6-.596zm7.552-1.615v-.063c0-3.121-4.134-1.74-4.102-3.45.016-.455.489-.847 1.372-.847h.063c.71 0 1.057.267 1.389.423a.773.773 0 00.347.094.574.574 0 00.567-.564.554.554 0 00-.22-.455 3.393 3.393 0 00-2.067-.675h-.063c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.552 1.05-1.515 1.05h-.079c-.583 0-1.262-.47-1.656-.988a.623.623 0 00-.536-.267c-.316 0-.616.236-.616.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.094c1.325 0 2.73-.768 2.73-2.211zm7.25 0v-.063c0-3.121-4.134-1.74-4.102-3.45.016-.455.489-.847 1.372-.847h.063c.71 0 1.057.267 1.389.423a.773.773 0 00.347.094.574.574 0 00.567-.564.554.554 0 00-.22-.455 3.391 3.391 0 00-2.067-.675h-.063c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.552 1.05-1.515 1.05h-.08c-.582 0-1.261-.47-1.655-.988a.623.623 0 00-.536-.267c-.316 0-.616.236-.616.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.094c1.325 0 2.73-.768 2.73-2.211zm11.547 1.615v-4.626a2.531 2.531 0 00-2.54-2.526h-.127c-.552 0-1.104.189-1.372.471V6.065c0-.392-.3-.596-.6-.596s-.6.204-.6.596v9.833c0 .392.3.596.6.596s.6-.204.6-.596v-4.705c0-.816.71-1.254 1.436-1.254.694 0 1.403.423 1.403 1.333v4.626c0 .392.3.596.6.596s.6-.204.6-.596zm7.186-1.93v-2.696a2.53 2.53 0 00-2.54-2.526h-.157a2.53 2.53 0 00-2.54 2.526v2.697a2.53 2.53 0 002.54 2.525h.158a2.53 2.53 0 002.54-2.525zm-1.198 0c0 .738-.6 1.334-1.341 1.334h-.142a1.34 1.34 0 01-1.357-1.333v-2.697c0-.738.6-1.333 1.34-1.333h.159c.74 0 1.34.595 1.34 1.333v2.697zm8.279.315v-.063c0-3.121-4.132-1.74-4.101-3.45.016-.455.489-.847 1.373-.847h.062c.71 0 1.058.267 1.389.423a.771.771 0 00.347.094.574.574 0 00.568-.564.554.554 0 00-.221-.455 3.395 3.395 0 00-2.066-.675h-.064c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.552 1.05-1.515 1.05h-.078c-.585 0-1.262-.47-1.657-.988a.624.624 0 00-.536-.267c-.316 0-.616.236-.616.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.095c1.324 0 2.728-.768 2.728-2.211zm4.921 1.615c0-.282-.174-.58-.552-.596-.489-.031-.916-.345-.916-.894V9.986h.852c.395 0 .6-.298.6-.597 0-.297-.205-.595-.6-.595h-.852v-2.73c0-.391-.299-.595-.599-.595s-.599.204-.599.596v2.729h-.553c-.394 0-.599.298-.599.595 0 .299.205.597.599.597h.553v4.438a2.06 2.06 0 002.066 2.07c.411 0 .6-.298.6-.596zm3.377-9.488v-.345c0-.392-.3-.596-.6-.596-.299 0-.599.204-.599.596v.345c0 .392.3.596.599.596.3 0 .6-.204.6-.596zm0 9.488V9.343c0-.392-.3-.597-.6-.597-.299 0-.599.205-.599.597v6.555c0 .392.3.596.599.596.3 0 .6-.204.6-.596zm7.556 0v-4.626c0-1.726-1.184-2.526-2.524-2.526h-.142c-.552 0-1.073.189-1.356.471-.064-.314-.332-.47-.6-.47-.316 0-.615.22-.615.596v6.555c0 .392.299.596.599.596s.599-.204.599-.596v-4.626c0-.738.616-1.333 1.357-1.333h.142c.757 0 1.356.595 1.356 1.333v4.626c0 .392.3.596.6.596s.584-.204.584-.596zm7.226 1.349v-7.92c0-.392-.3-.58-.599-.58-.269 0-.536.156-.584.47-.221-.22-.678-.47-1.357-.47h-.142c-1.404 0-2.555 1.129-2.555 2.525v2.697c0 1.396 1.151 2.525 2.555 2.525h.111c.552 0 1.104-.188 1.372-.47v1.223c0 .753-.599 1.349-1.341 1.349h-.142c-.773 0-1.341-.377-1.53-.894-.11-.283-.331-.408-.552-.408-.315 0-.615.22-.615.565 0 .078.016.14.031.203.348 1.16 1.578 1.726 2.666 1.726h.142c1.405 0 2.54-1.13 2.54-2.541zm-1.199-3.152c0 .721-.631 1.207-1.341 1.207h-.142c-.741 0-1.356-.596-1.356-1.333v-2.697c0-.738.615-1.333 1.356-1.333h.142c.71 0 1.341.47 1.341 1.239v2.916z"></path> </g> <defs> <clipPath id="c3dpc3NtYWRlaG9zdGluZw=="> <path fill="currentColor" d="M0 0h127v25H0z"></path> </clipPath> </defs> </svg> </a> </div> </div> <div class="col-span-full lg:col-span-8"> <nav class="flex space-x-6 space-y-4 md:hidden"> <div class="w-1/2 space-y-6"> <div class="mt-3 space-y-2 text-gray-400 md:mt-0"> <h4 class="font-semibold text-white"> Hosting </h4> <ul class="space-y-2.5"> <li> <a class="hover:text-white" href="https://www.cyon.ch/hosting/webhosting"> Webhosting </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/hosting/sitebuilder"> Sitebuilder </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/hosting/managed-server"> Managed Server </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/hosting/agencyserver"> Agencyserver </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/hosting/ssl"> SSL-Verschl眉sselung </a> </li> </ul> </div> <div class="mt-3 space-y-2 text-gray-400 md:mt-0"> <h4 class="font-semibold text-white"> Domains </h4> <ul class="space-y-2.5"> <li> <a class="hover:text-white" href="https://www.cyon.ch/domains/domain-kaufen"> Domain kaufen </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/domains/domain-transferieren"> Domain transferieren </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/domains/alle-domains"> Alle Domains </a> </li> </ul> </div> <div class="mt-3 space-y-2 text-gray-400 md:mt-0"> <h4 class="font-semibold text-white"> Support </h4> <ul class="space-y-2.5"> <li> <a class="hover:text-white" href="https://www.cyon.ch/support"> Support-Center </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/support/mailwizard"> E-Mail Zauberer </a> </li> <li> <a class="hover:text-white" href="https://my.cyon.ch/"> my.cyon </a> </li> <li> <a class="hover:text-white" href="https://webmail.cyon.ch/"> Webmail </a> </li> </ul> </div> </div> <div class="w-1/2 space-y-6"> <div class="mt-3 space-y-2 text-gray-400 md:mt-0"> <h4 class="font-semibold text-white"> cyon </h4> <ul class="space-y-2.5"> <li> <a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon"> 脺ber uns </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/team"> Team </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/nachhaltigkeit"> Nachhaltigkeit </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/datenschutz"> Datenschutz </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/infrastruktur"> Infrastruktur </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/jobs"> Jobs </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/blog"> Blog </a> </li> </ul> </div> <div class="mt-3 space-y-2 text-gray-400 md:mt-0"> <h4 class="font-semibold text-white"> Rechtliches </h4> <ul class="space-y-2.5"> <li> <a class="hover:text-white" href="https://www.cyon.ch/legal/agb"> AGB </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/legal/coc/hosting"> Code of Conduct </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/legal/technisches"> Technisches </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/legal/datenschutzerklaerung"> Datenschutzerkl盲rung </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/legal/avv"> Auftragsvearbeitungsvertrag </a> </li> <li> <a class="hover:text-white" href="https://www.cyon.ch/legal/impressum"> Impressum </a> </li> </ul> </div> </nav> <nav class="hidden grid-flow-col grid-cols-2 grid-rows-4 md:grid gap-y-4 gap-x-4 md:grid-rows-3 md:grid-cols-3 xl:grid-cols-8 xl:grid-rows-2 xl:grid-flow-col-dense"> <div class="col-span-1 row-span-2 xl:col-span-2"> <div class="space-y-2 text-gray-400"> <h4 class="font-semibold text-white"> Hosting </h4> <ul class="space-y-2.5"> <li><a class="hover:text-white" href="https://www.cyon.ch/hosting/webhosting">Webhosting</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/hosting/sitebuilder">Sitebuilder</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/hosting/managed-server">Managed Server</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/hosting/agencyserver">Agencyserver</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/hosting/ssl">SSL-Verschl眉sselung</a></li> </ul> </div> </div> <div class="col-span-1 xl:col-span-2"> <div class="space-y-2 text-gray-400"> <h4 class="font-semibold text-white"> Domains </h4> <ul class="space-y-2.5"> <li><a class="hover:text-white" href="https://www.cyon.ch/domains/domain-kaufen">Domain kaufen</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/domains/domain-transferieren">Domain transferieren</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/domains/alle-domains">Alle Domains</a></li> </ul> </div> </div> <div class="col-span-1 xl:col-span-2"> <div class="space-y-2 text-gray-400"> <h4 class="font-semibold text-white"> Support </h4> <ul class="space-y-2.5"> <li><a class="hover:text-white" href="https://www.cyon.ch/support">Support-Center</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/support/mailwizard">E-Mail Zauberer</a></li> <li><a class="hover:text-white" href="https://my.cyon.ch/">my.cyon</a></li> <li><a class="hover:text-white" href="https://webmail.cyon.ch/">Webmail</a></li> </ul> </div> </div> <div class="row-span-2 xl:col-span-2"> <div class="space-y-2 text-gray-400"> <h4 class="font-semibold text-white"> cyon </h4> <ul class="space-y-2.5"> <li><a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon">脺ber uns</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/team">Team</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/nachhaltigkeit">Nachhaltigkeit</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/datenschutz">Datenschutz</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/infrastruktur">Infrastruktur</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/ueber-cyon/jobs">Jobs</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/blog">Blog</a></li> </ul> </div> </div> <div class="row-span-2 space-y-2 xl:col-span-2"> <div class="space-y-2 text-gray-400"> <h4 class="font-semibold text-white"> Rechtliches </h4> <ul class="space-y-2.5"> <li><a class="hover:text-white" href="https://www.cyon.ch/legal/agb">AGB</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/legal/coc/hosting">Code of Conduct</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/legal/technisches">Technisches</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/legal/datenschutzerklaerung">Datenschutzerkl盲rung</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/legal/avv">Auftragsvearbeitungsvertrag</a></li> <li><a class="hover:text-white" href="https://www.cyon.ch/legal/impressum">Impressum</a></li> </ul> </div> </div> </nav> </div> <div class="self-end hidden lg:col-span-4 lg:block"> <div class="flex items-center space-x-10"> <a href="/ueber-cyon/infrastruktur"> <svg class="h-auto text-white w-9" fill="none" viewBox="0 0 38 42"> <g clip-path="url(#c3dpc3NtYWU=)"> <path fill="currentColor" d="M0 0h38v32.253H0V0zM8.801 33.212H6.363l3.172 8.262h1.722l1.708-4.594 1.743 4.594h1.783l3.384-8.262H17.46l-1.774 4.685-1.822-4.685h-1.42l-1.917 4.71-1.727-4.71zM22.735 33.212h-2.32v8.262h2.32v-8.262zM5.747 33.91c-.73-.42-1.868-.732-2.698-.732-1.648 0-3.049.743-3.049 2.435 0 1.62 1.211 2.083 2.554 2.47.461.134 1.206.375 1.206.985 0 .588-.442.813-.944.813-.731 0-1.432-.479-1.967-.956L0 40.63c.84.6 1.871 1 2.908 1 .83 0 1.676-.138 2.32-.692.643-.555.992-1.248.992-2.08 0-1.354-1.025-2.113-2.171-2.457l-.545-.166c-.372-.122-1.093-.273-1.093-.761 0-.461.696-.591 1.089-.591.523 0 1.12.187 1.513.52l.734-1.49v-.002zM30.314 33.887c-.731-.421-1.869-.733-2.698-.733-1.648 0-3.05.74-3.05 2.437 0 1.62 1.212 2.084 2.554 2.472.462.133 1.206.373 1.206.983 0 .588-.442.813-.944.813-.73 0-1.431-.478-1.967-.956l-.845 1.704c.84.599 1.87 1 2.908 1 .829 0 1.675-.137 2.32-.692.643-.555.992-1.248.992-2.076 0-1.353-1.025-2.113-2.172-2.456l-.549-.173c-.371-.122-1.093-.273-1.093-.76 0-.466.696-.592 1.09-.592.523 0 1.12.187 1.513.52l.734-1.49zM37.493 33.887c-.735-.422-1.868-.735-2.698-.735-1.648 0-3.049.74-3.049 2.437 0 1.62 1.211 2.084 2.554 2.472.461.133 1.205.373 1.205.983 0 .588-.442.813-.944.813-.73 0-1.431-.478-1.966-.956l-.846 1.704c.84.599 1.871 1 2.908 1 .83 0 1.675-.137 2.32-.692.644-.555.992-1.248.992-2.076 0-1.353-1.025-2.113-2.171-2.456l-.546-.166c-.37-.123-1.093-.274-1.093-.761 0-.466.692-.592 1.09-.592.524 0 1.12.188 1.513.52l.734-1.49-.003-.005z"></path><path fill="#262626" fill-rule="evenodd" d="M2.98 25.301v.862l-1.04-.426v-.009l1.04-.427zm.976 1.9v-.615l-.578-.258v-1.191l.578-.253v-.652l-2.522 1.154v.667L3.956 27.2zM3.956 23.649v-.795c0-.89-.26-1.675-1.261-1.675-1 0-1.261.786-1.261 1.675v.795h2.522zm-2.125-.582v-.325c0-.486.315-.956.864-.956.549 0 .863.47.863.956v.325H1.831z" clip-rule="evenodd"></path><path fill="#262626" d="M3.956 30.859v-.535H1.882l-.007-.008 2.08-.75v-.535l-2.08-.75v-.008h2.08v-.536H1.435v.895l1.911.662v.008l-1.911.662v.895h2.522zM3.956 20.486v-1.611h-.398v1.067H2.85v-.97h-.397v.97H1.83v-1.06h-.397v1.604h2.522z"></path><path fill="#262626" fill-rule="evenodd" d="M24.106 9.018h7.501s-1.394-2-2.963-3.084c-1.648-1.138-3.252-1.47-4.537-1.47v4.554h-.001zm-3.692 0h-7.501s1.393-2 2.963-3.084c1.649-1.138 3.253-1.47 4.537-1.47v4.554h.002zM18.52 31.286V21.74l1.895-1.083v-9.893H7.89V9.018h1.132s3.345-7.997 13.336-7.997c9.08 0 13.215 7.997 13.215 7.997h1.133v1.746H24.105v17.644l-5.586 2.878z" clip-rule="evenodd"></path> </g> <defs> <clipPath id="c3dpc3NtYWU="> <path fill="currentColor" d="M0 0h38v41.628H0z"></path> </clipPath> </defs> </svg> </a> <a href="https://www.swissmadesoftware.org/companies/cyon-gmbh/home.html"> <svg class="w-32 h-auto text-white" fill="none" viewBox="0 0 127 25"> <g fill="currentColor" clip-path="url(#c3dpc3NtYWRlaG9zdGluZw==)"> <path d="M19.733 18.826a2.83 2.83 0 012.82-3.09 2.84 2.84 0 011.548.46 3.76 3.76 0 013.09-1.607l.101.005V4.907a2.04 2.04 0 00-2.047-2.035H15.166l-.644-1.596A2.045 2.045 0 0012.623 0H4.024C3.207 0 2.47.482 2.145 1.23L.167 5.798c-.11.254-.167.527-.167.804V19.49c0 1.124.917 2.035 2.048 2.035h16.03a3.224 3.224 0 011.655-2.698z"></path> <path d="M30.085 19.683l-.531-.166.14-.537a2.581 2.581 0 00-2.503-3.224c-1.046 0-1.983.62-2.388 1.578l-.37.875-.618-.723a1.664 1.664 0 00-1.264-.582c-.915 0-1.66.74-1.66 1.65 0 .152.022.304.064.453l.149.52-.512.186a2.057 2.057 0 00-1.35 1.925c0 1.13.924 2.049 2.06 2.049h8.162a2.057 2.057 0 002.06-2.049c0-.899-.578-1.685-1.44-1.955zM17.49 12.955h-2.788v2.772c0 .66-.504 1.003-1.01 1.003-.504 0-1.008-.343-1.008-1.003v-2.772H9.895c-.663 0-1.008-.502-1.008-1.004 0-.501.345-1.003 1.008-1.003h2.789V8.176c0-.66.504-1.003 1.009-1.003.505 0 1.009.343 1.009 1.003v2.772h2.789c.664 0 1.009.502 1.009 1.003 0 .502-.345 1.004-1.01 1.004zM49.377 14.283v-.063c0-3.121-4.133-1.74-4.1-3.45.015-.455.488-.847 1.372-.847h.062c.71 0 1.057.267 1.389.423a.773.773 0 00.347.094.574.574 0 00.567-.564.554.554 0 00-.22-.455 3.394 3.394 0 00-2.067-.675h-.063c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.553 1.05-1.515 1.05h-.079c-.583 0-1.262-.47-1.656-.988a.624.624 0 00-.537-.267c-.315 0-.615.236-.615.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.095c1.325 0 2.728-.768 2.728-2.211zm10.726-4.956c0-.33-.253-.58-.615-.58-.237 0-.458.125-.553.439l-1.372 4.783-1.436-4.799c-.063-.235-.205-.424-.678-.424h-.016c-.378 0-.6.157-.678.424l-1.42 4.783-1.357-4.767c-.094-.314-.33-.44-.567-.44-.363 0-.616.252-.616.581 0 .062.016.11.032.172l1.846 6.556c.063.204.252.44.583.44h.142c.3 0 .537-.252.584-.456.363-1.333 1.372-5.097 1.451-5.348.095.236 1.105 4 1.483 5.348.063.204.316.455.6.455h.126c.33 0 .52-.235.583-.44L60.087 9.5c.016-.062.016-.11.016-.172zm3.134-2.917v-.345c0-.392-.3-.596-.6-.596s-.599.204-.599.596v.345c0 .392.3.596.6.596s.6-.204.6-.596zm0 9.488V9.343c0-.392-.3-.597-.6-.597s-.599.205-.599.597v6.555c0 .392.3.596.6.596s.6-.204.6-.596zm7.552-1.615v-.063c0-3.121-4.134-1.74-4.102-3.45.016-.455.489-.847 1.372-.847h.063c.71 0 1.057.267 1.389.423a.773.773 0 00.347.094.574.574 0 00.567-.564.554.554 0 00-.22-.455 3.393 3.393 0 00-2.067-.675h-.063c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.552 1.05-1.515 1.05h-.079c-.583 0-1.262-.47-1.656-.988a.623.623 0 00-.536-.267c-.316 0-.616.236-.616.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.094c1.325 0 2.73-.768 2.73-2.211zm7.25 0v-.063c0-3.121-4.134-1.74-4.102-3.45.016-.455.489-.847 1.372-.847h.063c.71 0 1.057.267 1.389.423a.773.773 0 00.347.094.574.574 0 00.567-.564.554.554 0 00-.22-.455 3.391 3.391 0 00-2.067-.675h-.063c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.552 1.05-1.515 1.05h-.08c-.582 0-1.261-.47-1.655-.988a.623.623 0 00-.536-.267c-.316 0-.616.236-.616.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.094c1.325 0 2.73-.768 2.73-2.211zm11.547 1.615v-4.626a2.531 2.531 0 00-2.54-2.526h-.127c-.552 0-1.104.189-1.372.471V6.065c0-.392-.3-.596-.6-.596s-.6.204-.6.596v9.833c0 .392.3.596.6.596s.6-.204.6-.596v-4.705c0-.816.71-1.254 1.436-1.254.694 0 1.403.423 1.403 1.333v4.626c0 .392.3.596.6.596s.6-.204.6-.596zm7.186-1.93v-2.696a2.53 2.53 0 00-2.54-2.526h-.157a2.53 2.53 0 00-2.54 2.526v2.697a2.53 2.53 0 002.54 2.525h.158a2.53 2.53 0 002.54-2.525zm-1.198 0c0 .738-.6 1.334-1.341 1.334h-.142a1.34 1.34 0 01-1.357-1.333v-2.697c0-.738.6-1.333 1.34-1.333h.159c.74 0 1.34.595 1.34 1.333v2.697zm8.279.315v-.063c0-3.121-4.132-1.74-4.101-3.45.016-.455.489-.847 1.373-.847h.062c.71 0 1.058.267 1.389.423a.771.771 0 00.347.094.574.574 0 00.568-.564.554.554 0 00-.221-.455 3.395 3.395 0 00-2.066-.675h-.064c-.994 0-2.587.502-2.587 2.008 0 2.98 4.133 1.412 4.102 3.498 0 .517-.552 1.05-1.515 1.05h-.078c-.585 0-1.262-.47-1.657-.988a.624.624 0 00-.536-.267c-.316 0-.616.236-.616.58 0 .095.032.205.08.299.488.972 1.687 1.568 2.697 1.568h.095c1.324 0 2.728-.768 2.728-2.211zm4.921 1.615c0-.282-.174-.58-.552-.596-.489-.031-.916-.345-.916-.894V9.986h.852c.395 0 .6-.298.6-.597 0-.297-.205-.595-.6-.595h-.852v-2.73c0-.391-.299-.595-.599-.595s-.599.204-.599.596v2.729h-.553c-.394 0-.599.298-.599.595 0 .299.205.597.599.597h.553v4.438a2.06 2.06 0 002.066 2.07c.411 0 .6-.298.6-.596zm3.377-9.488v-.345c0-.392-.3-.596-.6-.596-.299 0-.599.204-.599.596v.345c0 .392.3.596.599.596.3 0 .6-.204.6-.596zm0 9.488V9.343c0-.392-.3-.597-.6-.597-.299 0-.599.205-.599.597v6.555c0 .392.3.596.599.596.3 0 .6-.204.6-.596zm7.556 0v-4.626c0-1.726-1.184-2.526-2.524-2.526h-.142c-.552 0-1.073.189-1.356.471-.064-.314-.332-.47-.6-.47-.316 0-.615.22-.615.596v6.555c0 .392.299.596.599.596s.599-.204.599-.596v-4.626c0-.738.616-1.333 1.357-1.333h.142c.757 0 1.356.595 1.356 1.333v4.626c0 .392.3.596.6.596s.584-.204.584-.596zm7.226 1.349v-7.92c0-.392-.3-.58-.599-.58-.269 0-.536.156-.584.47-.221-.22-.678-.47-1.357-.47h-.142c-1.404 0-2.555 1.129-2.555 2.525v2.697c0 1.396 1.151 2.525 2.555 2.525h.111c.552 0 1.104-.188 1.372-.47v1.223c0 .753-.599 1.349-1.341 1.349h-.142c-.773 0-1.341-.377-1.53-.894-.11-.283-.331-.408-.552-.408-.315 0-.615.22-.615.565 0 .078.016.14.031.203.348 1.16 1.578 1.726 2.666 1.726h.142c1.405 0 2.54-1.13 2.54-2.541zm-1.199-3.152c0 .721-.631 1.207-1.341 1.207h-.142c-.741 0-1.356-.596-1.356-1.333v-2.697c0-.738.615-1.333 1.356-1.333h.142c.71 0 1.341.47 1.341 1.239v2.916z"></path> </g> <defs> <clipPath id="c3dpc3NtYWRlaG9zdGluZw=="> <path fill="currentColor" d="M0 0h127v25H0z"></path> </clipPath> </defs> </svg> </a> </div> </div> <div class="col-span-full lg:col-span-8"> <div class="grid gap-8 md:grid-cols-3 xl:grid-cols-8"> <div class="space-y-2 xl:col-span-2"> <h4 class="font-semibold text-white"> Folge uns </h4> <div class="flex justify-start pt-2 space-x-2 text-cyon-grey-light"> <a target="_blank" href="https://bsky.app/profile/cyon.ch"> <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="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z" /></svg> </a> <a target="_blank" href="https://www.linkedin.com/company/cyon/"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10078_14818)"> <path d="M4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18V6Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 11V16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 8V8.01" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 16V11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 16V13C16 12.4696 15.7893 11.9609 15.4142 11.5858C15.0391 11.2107 14.5304 11 14 11C13.4696 11 12.9609 11.2107 12.5858 11.5858C12.2107 11.9609 12 12.4696 12 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_10078_14818"> <rect width="24" height="24" fill="currentColor"/> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://www.instagram.com/cyon.ch/"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10078_14828)"> <path d="M4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4H16C17.0609 4 18.0783 4.42143 18.8284 5.17157C19.5786 5.92172 20 6.93913 20 8V16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20H8C6.93913 20 5.92172 19.5786 5.17157 18.8284C4.42143 18.0783 4 17.0609 4 16V8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5 7.5V7.51" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_10078_14828"> <rect width="24" height="24" fill="currentColor"/> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://www.facebook.com/cyonhosting"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10077_14815)"> <path d="M7 10V14H10V21H14V14H17L18 10H14V8C14 7.73478 14.1054 7.48043 14.2929 7.29289C14.4804 7.10536 14.7348 7 15 7H18V3H15C13.6739 3 12.4021 3.52678 11.4645 4.46447C10.5268 5.40215 10 6.67392 10 8V10H7Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_10077_14815"> <rect width="24" height="24" fill="currentColor"/> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://github.com/cyon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10078_14825)"> <path d="M9 19.0004C4.7 20.4004 4.7 16.5004 3 16.0004M15 21.0004V17.5004C15 16.5004 15.1 16.1004 14.5 15.5004C17.3 15.2004 20 14.1004 20 9.50044C19.9988 8.3054 19.5325 7.15775 18.7 6.30044C19.0905 5.26241 19.0545 4.11207 18.6 3.10044C18.6 3.10044 17.5 2.80044 15.1 4.40044C13.0672 3.87103 10.9328 3.87103 8.9 4.40044C6.5 2.80044 5.4 3.10044 5.4 3.10044C4.94548 4.11207 4.90953 5.26241 5.3 6.30044C4.46745 7.15775 4.00122 8.3054 4 9.50044C4 14.1004 6.7 15.2004 9.5 15.5004C8.9 16.1004 8.9 16.7004 9 17.5004V21.0004" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_10078_14825"> <rect width="24" height="24" fill="currentColor"/> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://blog.cyon.ch/feed"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 5C13.1797 5 19 10.8203 19 18M6 11C9.86599 11 13 14.134 13 18M7 18C7 18.5523 6.55228 19 6 19C5.44772 19 5 18.5523 5 18C5 17.4477 5.44772 17 6 17C6.55228 17 7 17.4477 7 18Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </div> </div> <div id="mc_embed_signup" class="col-span-2 space-y-2 xl:col-span-6"> <h4 class="font-semibold text-white"> Newsletter </h4> <form id="mc-embedded-subscribe-form" action="https://cyon.us1.list-manage.com/subscribe/post?u=30acb02f491fa64d45277b7c7&id=c18077c1f8" method="post" hx-disable class="w-full" name="mc-embedded-subscribe-form" novalidate> <div id="mc_embed_signup_scroll" class="space-y-4 md:flex md:justify-between md:space-x-4 md:py-0 md:space-y-0"> <div class="relative w-full md:w-3/3"> <label for="mce-EMAIL" class="sr-only"> E-Mail-Adresse </label> <div class="relative w-full pl-4 pr-12 rounded text-cyon-sm bg-cyon-grey-ultralight focus-within:ring-2 focus-within:ring-cyon-orange"> <input type="email" id="mce-EMAIL" name="EMAIL" placeholder="E-Mail-Adresse" class="w-full px-0 py-2 leading-6 border-0 focus:ring-0 bg-cyon-grey-ultralight focus:outline-none text-cyon-grey-contrast" /> <span class="absolute inset-y-0 flex items-center right-4"> <div class="p-1 focus:outline-none focus:shadow-outline"> <svg viewBox="0 0 20 16" class="w-5 h-auto text-cyon-grey-dark" fill="none"> <path d="M1 4l7.89 5.26a2 2 0 002.22 0L19 4M3 15h14a2 2 0 002-2V3a2 2 0 00-2-2H3a2 2 0 00-2 2v10a2 2 0 002 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </span> </div> </div> <div id="mce-responses" class="hidden"> <div id="mce-error-response" style="display:none"></div> <div id="mce-success-response" style="display:none"></div> </div>  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_30acb02f491fa64d45277b7c7_c18077c1f8" tabindex="-1" value=""></div> <button id="mc-embedded-subscribe" type="submit" value="Subscribe" name="subscribe" class="w-full px-6 py-2 font-bold leading-6 text-white rounded cursor-pointer md:w-auto text-cyon-sm bg-cyon-orange"> Anmelden </button> </div> </form> </div> </div> </div> </div> </div> <div class="w-full mx-auto max-w-8xl bg-cyon-grey-dark lg:rounded-t"> <div class="w-full px-6 py-8 mx-auto sm:px-16 md:px-20 lg:px-24 xl:px-32 2xl:px-0 lg:py-6 2xl:max-w-content"> <div class="space-y-6 lg:hidden"> <div class="space-y-6 md:justify-between md:space-y-0 md:flex"> <div class="flex items-center justify-between space-x-6"> <div x-data="cyon_status"> <a href="https://status.cyon.info" target="_blank" class="flex items-center space-x-2 text-cyon-sm text-cyon-grey"> <span>Status</span> <div class="w-2 h-2 rounded-full" :class="{ 'bg-cyon-leaf': statusLevel === 1 || statusLevel === 0, 'bg-cyon-orange': statusLevel === 2 || statusLevel === 3, 'bg-cyon-strawberry': statusLevel === 4, }"> <span class="sr-only"></span> </div> </a> </div> <div> <svg class="h-7 w-7" fill="none" viewBox="0 0 30 30"> <g clip-path="url(#cyon_svg_ladybug)"> <path class="text-gray-400" fill="currentColor" d="M20.586 7.78a.438.438 0 01-.125-.305V3.85a.437.437 0 11.875 0V7.5a.438.438 0 01-.438.437.443.443 0 01-.312-.156zM22.842 10.038a.437.437 0 01.306-.75h3.625a.437.437 0 110 .875h-3.65a.437.437 0 01-.28-.125zM24.867 18.975v9.7a1.332 1.332 0 01-1.331 1.331h-.256a7.975 7.975 0 01-7.982-8v-5.25a1.332 1.332 0 011.332-1.331h4.687a3.543 3.543 0 013.55 3.55zM14.058 16.756v-.206c0-.069-.138 0-.206 0h-5.25a9.415 9.415 0 01-2.875-.456 10.7 10.7 0 008.787 8.806 9.412 9.412 0 01-.456-2.875v-5.269z" /> <path fill="#999" d="M22.538 8.089a10.175 10.175 0 00-8.6-3c.406.22.778.498 1.106.825a4.77 4.77 0 011.406 3.393v4.894c0 .069.137 0 .206 0h4.688a4.767 4.767 0 013.393 1.406c.327.328.605.7.826 1.107a10.175 10.175 0 00-3.025-8.625z" /> <path fill="#999" d="M13.868 15.32H8.599A7.976 7.976 0 01.624 7.333v-.256a1.331 1.331 0 011.331-1.332h9.7A3.544 3.544 0 0115.2 9.308v4.687a1.332 1.332 0 01-1.331 1.325z" /> <path class="text-cyon-grey-dark" fill="currentColor" d="M5.388 9.836a1.244 1.244 0 100-2.487 1.244 1.244 0 000 2.487zM8.36 13.388a1.244 1.244 0 100-2.488 1.244 1.244 0 000 2.488zM11.338 9.836a1.244 1.244 0 100-2.487 1.244 1.244 0 000 2.487zM22.033 20.53a1.244 1.244 0 100-2.487 1.244 1.244 0 000 2.488zM18.478 23.507a1.244 1.244 0 100-2.488 1.244 1.244 0 000 2.488zM22.033 26.482a1.244 1.244 0 100-2.488 1.244 1.244 0 000 2.488z" /> </g> <defs> <clipPath id="cyon_svg_ladybug"> <path fill="#fff" d="M0 0h30v30H0z" /> </clipPath> </defs> </svg> </div> </div>  </div> <div class="flex justify-center lg:hidden"> <address class="not-italic text-cyon-xs text-cyon-grey"> cyon GmbH, Brunng盲sslein 12, CH — 4052 Basel </address> </div> </div> <div class="hidden lg:block"> <div class="flex items-center justify-between"> <div> <address class="not-italic text-cyon-xs text-cyon-grey"> cyon GmbH, Brunng盲sslein 12, CH — 4052 Basel </address> </div> <div> <svg class="h-7 w-7" fill="none" viewBox="0 0 30 30"> <g clip-path="url(#cyon_svg_ladybug)"> <path class="text-gray-400" fill="currentColor" d="M20.586 7.78a.438.438 0 01-.125-.305V3.85a.437.437 0 11.875 0V7.5a.438.438 0 01-.438.437.443.443 0 01-.312-.156zM22.842 10.038a.437.437 0 01.306-.75h3.625a.437.437 0 110 .875h-3.65a.437.437 0 01-.28-.125zM24.867 18.975v9.7a1.332 1.332 0 01-1.331 1.331h-.256a7.975 7.975 0 01-7.982-8v-5.25a1.332 1.332 0 011.332-1.331h4.687a3.543 3.543 0 013.55 3.55zM14.058 16.756v-.206c0-.069-.138 0-.206 0h-5.25a9.415 9.415 0 01-2.875-.456 10.7 10.7 0 008.787 8.806 9.412 9.412 0 01-.456-2.875v-5.269z" /> <path fill="#999" d="M22.538 8.089a10.175 10.175 0 00-8.6-3c.406.22.778.498 1.106.825a4.77 4.77 0 011.406 3.393v4.894c0 .069.137 0 .206 0h4.688a4.767 4.767 0 013.393 1.406c.327.328.605.7.826 1.107a10.175 10.175 0 00-3.025-8.625z" /> <path fill="#999" d="M13.868 15.32H8.599A7.976 7.976 0 01.624 7.333v-.256a1.331 1.331 0 011.331-1.332h9.7A3.544 3.544 0 0115.2 9.308v4.687a1.332 1.332 0 01-1.331 1.325z" /> <path class="text-cyon-grey-dark" fill="currentColor" d="M5.388 9.836a1.244 1.244 0 100-2.487 1.244 1.244 0 000 2.487zM8.36 13.388a1.244 1.244 0 100-2.488 1.244 1.244 0 000 2.488zM11.338 9.836a1.244 1.244 0 100-2.487 1.244 1.244 0 000 2.487zM22.033 20.53a1.244 1.244 0 100-2.487 1.244 1.244 0 000 2.488zM18.478 23.507a1.244 1.244 0 100-2.488 1.244 1.244 0 000 2.488zM22.033 26.482a1.244 1.244 0 100-2.488 1.244 1.244 0 000 2.488z" /> </g> <defs> <clipPath id="cyon_svg_ladybug"> <path fill="#fff" d="M0 0h30v30H0z" /> </clipPath> </defs> </svg> </div> <div class="flex items-center space-x-6"> <div x-data="cyon_status"> <a href="https://status.cyon.info" target="_blank" class="flex items-center space-x-2 text-cyon-sm text-cyon-grey"> <span>Status</span> <div class="w-2 h-2 rounded-full" :class="{ 'bg-cyon-leaf': statusLevel === 1 || statusLevel === 0, 'bg-cyon-orange': statusLevel === 2 || statusLevel === 3, 'bg-cyon-strawberry': statusLevel === 4, }"> <span class="sr-only"></span> </div> </a> </div>  </div> </div> </div> </div> </div> </div> </footer> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.cyon.ch","copyrightYear":"2025","description":"Dein Schweizer Webhosting-Provider aus Basel. Sicher & Zuverl盲ssig. SSL-Zertifikate & pers枚nlicher Support inklusive. Starte heute mit Deiner Domain.","name":"cyon | Domains, Webhosting, Agentur-Server, E-Mail & herzlicher Support","headline":"Home"}</script></body> </html>

CINXE.COM

cyon | Domains, Webhosting, Agentur-Server, E-Mail & herzlicher Support