<!DOCTYPE HTML><html lang="de" dir="ltr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="google-site-verification" content="0N1oW43-tS6aRD7Xxmlz9K64sn3OlX7tU45pwC0H5IA" /><meta name="facebook-domain-verification" content="" /><meta name="csrf-token" content="8e5eca1297e5f5c904c1ea02d2d43ee83aa4ed52ccdd0bb80d90482a0fad9292"><meta http-equiv="X-UA-Compatible" content="IE=edge"><link rel="apple-touch-icon" sizes="57x57" href="/assets/images/meta/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/assets/images/meta/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/assets/images/meta/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/assets/images/meta/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/assets/images/meta/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/assets/images/meta/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/assets/images/meta/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/assets/images/meta/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/assets/images/meta/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/assets/images/meta/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/assets/images/meta/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/assets/images/meta/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/assets/images/meta/favicon-16x16.png"><link rel="manifest" href="/assets/images/meta/manifest.json"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/assets/images/meta/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><script> var gaProperty ='GTM-5S22MHB'; var disableStr ='ga-disable-' + gaProperty; if (document.cookie.indexOf(disableStr + '=true') > -1) { window[disableStr] = true; } function gaOptout() { document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStr] = true;alert('Das Tracking durch Google Analytics wurde in Ihrem Browser für diese Website deaktiviert.'); } </script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5S22MHB'); </script><link href="/assets/css/bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" href="/assets/css/flexslider.css"><link rel="stylesheet" href="/assets/css/jquery.fancybox.min.css"><link rel="stylesheet" href="/assets/css/icomoon.css"><link rel="stylesheet" href="/assets/css/bootstrap-icons.css" rel="stylesheet"><link rel="stylesheet" href="/assets/css/custom.css"><link rel="stylesheet" href="/public/plugins/plugin_navigation.css?t=1671113165?t=0" /><link rel="stylesheet" href="/public/plugins/plugin_markdown.css?t=1662544138?t=0" /><link rel="stylesheet" href="/public/plugins/plugin_cookieconsent.css?t=1739540066?t=0" /><link rel="stylesheet" href="/public/plugins/plugin_spacing.css?t=1667812694?t=0" /><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet"><link rel="gbfs" type="application/json" href=https://api.publibike.ch/v1/gbfs/v2/gbfs.json /></head><body><header><style> :root { --banner2-height: 72px; --banner2-height-tablet: 76px; --banner2-height-desktop: 80px; --brand-color: #522142; --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }  .promo-banner-2 { background: linear-gradient(135deg, #522142 0%, #6b2d58 100%); color: white; font-family: "Frutiger Next", "Frutiger", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; position: fixed; top: 0; left: 0; width: 100%; height: var(--banner2-height); z-index: 10002; display: flex; align-items: center; justify-content: center; transform: translateY(0); transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); }  .promo-banner-2.hidden { transform: translateY(-100%); pointer-events: none; }  /* Mobile: ganzer Banner klickbar */ .banner2-mobile-link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; color: white; padding: 0 70px 0 20px; }  .banner2-content { display: none; justify-content: space-between; align-items: center; width: 100%; max-width: 1400px; position: relative; }  .banner2-logo { height: 34px; width: auto; flex-shrink: 0; text-decoration: none; }  .banner2-logo img { height: 100%; width: auto; display: block; }  .banner2-text-container { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; }  .banner2-text { font-size: clamp(12px, 3.5vw, 14px); font-weight: 600; line-height: 1.4; text-align: center; color: white; }  .banner2-actions { display: flex; align-items: center; gap: 12px; }  .banner2-cta { background: white; color: var(--brand-color); padding: 12px 24px; border-radius: 100px; font-weight: 600; font-size: 15px; text-decoration: none; border: 2px solid white; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; }  .banner2-cta:hover { background: transparent; color: white; }  .banner2-close { background: rgba(255, 255, 255, 0.1); color: white; border: none; width: 44px; height: 44px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background 0.3s ease; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); flex-shrink: 0; }  .banner2-close:hover { background: rgba(255, 255, 255, 0.25); }  .banner2-close:active { background: rgba(255, 255, 255, 0.35); }  /* Mobile close button */ .banner2-close-mobile { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.1); color: white; border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background 0.3s ease; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 2; }  .banner2-close-mobile:hover { background: rgba(255, 255, 255, 0.25); }  .banner2-close-mobile:active { background: rgba(255, 255, 255, 0.35); }  /* Tablet */ @media (min-width: 768px) { .promo-banner-2 { height: var(--banner2-height-tablet); }  .banner2-mobile-link { display: none; }  .banner2-close-mobile { display: none; }  .banner2-content { display: flex; padding: 0 20px; }  .banner2-text { font-size: 15px; }  .banner2-close { width: 44px; height: 44px; } }  /* Desktop */ @media (min-width: 1024px) { .promo-banner-2 { height: var(--banner2-height-desktop); }  .banner2-logo { height: 36px; }  .banner2-content { padding: 0; }  .banner2-text { font-size: 16px; }  .banner2-close { width: 44px; height: 44px; } }  /* Navigation bleibt immer an top: 0, Banner ist darüber via z-index */ .pb-header { top: 0 !important; } </style><div class="promo-banner-2" id="promoBanner2"><a href="#" class="banner2-mobile-link" id="banner2MobileLink"><span class="banner2-text">Jetzt Kundenzufriedenheitsumfrage ausfüllen!</span></a><button class="banner2-close-mobile" onclick="closeBanner2(event)" aria-label="Banner schliessen"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><div class="banner2-content"><a href="/" class="banner2-logo" id="banner2LogoLink"><img src="/docs/f36edb09c22c20c574edd2c2e5be45d4_PubliBike-Velospot_Logos_rgb_v1-02.svg" alt="PubliBike Velospot"></a><div class="banner2-text-container"><span class="banner2-text">Jetzt Kundenzufriedenheitsumfrage ausfüllen!</span></div><div class="banner2-actions"><a href="#" class="banner2-cta" id="banner2CtaLink">Zur Umfrage</a><button class="banner2-close" onclick="closeBanner2(event)" aria-label="Banner schliessen"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></div></div><script> let lastScrollY2 = 0; let ticking2 = false; let banner2ManuallyClosed = false; const scrollThreshold2 = 10;  function setBanner2Links() { const logoLink = document.getElementById('banner2LogoLink'); const ctaLink = document.getElementById('banner2CtaLink'); const mobileLink = document.getElementById('banner2MobileLink'); const path = window.location.pathname;  let homePath ='/de/home'; let ctaPath ='https://forms.office.com/e/5MFe8MzK6X?origin=lprLink';  if (path.startsWith('/fr')) { homePath ='/fr/home'; } else if (path.startsWith('/it')) { homePath ='/it/home'; } else if (path.startsWith('/en')) { homePath ='/en/home'; }  logoLink.href = homePath; ctaLink.href = ctaPath; mobileLink.href = ctaPath; }  function closeBanner2(event) { event.preventDefault(); event.stopPropagation();  const banner = document.getElementById('promoBanner2'); banner2ManuallyClosed = true; banner.classList.add('hidden'); }  function updateBanner2() { if (banner2ManuallyClosed) { ticking2 = false; return; }  const banner = document.getElementById('promoBanner2'); const currentScrollY = window.scrollY; const scrollDelta = currentScrollY - lastScrollY2; const isAtBottom = (window.innerHeight + window.scrollY) >= (document.body.offsetHeight - 10);  if (Math.abs(scrollDelta) > scrollThreshold2) { if (scrollDelta > 0 && currentScrollY > 80 && !isAtBottom) { banner.classList.add('hidden'); } else if (scrollDelta < 0) { banner.classList.remove('hidden'); } lastScrollY2 = currentScrollY; }  ticking2 = false; }  function handleScroll2() { if (!ticking2) { requestAnimationFrame(updateBanner2); ticking2 = true; } }  setBanner2Links(); window.addEventListener('scroll', handleScroll2, { passive: true }); </script><style> :root { --brand-color: #522142; --brand-hover: #6b2d58; --brand-light: #f4eff2; --text-main: #1a1a1a; --text-muted: #666; --font-frutiger: "Frutiger Next", "Frutiger", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --transition-smooth: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); --page-max-width: 1400px; --nav-font-size: 15px; } html { scrollbar-gutter: stable; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--font-frutiger); } body { background-color: #ffffff; color: var(--text-main); } body.modal-open { overflow: hidden; } .pb-header { position: fixed; top: 0; left: 0; width: 100%; height: 72px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 10001; border-bottom: 1px solid rgba(0,0,0,0.05); display: flex; justify-content: center; } .header-container { width: 100%; max-width: var(--page-max-width); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; } .pb-logo img { height: 32px; width: auto; display: block; cursor: pointer; } .desktop-nav { display: none; align-items: center; gap: 28px; } .desktop-nav ul { display: flex; list-style: none; gap: 28px; margin: 0; padding: 0; } .desktop-nav ul li { margin: 0; } .desktop-nav ul li a { text-decoration: none; color: var(--text-main); font-weight: 600; font-size: var(--nav-font-size); position: relative; padding: 8px 0; transition: color 0.3s; display: block; pointer-events: auto; } .desktop-nav ul li a:hover { color: var(--brand-color); } .desktop-nav ul li a::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; background: var(--brand-color); width: 0; transition: width 0.4s cubic-bezier(0.23, 1, 0.32, 1); pointer-events: none; } .desktop-nav ul li a:hover::after { width: 100%; } /* Line exits to right when mouse leaves */ .desktop-nav ul li a:not(:hover)::after { left: auto; right: 0; } .desktop-nav ul li a.active { color: var(--brand-color); } .nav-actions { display: flex; align-items: center; gap: 16px; } /* Language Selector - Compact Dropdown */ .language-selector { display: none; position: relative; } .language-current { display: flex; align-items: center; gap: 4px; background: none; border: none; cursor: pointer; color: var(--text-main); font-weight: 600; font-size: var(--nav-font-size); padding: 8px 4px; transition: color 0.3s; } .language-current:hover { color: var(--brand-color); } .language-current svg { width: 14px; height: 14px; transition: transform 0.3s; } .language-selector.open .language-current svg { transform: rotate(180deg); } .language-dropdown { position: absolute; top: calc(100% + 8px); right: 0; background: white; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); padding: 0; min-width: 72px; opacity: 0; visibility: hidden; transform: translateY(4px); transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1); z-index: 100; overflow: hidden; } .language-selector.open .language-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .language-dropdown a { display: block; padding: 12px 16px; color: var(--text-muted); text-decoration: none; font-weight: 600; font-size: var(--nav-font-size); transition: all 0.2s; text-transform: uppercase; text-align: center; } .language-dropdown a:hover { background: var(--brand-light); color: var(--brand-color); } .language-dropdown a.active { color: var(--brand-color); } /* Hide active language via JS class */ .language-dropdown a.lang-hidden, .language-dropdown li.lang-hidden { display: none !important; } /* Legacy languagenav for mobile */ .languagenav { display: none; } .languagenav ul { display: flex; list-style: none; gap: 8px; margin: 0; padding: 0; } .languagenav ul li { margin: 0; } .languagenav ul li a { background: none; border: none; cursor: pointer; color: #aaa; font-weight: 600; font-size: var(--nav-font-size); text-decoration: none; transition: color 0.3s; display: block; padding: 4px 6px; } .languagenav ul li a:hover { color: var(--text-main); } .languagenav ul li a.active, .languagenav ul li.active a { color: var(--brand-color); } .btn-app-nav { background: var(--brand-color); color: white; padding: 12px 24px; border-radius: 100px; font-weight: 600; font-size: var(--nav-font-size); border: 2px solid var(--brand-color); cursor: pointer; display: none; transition: all 0.3s ease; white-space: nowrap; } .btn-app-nav:hover { background: transparent; color: var(--brand-color); } .menu-btn { width: 30px; height: 20px; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; z-index: 10002; } .menu-btn span { display: block; height: 3px; width: 100%; background: var(--brand-color); border-radius: 10px; transition: 0.3s; } .menu-btn.active span:nth-child(1) { transform: translateY(8.5px) rotate(45deg); } .menu-btn.active span:nth-child(2) { opacity: 0; } .menu-btn.active span:nth-child(3) { transform: translateY(-8.5px) rotate(-45deg); } .nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; z-index: 10000; display: flex; flex-direction: column; padding: 100px 30px 40px 30px; opacity: 0; visibility: hidden; transition: var(--transition-smooth); overflow: visible !important; overscroll-behavior: none; touch-action: none; -webkit-overflow-scrolling: auto; } .nav-overlay.active { opacity: 1; visibility: visible; touch-action: pan-y; } /* Hide Kindly chat button when mobile nav is open */ body.nav-open #kindly-chat, body.nav-open [id*="kindly"], body.nav-open [class*="kindly"], body.nav-open iframe[src*="kindly"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* ===== FIX: Mobile Nav Links - alle Container auf overflow visible ===== */ .nav-links-mobile { display: flex; flex-direction: column; gap: 18px; flex-grow: 1; overflow: visible !important; justify-content: center; align-items: flex-start; } .nav-links-mobile ul { display: flex; flex-direction: column; gap: 18px; list-style: none; margin: 0; padding: 0; width: 100%; align-items: flex-start; overflow: visible !important; } .nav-links-mobile ul li { margin: 0; width: auto; text-align: left; overflow: visible !important; } .nav-links-mobile ul li a { color: var(--brand-color); text-decoration: none; font-size: 28px; font-weight: 800; opacity: 0; transform: translateX(-30px); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); display: inline-block; text-align: left; visibility: visible !important; } .nav-overlay.active .nav-links-mobile ul li a { opacity: 1; transform: translateX(0); } .nav-links-mobile ul li:nth-child(1) a { transition-delay: 0.05s; } .nav-links-mobile ul li:nth-child(2) a { transition-delay: 0.1s; } .nav-links-mobile ul li:nth-child(3) a { transition-delay: 0.15s; } .nav-links-mobile ul li:nth-child(4) a { transition-delay: 0.2s; } .nav-links-mobile ul li:nth-child(5) a { transition-delay: 0.25s; } .nav-links-mobile ul li:nth-child(6) a { transition-delay: 0.3s; } .nav-links-mobile ul li:nth-child(7) a { transition-delay: 0.35s; } .nav-links-mobile ul li:nth-child(8) a { transition-delay: 0.4s; } .nav-footer { margin-top: auto; padding-top: 30px; display: flex; flex-direction: column; align-items: stretch; } /* Separate wrapper for mobile language - forces left alignment */ .language-mobile-wrapper { display: flex; justify-content: flex-start; width: auto; } .btn-app-mobile { background: var(--brand-color); color: white; padding: 16px; border-radius: 50px; font-weight: 700; text-decoration: none; display: block; text-align: center; transition: all 0.3s ease; margin-bottom: 20px; border: 2px solid var(--brand-color); } .btn-app-mobile:hover { background: white; color: var(--brand-color); } .btn-app-mobile:active { background: white; color: var(--brand-color); } .languagenav.mobile { display: inline-block; } .languagenav.mobile ul { display: flex; list-style: none; gap: 0; margin: 0; padding: 0; } .languagenav.mobile ul li { margin: 0; } .languagenav.mobile ul li a { background: none; border: none; color: #ccc; font-weight: 700; font-size: 18px; cursor: pointer; transition: color 0.3s; text-decoration: none; display: inline-block; text-align: left; padding: 12px 16px 12px 0; text-transform: uppercase; } .languagenav.mobile ul li:first-child a { padding-left: 0; } .languagenav.mobile ul li a:hover { color: var(--text-main); } .languagenav.mobile ul li a.active, .languagenav.mobile ul li.active a { color: var(--brand-color); } /* Hide active language via JS class */ .languagenav.mobile ul li.lang-hidden, .languagenav.mobile ul li a.lang-hidden { display: none !important; } .modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); z-index: 10005; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; } .modal-backdrop.open { opacity: 1; visibility: visible; } .app-modal { background: white; padding: 40px; border-radius: 24px; text-align: center; max-width: 400px; width: 90%; position: relative; transform: scale(0.9); transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .modal-backdrop.open .app-modal { transform: scale(1); } .modal-close { position: absolute; top: 20px; right: 20px; background: var(--brand-light); border: none; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--brand-color); transition: var(--transition-smooth); font-size: 24px; line-height: 1; } .modal-close:hover { background: var(--brand-color); color: white; } .qr-placeholder { width: 180px; height: 180px; background: white; margin: 25px auto; border-radius: 16px; border: 1px solid #eee; padding: 10px; } .qr-placeholder img { width: 100%; height: auto; } .app-badges { display: flex; gap: 10px; justify-content: center; margin-top: 20px; } .app-badges a { display: block; height: 40px; } .app-badges img { height: 100%; width: auto; } @media (min-width: 768px) { .pb-logo img { height: 34px; } .pb-header { height: 76px; } } @media (min-width: 1024px) { .desktop-nav, .language-selector, .btn-app-nav { display: flex; } .menu-btn { display: none; } .pb-logo img { height: 36px; } .pb-header { height: 80px; } .header-container { padding: 0; } } @media (min-width: 1400px) { .header-container { padding: 0; } } </style></head><body><header class="pb-header" id="navbar"><div class="header-container"><div class="pb-logo"><a href="/de/home" accesskey="0"><img src="/docs/f74b29668d6940d287e72fec86877afe_PB-VS-Logo_Menuebar-v2.svg" alt="PubliBike Logo"></a></div><nav class="desktop-nav"><ul class="level0 clearfix" accesskey="1"><li><a href="/de/how-it-works">So geht&#39;s</a></li><li><a href="/de/abos">Abos</a></li><li><a href="/de/karte">Karte</a></li><li><a href="/de/netzharmonisierung">Netzharmonisierung</a></li><li><a href="/de/news">News</a></li><li><a href="/de/b2b-angebote">B2B</a></li><li><a href="/de/support">Support</a></li></ul></nav><div class="nav-actions"><div class="language-selector" id="languageSelector"><button class="language-current" aria-label="Sprache wählen" id="langToggle"><span id="currentLang">DE</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></button><div class="language-dropdown" id="langDropdown"></div></div><button class="btn-app-nav" onclick="toggleModal(true)" data-lang-de="App herunterladen" data-lang-fr="Télécharger l'app" data-lang-it="Scarica l'app" data-lang-en="Download app">App herunterladen</button><div class="menu-btn" id="menuBtn"><span></span><span></span><span></span></div></div></div></header><div class="nav-overlay" id="navOverlay"><nav class="nav-links-mobile"><ul class="level0 clearfix"><li><a href="/de/how-it-works">So geht&#39;s</a></li><li><a href="/de/abos">Abos</a></li><li><a href="/de/karte">Karte</a></li><li><a href="/de/netzharmonisierung">Netzharmonisierung</a></li><li><a href="/de/news">News</a></li><li><a href="/de/b2b-angebote">B2B</a></li><li><a href="/de/support">Support</a></li></ul></nav><div class="nav-footer"><a href="https://app.publibike.ch/" class="btn-app-mobile" target="_blank" rel="noopener" data-lang-de="App herunterladen" data-lang-fr="Télécharger l'app" data-lang-it="Scarica l'app" data-lang-en="Download app">App herunterladen</a><div class="language-mobile-wrapper"><nav class="languagenav mobile"><ul class="level0 clearfix"></ul></nav></div></div></div><div class="modal-backdrop" id="appModal" onclick="if(event.target===this) toggleModal(false)"><div class="app-modal"><button class="modal-close" onclick="toggleModal(false)">&times;</button><h2 style="color: var(--brand-color); margin-bottom: 10px; font-weight: 800;" data-lang-de="App herunterladen" data-lang-fr="Télécharger l'app" data-lang-it="Scarica l'app" data-lang-en="Download the app">App herunterladen</h2><p style="color: var(--text-muted); margin-bottom: 20px;" data-lang-de="Scanne den Code mit deinem Smartphone." data-lang-fr="Scanne le code avec ton smartphone." data-lang-it="Scansiona il codice con il tuo smartphone." data-lang-en="Scan the code with your smartphone.">Scanne den Code mit deinem Smartphone.</p><div class="qr-placeholder"><img src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=https://app.publibike.ch/&color=522142" alt="QR Code"></div><div class="app-badges"><a href="https://apps.apple.com/app/id6739938966" target="_blank" rel="noopener"><img src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg" alt="App Store"></a><a href="https://play.google.com/store/apps/details?id=ch.publibike2.app" target="_blank" rel="noopener"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Google Play"></a></div></div></div><script> const body = document.body; const modal = document.getElementById('appModal'); const menuBtn = document.getElementById('menuBtn'); const navOverlay = document.getElementById('navOverlay'); function toggleModal(show) { if (show) { body.classList.add('modal-open'); modal.classList.add('open'); body.style.overflow ='hidden'; } else { modal.classList.remove('open'); body.style.overflow =''; setTimeout(() => body.classList.remove('modal-open'), 300); } } function openMenu() { menuBtn.classList.add('active'); navOverlay.classList.add('active'); body.classList.add('nav-open'); body.style.overflow ='hidden'; } function closeMenu() { menuBtn.classList.remove('active'); navOverlay.classList.remove('active'); body.classList.remove('nav-open'); body.style.overflow =''; } menuBtn.addEventListener('click', () => { if (navOverlay.classList.contains('active')) { closeMenu(); } else { openMenu(); } }); document.querySelectorAll('.nav-links-mobile a').forEach(link => { link.addEventListener('click', () => { closeMenu(); }); }); const languageSelector = document.getElementById('languageSelector'); const langToggle = document.getElementById('langToggle'); const langDropdown = document.getElementById('langDropdown'); function initLanguageSelector() { const activeLink = langDropdown.querySelector('a.active, li.active a'); if (activeLink) { const langText = activeLink.textContent.trim().toUpperCase(); document.getElementById('currentLang').textContent = langText; } } langToggle.addEventListener('click', (e) => { e.stopPropagation(); languageSelector.classList.toggle('open'); }); document.addEventListener('click', (e) => { if (!languageSelector.contains(e.target)) { languageSelector.classList.remove('open'); } }); initLanguageSelector(); function detectLanguage() { let lang ='de'; const htmlLang = document.documentElement.lang?.toLowerCase(); const urlLang = window.location.pathname.split('/')[1]?.toLowerCase(); const activeLangLink = document.querySelector('.languagenav.mobile a.active, .languagenav.mobile li.active a, .language-dropdown a.active, .language-dropdown li.active a'); if (activeLangLink) { const linkText = activeLangLink.textContent.trim().toLowerCase(); if (['de', 'fr', 'it', 'en'].includes(linkText)) { lang = linkText; } } else if (['de', 'fr', 'it', 'en'].includes(urlLang)) { lang = urlLang; } else if (['de', 'fr', 'it', 'en'].includes(htmlLang)) { lang = htmlLang; } return lang; } function applyTranslations(lang) { document.getElementById('currentLang').textContent = lang.toUpperCase(); const elements = document.querySelectorAll('[data-lang-' + lang + ']'); elements.forEach(el => { el.textContent = el.getAttribute('data-lang-' + lang); }); hideCurrentLanguage(lang); } function hideCurrentLanguage(lang) { const langUpper = lang.toUpperCase(); const langLower = lang.toLowerCase(); const desktopDropdown = document.getElementById('langDropdown'); if (desktopDropdown) { desktopDropdown.querySelectorAll('a, li').forEach(el => { const text = el.textContent.trim().toUpperCase(); if (text === langUpper) { el.style.display ='none'; } else { el.style.display =''; } }); } const mobileNav = document.querySelector('.languagenav.mobile ul'); if (mobileNav) { mobileNav.querySelectorAll('li').forEach(li => { const text = li.textContent.trim().toUpperCase(); if (text === langUpper) { li.style.display ='none'; } else { li.style.display =''; } }); } } applyTranslations(detectLanguage()); document.querySelectorAll('.languagenav.mobile a').forEach(link => { link.addEventListener('click', (e) => { const newLang = link.textContent.trim().toLowerCase(); if (['de', 'fr', 'it', 'en'].includes(newLang)) { applyTranslations(newLang); } closeMenu(); }); }); document.querySelectorAll('.language-dropdown a').forEach(link => { link.addEventListener('click', () => { languageSelector.classList.remove('open'); const newLang = link.textContent.trim().toLowerCase(); if (['de', 'fr', 'it', 'en'].includes(newLang)) { applyTranslations(newLang); } }); }); </script><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S22MHB"  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></header><main id="content-skip"><div class="width_basic mx-auto"><h1>404 - Page not found</h1><p>Diese Seite wurde leider nicht gefunden.</p><p><a href="/">Zur Homepage</a></p></div></main><footer id="footer-skip"><div class="width_basic mx-auto"><div class="row plugin_cookieconsent" data-item-id="7980"><div class="col-12"></div></div><script type="application/json" class="plugin_cookieconsent_clsjson" data-item-id="7980"> { "name": "CookieConsent", "plugin_id": "7980", "default_cookie_lifetime": "365" } </script><div class="row row-cols-1 row-cols-sm-1 row-cols-md-3 g-4 mb-5"><div class="plugin_colx col-12-medium" data-item-id="22904"><style> .btn-custom_1_21141 { background-color: #ffffff; border-color: #ffffff; color: #522142; height: 50px; padding: 10px 20px; border-radius: 25px; margin-right: 10px; } .btn-custom_1_21141:hover, .btn-custom_1_21141:focus, .btn-custom_1_21141:active { background-color:#ffffff; border-color: #ffffff; color: #522142; box-shadow: none; } .btn-custom_2_21141 { background-color: #40393f; border-color: #40393f; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; } .btn-custom_2_21141:hover, .btn-custom_2_21141:focus, .btn-custom_2_21141:active { background-color: #40393f; border-color: #40393f; color: #ffffff; box-shadow: none; } .card-bg-custom_21141 { background-color: #40393f !important; color: #f2f2f2 !important; border-radius: 20px !important; overflow: hidden; } .card-bg-custom_21141 img { border-radius: 20px 20px 0 0; } .card-bg-custom_21141 .card-footer { padding-bottom: 10px; } </style><div class="col"><div class="card h-100 border-0 bg-light card-bg-custom_21141 plugin_cardviewcustom" data-item-id="21141"><div class="card-body"><h2 style="color: white; font-weight: bold; font-family: 'Frutiger', sans-serif; margin-bottom: 20px;"> App herunterladen </h2></div><div class="card-footer border-0"><a href="/de/app" class="btn btn-custom_1_21141 mr-2"><b>App herunteralden</b></a>&nbsp;</div></div></div></div><div class="plugin_colx col-12-medium" data-item-id="22901"><style> .btn-custom_1_21322 { background-color: #522142; border-color: #522142; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; margin-right: 10px; } .btn-custom_1_21322:hover, .btn-custom_1_21322:focus, .btn-custom_1_21322:active { background-color:#522142; border-color: #522142; color: #ffffff; box-shadow: none; } .btn-custom_2_21322 { background-color: #40393f; border-color: #40393f; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; } .btn-custom_2_21322:hover, .btn-custom_2_21322:focus, .btn-custom_2_21322:active { background-color: #40393f; border-color: #40393f; color: #ffffff; box-shadow: none; } .card-bg-custom_21322 { background-color: #40393f !important; color: #f2f2f2 !important; border-radius: 20px !important; overflow: hidden; } .card-bg-custom_21322 img { border-radius: 20px 20px 0 0; } .card-bg-custom_21322 .card-footer { padding-bottom: 10px; } </style><div class="col"><div class="card h-100 border-0 bg-light card-bg-custom_21322 plugin_cardviewcustom" data-item-id="21322"><div class="card-body"><h2 style="color: white; font-weight: bold; font-family: 'Frutiger', sans-serif; margin-bottom: 20px;"> Nützliche Links </h2><ul style="padding-left: 0; list-style-type: none; font-family: 'Frutiger', sans-serif;"><li style="margin-bottom: 5px;"><a href="/de/nachhaltigkeit" style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Nachhaltigkeit </a></li><hr style="border: 0.5px solid white; margin: 10px 0;"><li style="margin-bottom: 5px;"><a href="/de/b2b-kontakt" style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> B2B Kontakt </a></li><hr style="border: 0.5px solid white; margin: 10px 0;"><li style="margin-bottom: 5px;"><a href="/de/ueber-uns" style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Über uns </a></li><hr style="border: 0.5px solid white; margin: 10px 0;"><li style="margin-bottom: 5px;"><a href="/de/sitemap" style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Sitemap </a></li><hr style="border: 0.5px solid white; margin: 10px 0;"><li style="margin-bottom: 5px;"><a href="/de/medien" style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Medien </a></li><hr style="border: 0.5px solid white; margin: 10px 0;"><li style="margin-bottom: 5px;"><a href="/de/jobs" style="color: white; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> Jobs </a></li></ul></div></div></div></div><div class="plugin_colx col-12-medium" data-item-id="22902"><style> .btn-custom_1_21323 { background-color: #ad1380; border-color: #ad1380; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; margin-right: 10px; } .btn-custom_1_21323:hover, .btn-custom_1_21323:focus, .btn-custom_1_21323:active { background-color:#ad1380; border-color: #ad1380; color: #ffffff; box-shadow: none; } .btn-custom_2_21323 { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; height: 50px; padding: 10px 20px; border-radius: 25px; } .btn-custom_2_21323:hover, .btn-custom_2_21323:focus, .btn-custom_2_21323:active { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; box-shadow: none; } .card-bg-custom_21323 { background-color: #40393f !important; color: #2f2f2f2 !important; border-radius: 20px !important; overflow: hidden; } .card-bg-custom_21323 img { border-radius: 20px 20px 0 0; } .card-bg-custom_21323 .card-footer { padding-bottom: 10px; } </style><div class="col"><div class="card h-100 border-0 bg-light card-bg-custom_21323 plugin_cardviewcustom" data-item-id="21323"><div class="card-body"><h2 style="color: white; font-weight: bold; font-family: 'Frutiger', sans-serif; text-align: left; margin-bottom: 15px;"> Social Media </h2><div style="display: flex; justify-content: space-around; align-items: center; width: 100%; max-width: 600px; margin: auto; padding-top: 10px;"><a href="https://www.linkedin.com/company/5045733/" target="_blank"><img src="/docs/769a70eca2a02f35e2071d3e64cedfe6_footer-linkedin.svg" alt="LinkedIn" style="width: 40px; height: 40px;"></a><a href="https://www.instagram.com/publibike/" target="_blank"><img src="/docs/26250a9c3ed4697a11eb5f5044bed02b_footer-instagram.svg" alt="Instagram" style="width: 40px; height: 40px;"></a><a href="https://www.tiktok.com/@publibike" target="_blank"><img src="/docs/1932a2f7a9195dd8ccc19902f2743862_footer-tiktok.svg" alt="TikTok" style="width: 40px; height: 40px;"></a><a href="https://www.facebook.com/Publibike" target="_blank"><img src="/docs/82d22a3295610a504d93f269747870a7_footer-facebook.svg" alt="Facebook" style="width: 40px; height: 40px;"></a><a href="https://www.youtube.com/channel/UCmFkzheOfhneROP457zI0VQ" target="_blank"><img src="/docs/42f2123c1a0b9c665828703b39b2036c_footer-youtube.svg" alt="YouTube" style="width: 40px; height: 40px;"></a><a href="https://twitter.com/PubliBike" target="_blank"><img src="/docs/a898e8acc5fd3aca23bfd5485e7abd77_Twitter_X_weiss.svg" alt="Twitter" style="width: 40px; height: 40px;"></a></div><pre><code></code></pre><pre><code></code></pre></div></div></div></div></div><hr class="space2 bg_grau" data-item-id="11057" /><div class="row row-cols-1 row-cols-sm-1 row-cols-md-3 g-5 mb-5"><style> .btn-custom_1_11042 { background-color: #ad1380; border-color: #ad1380; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; margin-right: 10px; } .btn-custom_1_11042:hover, .btn-custom_1_11042:focus, .btn-custom_1_11042:active { background-color:#ad1380; border-color: #ad1380; color: #ffffff; box-shadow: none; } .btn-custom_2_11042 { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; height: 50px; padding: 10px 20px; border-radius: 25px; } .btn-custom_2_11042:hover, .btn-custom_2_11042:focus, .btn-custom_2_11042:active { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; box-shadow: none; } .card-bg-custom_11042 { background-color: #40393f00 !important; color: #2f2f2f2 !important; border-radius: 20px !important; overflow: hidden; } .card-bg-custom_11042 img { border-radius: 20px 20px 0 0; } .card-bg-custom_11042 .card-footer { padding-bottom: 10px; } </style><div class="col"><div class="card h-100 border-0 bg-light card-bg-custom_11042 plugin_cardviewcustom" data-item-id="11042"><div class="card-body"><p><a href="/de/impressum" style="color: white; text-decoration: none; margin-right: 10px;">Impressum</a><a href="/de/datenschutz" style="color: white; text-decoration: none; margin-right: 10px;">Datenschutz</a><a href="/de/agb" style="color: white; text-decoration: none;">AGB</a></p></div></div></div><style> .btn-custom_1_13599 { background-color: #ad1380; border-color: #ad1380; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; margin-right: 10px; } .btn-custom_1_13599:hover, .btn-custom_1_13599:focus, .btn-custom_1_13599:active { background-color:#ad1380; border-color: #ad1380; color: #ffffff; box-shadow: none; } .btn-custom_2_13599 { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; height: 50px; padding: 10px 20px; border-radius: 25px; } .btn-custom_2_13599:hover, .btn-custom_2_13599:focus, .btn-custom_2_13599:active { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; box-shadow: none; } .card-bg-custom_13599 { background-color: #40393f00 !important; color: #2f2f2f2 !important; border-radius: 20px !important; overflow: hidden; } .card-bg-custom_13599 img { border-radius: 20px 20px 0 0; } .card-bg-custom_13599 .card-footer { padding-bottom: 10px; } </style><div class="col"><div class="card h-100 border-0 bg-light card-bg-custom_13599 plugin_cardviewcustom" data-item-id="13599"><div class="card-body"></div></div></div><style> .btn-custom_1_11045 { background-color: #ad1380; border-color: #ad1380; color: #ffffff; height: 50px; padding: 10px 20px; border-radius: 25px; margin-right: 10px; } .btn-custom_1_11045:hover, .btn-custom_1_11045:focus, .btn-custom_1_11045:active { background-color:#ad1380; border-color: #ad1380; color: #ffffff; box-shadow: none; } .btn-custom_2_11045 { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; height: 50px; padding: 10px 20px; border-radius: 25px; } .btn-custom_2_11045:hover, .btn-custom_2_11045:focus, .btn-custom_2_11045:active { background-color: #f2f2f2; border-color: #f2f2f2; color: #522142; box-shadow: none; } .card-bg-custom_11045 { background-color: #40393f00 !important; color: #2f2f2f2 !important; border-radius: 20px !important; overflow: hidden; } .card-bg-custom_11045 img { border-radius: 20px 20px 0 0; } .card-bg-custom_11045 .card-footer { padding-bottom: 10px; } </style><div class="col"><div class="card h-100 border-0 bg-light card-bg-custom_11045 plugin_cardviewcustom" data-item-id="11045"><div class="card-body"><p style="color: white;">© PubliBike Velospot 2026</p></div></div></div></div><hr class="space10 mt-2 text-color-none" data-item-id="11041" /></div></footer><script src="/assets/js/jquery.min.js"></script><script src="/assets/js/bootstrap.min.js"></script><script src="/assets/js/jquery.fancybox.min.js"></script><script src="/assets/js/jquery.flexslider.js"></script><script src="/assets/js/svg-inject.js"></script><script src="/assets/js/markerclusterer.js"></script><script src="/assets/js/main.js"></script><script src="/assets/js/shop.js"></script><script src="/public/plugins/plugin_navigation.js?t=1669624361?t=0"></script><script src="/public/plugins/plugin_markdown.js?t=1670507199?t=0"></script><script src="/public/plugins/plugin_cookieconsent.js?t=1739345600?t=0"></script><script src="/public/plugins/plugin_cardviewcustom.js?t=1733148359?t=0"></script></body></html> 