1<!doctype html> 2 3 4 <html class="antialiased has-header-fullscreen-video header-text-theme-- site--1 " lang="de"> 5 <head> 6 <meta charset="utf-8"> 7 <meta http-equiv="x-ua-compatible" content="ie=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 10 <link rel="preconnect" href="https://consentcdn.cookiebot.com" crossorigin> 11 12 <meta name="seobility" content="b67f53db0e88316ca36b345b933d7270"> 13 14 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/static/favicons/main/de/apple-icon-57x57.png" /> 15 <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/static/favicons/main/de/apple-icon-60x60.png" /> 16 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/favicons/main/de/apple-icon-72x72.png" /> 17 <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/static/favicons/main/de/apple-icon-76x76.png" /> 18 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/favicons/main/de/apple-icon-114x114.png" /> 19 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/static/favicons/main/de/apple-icon-120x120.png" /> 20 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/favicons/main/de/apple-icon-144x144.png" /> 21 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/static/favicons/main/de/apple-icon-152x152.png" /> 22 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/static/favicons/main/de/apple-icon-180x180.png" /> 23 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicons/main/de/favicon-16x16.png" /> 24 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicons/main/de/favicon-32x32.png" /> 25 <link rel="icon" type="image/png" sizes="96x96" href="/static/favicons/main/de/favicon-96x96.png" /> 26 <meta name="application-name" content=" "/> 27 <meta name="msapplication-TileColor" content="#FFFFFF" /> 28 <meta name="msapplication-TileImage" content="/static/favicons/main/de/ms-icon-144x144.png" /> 29 <meta name="msapplication-square70x70logo" content="/static/favicons/main/de/ms-icon-70x70.png" /> 30 <meta name="msapplication-square150x150logo" content="/static/favicons/main/de/ms-icon-150x150.png" /> 31 <meta name="msapplication-square310x310logo" content="/static/favicons/main/de/ms-icon-310x310.png" /> 32 <meta name="msapplication-square512x512logo" content="/static/favicons/main/de/ms-icon-512x512.png" /> 33 34 35
35<script defer src="/static/scripts/regular.min-v2.js"></script>
35 36
36<script defer src="/static/scripts/solid.min-v2.js"></script>
36 37
37<script defer src="/static/scripts/fontawesome.min.js"></script>
37 38 39 <meta name="google-site-verification" content="K8P_a4bzJKKfqGKIfWqxm14C4YKgH4YKrnfX4hpnC7Y" /> 40 <meta name="google-site-verification" content="i9tpxXyu_SdPAwr7aNf72wZAU1TNzy7X3sjo6syk6S0" /> 41 <meta name="google-site-verification" content="chlfWDfFI3c7PWGNwn_bIxaIOK5wVkSh8AbQlM5H-ws" /> 42 43
43<script data-cookieconsent="ignore"> 44 window.dataLayer = window.dataLayer || []; 45 function gtag() { 46 dataLayer.push(arguments); 47 } 48 gtag("consent", "default", { 49 ad_personalization: "denied", 50 ad_storage: "denied", 51 ad_user_data: "denied", 52 analytics_storage: "denied", 53 functionality_storage: "denied", 54 personalization_storage: "denied", 55 security_storage: "granted", 56 wait_for_update: 500, 57 }); 58 gtag("set", "ads_data_redaction", true); 59 gtag("set", "url_passthrough", false); 60 </script>
60 61 62 63 <!-- Google Tag Manager --> 64
64<script data-cookieconsent="ignore">
vendor: 349 bytes, lines 64-69
64 65 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 66 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 67 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 68 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 69 })(window,document,'script','dataLayer', '
69GTM-KQM7CZZ
vendor: 4 bytes, line 69
69' );
69</script>
69 70 <!-- End Google Tag Manager --> 71 72
72<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="00883bf8-0fe5-48e4-8462-ebf32afa80e0" type="text/javascript" 73 data-culture="de" async></script>
73 74 75 <!-- START JS and CSS bundles --> 76
76<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 76
76
77<script type="module" src="/dist/assets/main-CPiaxwke.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/main.js'}});document.dispatchEvent(e);"></script>
77 78<link href="/dist/assets/main-DLbD4hdx.css" rel="stylesheet"> 79 <!-- END JS and CSS bundles --> 80 81
81<script> 82 var SITE_URL = 'https://www.verkehrsclub.ch/'; 83 var CSRF = 'HE9bAXS3O2mZmnDX78tyAHqIXAiUGJ8UopA3oYEEPQgz935xoXMqeVF3GjEM4UwG_asWmKr7IDEqzwlioG_7bMPXRsPMcFJbQsFJPdAneDY='; 84 </script>
84 85 86 <style> 87 @font-face { 88 font-family:"filson-pro"; 89 src:url("https://use.typekit.net/af/c12453/0000000000000000000157bf/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c12453/0000000000000000000157bf/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c12453/0000000000000000000157bf/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); 90 font-display:auto;font-style:normal;font-weight:700;font-stretch:normal; 91 } 92 93 @font-face { 94 font-family:"filson-pro"; 95 src:url("https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); 96 font-display:auto;font-style:italic;font-weight:700;font-stretch:normal; 97 } 98 99 @font-face { 100 font-family:"filson-pro"; 101 src:url("https://use.typekit.net/af/19c742/0000000000000000000157c9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/19c742/0000000000000000000157c9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/19c742/0000000000000000000157c9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); 102 font-display:auto;font-style:normal;font-weight:400;font-stretch:normal; 103 } 104 105 @font-face { 106 font-family:"filson-pro"; 107 src:url("https://use.typekit.net/af/27caf4/0000000000000000000157ca/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/27caf4/0000000000000000000157ca/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/27caf4/0000000000000000000157ca/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); 108 font-display:auto;font-style:italic;font-weight:400;font-stretch:normal; 109 } 110 </style> 111 112 <title>VCS Verkehrs-Club der Schweiz | VCS Verkehrs-Club der Schweiz</title><meta name="generator" content="SEOmatic"> 113<meta name="description" content="Vernetzt, sicher und klimaschonend Wir gestalten die nachhaltige Mobilität der Zukunft: Diese vernetzt alle Verkehrsträger, ist sicher, für alleâ¦"> 114<meta name="referrer" content="no-referrer-when-downgrade"> 115<meta name="robots" content="all"> 116<meta content="de_CH" property="og:locale"> 117<meta content="it_CH" property="og:locale:alternate"> 118<meta content="fr_CH" property="og:locale:alternate"> 119<meta content="VCS Verkehrs-Club der Schweiz" property="og:site_name"> 120<meta content="website" property="og:type"> 121<meta content="https://www.verkehrsclub.ch/" property="og:url"> 122<meta content="VCS Verkehrs-Club der Schweiz" property="og:title"> 123<meta content="Vernetzt, sicher und klimaschonend Wir gestalten die nachhaltige Mobilität der Zukunft: Diese vernetzt alle Verkehrsträger, ist sicher, für alleâ¦" property="og:description"> 124<meta name="twitter:card" content="summary_large_image"> 125<meta name="twitter:creator" content="@"> 126<meta name="twitter:title" content="VCS Verkehrs-Club der Schweiz"> 127<meta name="twitter:description" content="Vernetzt, sicher und klimaschonend Wir gestalten die nachhaltige Mobilität der Zukunft: Diese vernetzt alle Verkehrsträger, ist sicher, für alleâ¦"> 128<link href="https://www.verkehrsclub.ch/" rel="canonical"> 129<link href="https://www.verkehrsclub.ch/" rel="home"> 130<link type="text/plain" href="https://www.verkehrsclub.ch/humans.txt" rel="author"> 131<link href="https://www.ata.ch/" rel="alternate" hreflang="it-ch"> 132<link href="https://www.ate.ch/" rel="alternate" hreflang="fr-ch"> 133<link href="https://www.verkehrsclub.ch/" rel="alternate" hreflang="x-default"> 134<link href="https://www.verkehrsclub.ch/" rel="alternate" hreflang="de-ch"></head> 135 136 <body class="relative overflow-x-hidden"> 137
138 <a href="#main-content" class="skip-to-content">Weiter zum Inhalt</a> 139 <!-- Site/Header --> 140 141 142 143<!-- Template: _components/structure/siteHeader.twig --> 144<div class="site-header flex fixed inset-0 items-center z-10 145 " 146> 147 <div data-nav-desktop class="site-header__contents--desktop hidden lg:block container-3xl relative w-full h-full"> 148 <div class="site-header__nav-menu__sections absolute flex items-center inset-0 px-6 xxxl:px-0 mx-auto"> 149 <div class="w-full relative flex justify-between"> 150 <section class="site-header__logo h-24 shrink-0 bg-white rounded-sm p-4"> 151 <a href="https://www.verkehrsclub.ch/" class="site-logo inline-block h-full"> 152 <img src="/static/images/logo-de.svg" alt="Logo" class="site-logo__image w-full h-full"> 153 </a> 154 </section> 155 <section class="site-header__nav-section relative w-full h-24 lg:px-8 xl:px-20 lg:mx-5 xl:mx-7 flex justify-between items-center bg-white"> 156 <nav 157 class="site-header__nav grow flex justify-between items-baseline" 158 aria-label="Main menu" 159 data-active-index="-1" 160 > 161 <ul class="nav-items flex items-end lg:gap-14 xl:gap-16 xxl:gap-24"> 162 <li class="nav-item font-bold shrink-0"> 163 <button 164 class="nav-item__button relative" 165 aria-controls="subitems-0-desktop" 166 aria-expanded="false" 167 data-toggle-nav-menu 168 169 >Engagement</button> 170 171 <ul id="subitems-0-desktop" class="nav-columns absolute z-20 flex flex-row flex-nowrap overflow-hidden inset-x-0"> 172 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
172ded-sm"> 173 <div class="nav-column__container h-full pl-5"> 174 <div class="column-title font-bold uppercase">Kampagnen</div> 175 <a href="https://www.verkehrsclub.ch/nein-zum-autobahn-ausbau" class="js-navmenu-link nav-link block w-full mt-5">Nein zum Autobahn-Ausbau</a> 176 <a href="https://www.verkehrsclub.ch/tempo-30" class="js-navmenu-link nav-link block w-full mt-5">Tempo 30</a> 177 <a href="https://www.verkehrsclub.ch/lebensraeume-2045" class="js-navmenu-link nav-link block w-full mt-5">Lebensräume 2045</a> 178 <a href="https://www.verkehrsclub.ch/schulweg" class="js-navmenu-link nav-link block w-full mt-5">Schulweg</a> 179 <a href="https://www.verkehrsclub.ch/zug-statt-flug" class="js-navmenu-link nav-link block w-full mt-5">Zug statt Flug</a> 180 <a href="https://www.verkehrsclub.ch/ueberholabstand" class="js-navmenu-link nav-link block w-full mt-5">1,5 Meter Ãberholabstand</a> 181 </div> 182 </li> 183 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
183ded-sm"> 184 <div class="nav-column__container h-full pl-5"> 185 <div class="column-title font-bold uppercase">Themen</div> 186 <a href="https://www.verkehrsclub.ch/oeffentlicher-verkehr" class="js-navmenu-link nav-link block w-full mt-5">mit dem öffentlichen Verkehr</a> 187 <a href="https://www.verkehrsclub.ch/fuss" class="js-navmenu-link nav-link block w-full mt-5">zu Fuss</a> 188 <a href="https://www.verkehrsclub.ch/velo" class="js-navmenu-link nav-link block w-full mt-5">mit dem Velo</a> 189 <a href="https://www.verkehrsclub.ch/auto" class="js-navmenu-link nav-link block w-full mt-5">mit dem Auto</a> 190 <a href="https://www.verkehrsclub.ch/mobil-im-alter" class="js-navmenu-link nav-link block w-full mt-5">Mobil im Alter</a> 191 <a href="https://www.verkehrsclub.ch/klimaschutz" class="js-navmenu-link nav-link block w-full mt-5">Klimaschutz</a> 192 </div> 193 </li> 194 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
194ded-sm"> 195 <div class="nav-column__container h-full pl-5"> 196 <div class="column-title font-bold uppercase">Unterstützen</div> 197 <a href="https://www.verkehrsclub.ch/spenden" class="js-navmenu-link nav-link block w-full mt-5">Spenden</a> 198 <a href="https://www.verkehrsclub.ch/jungvcs" class="js-navmenu-link nav-link block w-full mt-5">jungVCS</a> 199 <a href="https://www.verkehrsclub.ch/sektionen" class="js-navmenu-link nav-link block w-full mt-5">Sektionen</a> 200 <a href="https://www.verkehrsclub.ch/newsletter" class="js-navmenu-link nav-link block w-full mt-5">Newsletter</a> 201 </div> 202 </li> 203 </ul> 204 </li> 205 <li class="nav-item font-bold shrink-0"> 206 <button 207 class="nav-item__button relative" 208 aria-controls="subitems-1-desktop" 209 aria-expanded="false" 210 data-toggle-nav-menu 211 212 >Angebot</button> 213 214 <ul id="subitems-1-desktop" class="nav-columns absolute z-20 flex flex-row flex-nowrap overflow-hidden inset-x-0"> 215 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
215ded-sm"> 216 <div class="nav-column__container h-full pl-5"> 217 <div class="column-title font-bold uppercase">Mitgliedschaft</div> 218 <a href="https://www.verkehrsclub.ch/angebot/mitgliedschaft" class="js-navmenu-link nav-link block w-full mt-5">Mitglied werden</a> 219 <a href="https://www.verkehrsclub.ch/mitgliederangebote" class="js-navmenu-link nav-link block w-full mt-5">Mitgliederangebote</a> 220 <a href="https://www.verkehrsclub.ch/reisen" class="js-navmenu-link nav-link block w-full mt-5">Reisen</a> 221 <a href="https://www.verkehrsclub.ch/vcs-magazin" class="js-navmenu-link nav-link block w-full mt-5">VCS-Magazin</a> 222 </div> 223 </li> 224 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
224ded-sm"> 225 <div class="nav-column__container h-full pl-5"> 226 <div class="column-title font-bold uppercase">Versicherungen</div> 227 <a href="https://www.verkehrsclub.ch/angebot/vcs-veloversicherung" class="js-navmenu-link nav-link block w-full mt-5">Veloversicherung</a> 228 <a href="https://www.verkehrsclub.ch/vcs-autoversicherung" class="js-navmenu-link nav-link block w-full mt-5">Autoversicherung</a> 229 <a href="https://www.verkehrsclub.ch/angebot/vcs-pannenhilfe" class="js-navmenu-link nav-link block w-full mt-5">Pannenhilfe</a> 230 <a href="https://www.verkehrsclub.ch/angebot/vcs-schutzbrief" class="js-navmenu-link nav-link block w-full mt-5">Schutzbrief Reisen</a> 231 <a href="https://www.verkehrsclub.ch/angebot/vcs-rechtsschutz" class="js-navmenu-link nav-link block w-full mt-5">Rechtsschutz</a> 232 <a href="https://www.verkehrsclub.ch/vcs-versicherungsangebot" class="js-navmenu-link nav-link block w-full mt-5">Weitere Versicherungen</a> 233 </div> 234 </li> 235 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
235ded-sm"> 236 <div class="nav-column__container h-full pl-5"> 237 <div class="column-title font-bold uppercase">Der VCS steht für</div> 238 <a href="https://www.verkehrsclub.ch/oeffentlicher-verkehr" class="js-navmenu-link nav-link block w-full mt-5">vernetzten ÃV</a> 239 <a href="https://www.verkehrsclub.ch/tempo-30" class="js-navmenu-link nav-link block w-full mt-5">bessere Lebensqualität</a> 240 <a href="https://www.verkehrsclub.ch/velo" class="js-navmenu-link nav-link block w-full mt-5">mehr Velowege</a> 241 <a href="https://www.verkehrsclub.ch/schulweg" class="js-navmenu-link nav-link block w-full mt-5">sichere Schulwege</a> 242 </div> 243 </li> 244 </ul> 245 </li> 246 <li class="nav-item font-bold shrink-0"> 247 <button 248 class="nav-item__button relative" 249 aria-controls="subitems-2-desktop" 250 aria-expanded="false" 251 data-toggle-nav-menu 252 253 >Ãber uns</button> 254 255 <ul id="subitems-2-desktop" class="nav-columns absolute z-20 flex flex-row flex-nowrap overflow-hidden inset-x-0"> 256 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
256ded-sm"> 257 <div class="nav-column__container h-full pl-5"> 258 <div class="column-title font-bold uppercase">Der Verband</div> 259 <a href="https://www.verkehrsclub.ch/portraet" class="js-navmenu-link nav-link block w-full mt-5">Porträt</a> 260 <a href="https://www.verkehrsclub.ch/team" class="js-navmenu-link nav-link block w-full mt-5">Team</a> 261 <a href="https://www.verkehrsclub.ch/jobs" class="js-navmenu-link nav-link block w-full mt-5">Jobs</a> 262 <a href="https://www.verkehrsclub.ch/jungvcs" class="js-navmenu-link nav-link block w-full mt-5">jungVCS</a> 263 <a href="https://www.verkehrsclub.ch/sektionen" class="js-navmenu-link nav-link block w-full mt-5">Sektionen</a> 264 <a href="https://www.verkehrsclub.ch/erfolge" class="js-navmenu-link nav-link block w-full mt-5">Erfolge</a> 265 </div> 266 </li> 267 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
267ded-sm"> 268 <div class="nav-column__container h-full pl-5"> 269 <div class="column-title font-bold uppercase">Medien und Standpunkte</div> 270 <a href="https://www.verkehrsclub.ch/medienmitteilungen" class="js-navmenu-link nav-link block w-full mt-5">Medienmitteilungen</a> 271 <a href="https://www.verkehrsclub.ch/positionen" class="js-navmenu-link nav-link block w-full mt-5">Positionen und Vernehmlassungen</a> 272 <a href="https://www.verkehrsclub.ch/ratgeber" class="js-navmenu-link nav-link block w-full mt-5">Ratgeber</a> 273 <a href="https://www.verkehrsclub.ch/partnerschaften" class="js-navmenu-link nav-link block w-full mt-5">Partnerschaften</a> 274 <a href="https://www.verkehrsclub.ch/newsletter" class="js-navmenu-link nav-link block w-full mt-5">Newsletter</a> 275 </div> 276 </li> 277 <li class="nav-column w-1/3 flex flex-col py-5 px-8 gap-4 roun
277ded-sm"> 278 <div class="nav-column__container h-full pl-5"> 279 <div class="column-title font-bold uppercase">Kontakte</div> 280 <a href="https://www.verkehrsclub.ch/kontakt" class="js-navmenu-link nav-link block w-full mt-5">VCS Schweiz</a> 281 <a href="https://www.verkehrsclub.ch/notfallnummern" class="js-navmenu-link nav-link block w-full mt-5">Notfallnummern</a> 282 <a href="https://www.verkehrsclub.ch/adressaenderung" class="js-navmenu-link nav-link block w-full mt-5">Adressänderung</a> 283 <a href="https://www.verkehrsclub.ch/sitzungszimmer" class="js-navmenu-link nav-link block w-full mt-5">Sitzungszimmer reservieren</a> 284 </div> 285 </li> 286 </ul> 287 </li> 288 </ul> 289 <ul class="site-header__nav-meta flex items-center justify-between"> 290 <li class="nav-item lg:ml-4 xl:ml-10 flex items-center item--search"> 291 <button 292 aria-controls="nav-search" 293 aria-expanded="false" 294 data-toggle-search 295 aria-label="Suchen" 296 > 297 <i class="far fa-search"></i> 298 299 <span class="sr-only">Suchen</span> 300 </button> 301 <div class="nav-item__search absolute flex justify-center items-center px-8"> 302 <div class="search-bar w-full"> 303 <form class="flex h-full gap-8" action="https://www.verkehrsclub.ch/search/results"> 304 <input type="search" name="q" class="js-search-input grow" aria-label="Search" placeholder=""> 305 <button type="submit" class="button button--brand button--small button--disabled js-button-search button-icons__item buttom--mobile rounded-sm"> 306 <i class="fa-regular fa-arrow-right text-xl"></i> 307 <span class="sr-only">Suchen</span> 308 </button> 309 </form> 310</div> 311 </div> 312 </li> 313 314 <li class="nav-item lg:ml-4 xl:ml-10 flex items-center item--cart"> 315 <a href="https://www.verkehrsclub.ch/shop/checkout" aria-label="View Cart" class="relative"> 316 <i class="fa-regular fa-cart-shopping"></i> 317 <div class="cart-total js-cart-total hidden absolute -top-2 -right-4 flex justify-center items-center size-7 rounded-full bg-brand-primary text-xs font-bold"> 318 </div> 319 </a> 320 </li> 321 <li class="nav-item lg:ml-4 xl:ml-10 flex gap-2 items-center item--lang"> 322 <button 323 aria-controls="nav-lang" 324 aria-expanded="false" 325 data-toggle-lang 326 > 327 <i class="fa-regular fa-globe"></i> 328 <span class="sr-only">Sprache</span> 329 </button> 330 <!-- Template: _components/structure/languageSwitcher.twig --> 331 332<div class="language-switcher "> 333 <div class="language-switcher__active"> 334 DE 335 </div> 336 <div class="language-switcher__options options-3 absolute z-10"> 337 <ul class="language-switcher__inner"> 338 339 <li class="language-switcher__item z-30 340 active"> 341 <a href="https://www.verkehrsclub.ch/" 342 class="language-switcher__link"> 343 Deutsch 344 </a> 345 </li> 346 347 <li class="language-switcher__item z-30 348 "> 349 <a href="https://www.ate.ch/" 350 class="language-switcher__link"> 351 Français 352 </a> 353 </li> 354 355 <li class="language-switcher__item z-30 356 "> 357 <a href="https://www.ata.ch/" 358 class="language-switcher__link"> 359 Italiano 360 </a> 361 </li> 362 </ul> 363 </div> 364</div> 365 366 </li> 367 </ul> 368 </nav> 369 <div class="nav-menu__background absolute inset-0"> 370 </div> 371 </section> 372 <section class="site-header__ctas flex shrink-0 h-24"> 373 <a href="https://www.verkehrsclub.ch/angebot/mitgliedschaft" class="js-button-signup button button--anchor button--rounded-sm button--w
373hite button--border">Mitglied werden</a> 374 <a href="https://www.verkehrsclub.ch/spenden" class="button button--anchor button--rounded-sm button--brand lg:ml-5 xl:ml-7">Spenden</a> 375 </section> 376 </div> 377 </div> 378 </div> 379 380 <!-- Template: _components/structure/navigationBurger.twig --> 381<div data-nav-mobile class="site-header__contents--mobile block lg:hidden container-default relative w-full h-full"> 382 <div class="nav-menu__overlay fixed z-20 inset-0"> 383 <div div class="nav-menu__background overflow-hidden flex flex-col absolute top-0 bottom-0 right-0"> 384 <section class="site-header__topbar w-full flex justify-end items-center pt-8 px-10"> 385 <button class="button button--icon" aria-expanded="false" data-close-nav-menu title="Close Site Navigation"> 386 <div 387 class="icon icon--close pointer-events-none" 388 ></div> 389 </button> 390 </section> 391 <nav 392 class="site-header__nav grow flex flex-col justify-between w-full" 393 aria-label="Main menu" 394 data-active-index="-1" 395 > 396 <ul class="nav-items flex flex-col items-start px-10 w-full h-full relative"> 397 <li class="nav-item h-auto w-full first:pt-20"> 398 <button 399 class="nav-item__button relative w-full text-left icon--right font-bold" 400 aria-controls="subitems-0-mobile" 401 aria-expanded="false" 402 data-toggle-nav-menu 403 data-toggle-nav-submenu 404 >Engagement</button> 405 406 <div id="subitems-0-mobile" class="nav-item__subitems hidden flex-col gap-16 absolute inset-0"> 407 <button 408 class="nav-item__button button--back icon--left fixed w-full text-left font-bold" 409 data-back-nav-menu 410 > 411 Zurück 412 </button> 413 <div class="nav-item__label font-bold">Engagement</div> 414 <ul class="nav-columns absolute flex flex-col flex-nowrap overflow-hidden inset-x-0 pb-16"> 415 <li class="nav-column w-full flex flex-col gap-4"> 416 <div class="column-title font-bold uppercase">Kampagnen</div> 417 <a href="https://www.verkehrsclub.ch/nein-zum-autobahn-ausbau" class="nav-link">Nein zum Autobahn-Ausbau</a> 418 <a href="https://www.verkehrsclub.ch/tempo-30" class="nav-link">Tempo 30</a> 419 <a href="https://www.verkehrsclub.ch/lebensraeume-2045" class="nav-link">Lebensräume 2045</a> 420 <a href="https://www.verkehrsclub.ch/schulweg" class="nav-link">Schulweg</a> 421 <a href="https://www.verkehrsclub.ch/zug-statt-flug" class="nav-link">Zug statt Flug</a> 422 <a href="https://www.verkehrsclub.ch/ueberholabstand" class="nav-link">1,5 Meter Ãberholabstand</a> 423 </li> 424 <li class="nav-column w-full flex flex-col gap-4"> 425 <div class="column-title font-bold uppercase">Themen</div> 426 <a href="https://www.verkehrsclub.ch/oeffentlicher-verkehr" class="nav-link">mit dem öffentlichen Verkehr</a> 427 <a href="https://www.verkehrsclub.ch/fuss" class="nav-link">zu Fuss</a> 428 <a href="https://www.verkehrsclub.ch/velo" class="nav-link">mit dem Velo</a> 429 <a href="https://www.verkehrsclub.ch/auto" class="nav-link">mit dem Auto</a> 430 <a href="https://www.verkehrsclub.ch/mobil-im-alter" class="nav-link">Mobil im Alter</a> 431 <a href="https://www.verkehrsclub.ch/klimaschutz" class="nav-link">Klimaschutz</a> 432 </li> 433 <li class="nav-column w-full flex flex-col gap-4"> 434 <div class="column-title font-bold uppercase">Unterstützen</div> 435 <a href="https://www.verkehrsclub.ch/spenden" class="nav-link">Spenden</a> 436 <a href="https://www.verkehrsclub.ch/jungvcs" class="nav-link">jungVCS</a> 437 <a href="https://www.verkehrsclub.ch/sektionen" class="nav-link">Sektionen</a> 438 <a href="https://www.verkehrsclub.ch/newsletter" class="nav-link">Newsletter</a> 439 </li> 440 </ul> 441 </div> 442 </li> 443 <li class="nav-item h-auto w-full first:pt-20"> 444 <button 445 class="nav-item__button relative w-full text-left icon--right font-bold" 446 aria-controls="subitems-1-mobile" 447 aria-expanded="false" 448 data-toggle-nav-menu 449 data-toggle-nav-submenu 450 >Angebot</button> 451 452 <div id="subitems-1-mobile" class="nav-item__subitems hidden flex-col gap-16 absolute inset-0"> 453 <button 454 class="nav-item__button button--back icon--left fixed w-full text-left font-bold" 455 data-back-nav-menu 456 > 457 Zurück 458 </button> 459 <div class="nav-item__label font-bold">Angebot</div> 460 <ul class="nav-columns absolute flex flex-col flex-nowrap overflow-hidden inset-x-0 pb-16"> 461 <li class="nav-column w-full flex flex-col gap-4"> 462 <div class="column-title font-bold uppercase">Mitgliedschaft</div> 463 <a href="https://www.verkehrsclub.ch/angebot/mitgliedschaft" class="nav-link">Mitglied werden</a> 464 <a href="https://www.verkehrsclub.ch/mitgliederangebote" class="nav-link">Mitgliederangebote</a> 465 <a href="https://www.verkehrsclub.ch/reisen" class="nav-link">Reisen</a> 466 <a href="https://www.verkehrsclub.ch/vcs-magazin" class="nav-link">VCS-Magazin</a> 467 </li> 468 <li class="nav-column w-full flex flex-col gap-4"> 469 <div class="column-title font-bold uppercase">Versicherungen</div> 470 <a href="https://www.verkehrsclub.ch/angebot/vcs-veloversicherung" class="nav-link">
470Veloversicherung</a> 471 <a href="https://www.verkehrsclub.ch/vcs-autoversicherung" class="nav-link">Autoversicherung</a> 472 <a href="https://www.verkehrsclub.ch/angebot/vcs-pannenhilfe" class="nav-link">Pannenhilfe</a> 473 <a href="https://www.verkehrsclub.ch/angebot/vcs-schutzbrief" class="nav-link">Schutzbrief Reisen</a> 474 <a href="https://www.verkehrsclub.ch/angebot/vcs-rechtsschutz" class="nav-link">Rechtsschutz</a> 475 <a href="https://www.verkehrsclub.ch/vcs-versicherungsangebot" class="nav-link">Weitere Versicherungen</a> 476 </li> 477 <li class="nav-column w-full flex flex-col gap-4"> 478 <div class="column-title font-bold uppercase">Der VCS steht für</div> 479 <a href="https://www.verkehrsclub.ch/oeffentlicher-verkehr" class="nav-link">vernetzten ÃV</a> 480 <a href="https://www.verkehrsclub.ch/tempo-30" class="nav-link">bessere Lebensqualität</a> 481 <a href="https://www.verkehrsclub.ch/velo" class="nav-link">mehr Velowege</a> 482 <a href="https://www.verkehrsclub.ch/schulweg" class="nav-link">sichere Schulwege</a> 483 </li> 484 </ul> 485 </div> 486 </li> 487 <li class="nav-item h-auto w-full first:pt-20"> 488 <button 489 class="nav-item__button relative w-full text-left icon--right font-bold" 490 aria-controls="subitems-2-mobile" 491 aria-expanded="false" 492 data-toggle-nav-menu 493 data-toggle-nav-submenu 494 >Ãber uns</button> 495 496 <div id="subitems-2-mobile" class="nav-item__subitems hidden flex-col gap-16 absolute inset-0"> 497 <button 498 class="nav-item__button button--back icon--left fixed w-full text-left font-bold" 499 data-back-nav-menu 500 > 501 Zurück 502 </button> 503 <div class="nav-item__label font-bold">Ãber uns</div> 504 <ul class="nav-columns absolute flex flex-col flex-nowrap overflow-hidden inset-x-0 pb-16"> 505 <li class="nav-column w-full flex flex-col gap-4"> 506 <div class="column-title font-bold uppercase">Der Verband</div> 507 <a href="https://www.verkehrsclub.ch/portraet" class="nav-link">Porträt</a> 508 <a href="https://www.verkehrsclub.ch/team" class="nav-link">Team</a> 509 <a href="https://www.verkehrsclub.ch/jobs" class="nav-link">Jobs</a> 510 <a href="https://www.verkehrsclub.ch/jungvcs" class="nav-link">jungVCS</a> 511 <a href="https://www.verkehrsclub.ch/sektionen" class="nav-link">Sektionen</a> 512 <a href="https://www.verkehrsclub.ch/erfolge" class="nav-link">Erfolge</a> 513 </li> 514 <li class="nav-column w-full flex flex-col gap-4"> 515 <div class="column-title font-bold uppercase">Medien und Standpunkte</div> 516 <a href="https://www.verkehrsclub.ch/medienmitteilungen" class="nav-link">Medienmitteilungen</a> 517 <a href="https://www.verkehrsclub.ch/positionen" class="nav-link">Positionen und Vernehmlassungen</a> 518 <a href="https://www.verkehrsclub.ch/ratgeber" class="nav-link">Ratgeber</a> 519 <a href="https://www.verkehrsclub.ch/partnerschaften" class="nav-link">Partnerschaften</a> 520 <a href="https://www.verkehrsclub.ch/newsletter" class="nav-link">Newsletter</a> 521 </li> 522 <li class="nav-column w-full flex flex-col gap-4"> 523 <div class="column-title font-bold uppercase">
523Kontakte</div> 524 <a href="https://www.verkehrsclub.ch/kontakt" class="nav-link">VCS Schweiz</a> 525 <a href="https://www.verkehrsclub.ch/notfallnummern" class="nav-link">Notfallnummern</a> 526 <a href="https://www.verkehrsclub.ch/adressaenderung" class="nav-link">Adressänderung</a> 527 <a href="https://www.verkehrsclub.ch/sitzungszimmer" class="nav-link">Sitzungszimmer reservieren</a> 528 </li> 529 </ul> 530 </div> 531 </li> 532 </ul> 533 <section class="site-header__nav-meta__container block shrink-0"> 534 <div class="absolute -translate-y-16 z-10 h-16 w-full pointer-events-none bg-gradient-to-t from-white to-transparent"></div> 535 <ul class="site-header__nav-meta flex items-center justify-between mx-10 py-10"> 536 <li class="nav-item flex items-center"> 537 <button 538 class="relative" 539 aria-controls="nav-search" 540 aria-expanded="false" 541 data-toggle-search-mobile 542 aria-label="Suchen" 543 > 544 <i class="far fa-search"></i> 545 546 <span class="sr-only">Suchen</span> 547 </button> 548 <div class="nav-item__search absolute z-10 flex justify-center items-center px-8"> 549 <div class="search-bar w-full"> 550 <form class="flex h-full gap-8" action="https://www.verkehrsclub.ch/search/results"> 551 <input type="search" name="q" class="js-search-input grow" aria-label="Search" placeholder=""> 552 <button type="submit" class="button button--brand button--small button--disabled js-button-search button-icons__item buttom--mobile rounded-sm"> 553 <i class="fa-regular fa-arrow-right text-xl"></i> 554 <span class="sr-only">Suchen</span> 555 </button> 556 </form> 557</div> 558 </div> 559 </li> 560 <li class="nav-item flex items-center"> 561 <a href="https://www.verkehrsclub.ch/shop/checkout" aria-label="View Cart" class="relative"> 562 <i class="fa-regular fa-cart-shopping"></i> 563 <div class="cart-total js-cart-total absolute -top-2 -right-4 flex justify-center items-center size-7 rounded-full bg-brand-primary text-xs font-bold"> 564 </div> 565 </a> 566 </li> 567 <li class="nav-item flex gap-2 items-center"> 568 <button 569 aria-controls="nav-lang" 570 aria-expanded="false" 571 data-toggle-lang-mobile 572 > 573 <i class="fa-regular fa-globe"></i> 574 <span class="sr-only">Sprache</span> 575 </button> 576 <!-- Template: _components/structure/languageSwitcher.twig --> 577 578<div class="language-switcher "> 579 <div class="language-switcher__active"> 580 DE 581 </div> 582 <div class="language-switcher__options options-3 absolute z-10"> 583 <ul class="language-switcher__inner"> 584 585 <li class="language-switcher__item z-30 586 active"> 587 <a href="https://www.verkehrsclub.ch/" 588 class="language-switcher__link"> 589 Deutsch 590 </a> 591 </li> 592 593 <li class="language-switcher__item z-30 594 "> 595 <a href="https://www.ate.ch/" 596 class="language-switcher__link"> 597 Français 598 </a> 599 </li> 600 601 <li class="language-switcher__item z-30 602 "> 603 <a href="https://www.ata.ch/" 604 class="language-switcher__link"> 605 Italiano 606 </a> 607 </li> 608 </ul> 609 </div> 610</div> 611 612 </li> 613 </ul> 614 <div class="site-header__ctas flex gap-11 justify-between h-24"> 615 <a href="https://www.verkehrsclub.ch/angebot/mitgliedschaft" class="button button--anchor rounded-tr-sm button--gray w-full">Mitglied werden</a> 616 <a href="https://www.verkehrsclub.ch/spenden" class="button button--anchor rounded-tl-sm button--brand w-full">Spenden</a> 617 </div> 618 </section> 619 </nav> 620 </div> 621 </div> 622 623 <div class="nav-menu__sections absolute flex items-center inset-0 px-10"> 624 <div class="w-full flex justify-between items-center py-4 relative"> 625 <section class="site-header__logo h-16 shrink-0"> 626 <a href="https://www.verkehrsclub.ch/" class="site-logo inline-block h-full"> 627 <img src="/static/images/logo-de.svg" alt="Logo" class="site-logo__image h-full" width="154" height="40"> 628 </a> 629 </section> 630 <section class="site-header__topbar flex flex-col"> 631 <ul class="site-header__nav-meta flex items-center justify-end gap-2"> 632 <li class="nav-item"> 633 <button class="button button--icon" 634 aria-expanded="false" 635 data-open-nav-burger 636 title="Toggle Site Navigation" 637 > 638 <div 639 class="icon icon--burger pointer-events-none" 640 641 > 642 </div> 643 </button> 644 </li> 645 </ul> 646 </section> 647 </div> 648 </div> 649</div> 650 651</div> 652 653 <!-- Site/Main --> 654 <div class="site-main" id="main-content"> 655 656 <!-- Template: _components/headers/headerFullscreenVideo.twig --> 657 658<div class="page-header header-fullscreen-video fixed inset-0 659 header-fullscreen-video--has-video 660 theme-dark" 661> 662 <div class="header-fullscreen-video__media-container 663 relative w-full h-full overflow-hidden pointer-events-none 664 brightness-filter-100" 665 > 666 667 668 669 670 671 672 673 <!-- Template: _components/helpers/imageResponsive.twig --> 674 <img class="media media--image light-mode-media" src="/assets/images/Standbild-Header-Video-Mai.png" srcset="/assets/images/_500xAUTO_crop_center-center_none/Standbild-Header-Video-Mai.png 500w" width="1920" height="1080" alt="Standbild Header Video Mai" sizes="100vw"> 675 <div class='tooltip-wrapper'> 676 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex">
677 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 678 VCS 679 </span> 680 <i class="fa-solid fa-copyright text-white"></i> 681 </div> 682 </div> 683 684 <!-- Template: _components/helpers/videoOembed.twig --> 685 686 687 688 689 <iframe src="https://player.vimeo.com/video/1188032493?controls=0&rel=0&dnt=1&muted=1&loop=1&allow=autoplay&autoplay=1&background=1&dnt=1&app_id=122963" width="" height="" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Header Video Mai" class="media media--video light-mode-media" loading="lazy" tabindex="-1" data-cookieconsent="ignore"></iframe> 690 691 </div> 692 693 <div class="header-fullscreen-video__info-cta-container 694 container-default absolute inset-0 z-[1] bg-transparent" 695 > 696 <div class="text-cta typography flex flex-col justify-end items-start 697 w-[80%] pb-[10%] h-full" 698 > 699 <h1 class="header-title heading-1-xl"> 700 Mobilität mit Zukunft 701 </h1> 702 </div> 703 </div> 704 </div> 705 706 <div class="site-content relative w-screen left-0 right-0 bg-white"> 707 <!-- Template: _templates/_common/single.twig --> 708 709 710 711 712 713<!-- Template: _components/blocks/blockText.twig --> 714<div class="block-component block-text component-spacing" > 715 <div class="typography container-maxtext"> 716 <h2>Vernetzt, sicher und klimaschonend</h2><p>Wir gestalten die nachhaltige Mobilität der Zukunft: Diese vernetzt alle Verkehrsträger, ist sicher, für alle zugänglich, klima- und umweltschonend. Wir setzen uns für bessere Lebensqualität mit mehr Begegnungsräumen und Grünflächen, reduziertem Verkehr, geringerem Lärm und mehr Sicherheit ein. Wir setzen auf die Kombination von umweltfreundlichen Verkehrsmitteln und fördern die fossilfreie Mobilität, die sich für Mensch und Umwelt auszahlt.</p> 717 </div> 718</div> 719 720 <!-- Template: _components/blocks/blockTeasersTopic.twig --> 721<div class="block-component block-teasers-topic component-spacing" 722 723> 724 <div class="container-default"> 725 <ul class="teasers flex flex-col"> 726 727 728 729<!-- Template: _components/partials/teaserCardTopic.twig --> 730 <li class="teasers__item animate flex media-alignment--left my-16"> 731 <div class="teaser teaser-topic media-alignment--left relative flex flex-col w-full group"> 732 <a 733 href="https://www.verkehrsclub.ch/ueberholabstand" 734 735 class="teaser-topic__media-container relative lg:absolute top-0 z-10 aspect-video lg:aspect-square w-screen 736 lg:w-auto animate-floatdownImage group-hover:animate-floatupImage" 737 > 738 739 740 741 742 743 744 745 <!-- Template: _components/helpers/imageResponsive.twig --> 746 <img class="media media--image light-mode-media" src="/assets/images/Kampagnen/Ueberholabstand/VCS-Kampagne-Abstand-Breiter-Abstand-Yogi-DY-V01.jpg" srcset="/assets/images/Kampagnen/Ueberholabstand/_2000xAUTO_crop_center-center_none/VCS-Kampagne-Abstand-Breiter-Abstand-Yogi-DY-V01.jpg 2000w, /assets/images/Kampagnen/Ueberholabstand/_1200xAUTO_crop_center-center_none/VCS-Kampagne-Abstand-Breiter-Abstand-Yogi-DY-V01.jpg 1200w, /assets/images/Kampagnen/Ueberholabstand/_900xAUTO_crop_center-center_none/VCS-Kampagne-Abstand-Breiter-Abstand-Yogi-DY-V01.jpg 900w, /assets/images/Kampagnen/Ueberholabstand/_500xAUTO_crop_center-center_none/VCS-Kampagne-Abstand-Breiter-Abstand-Yogi-DY-V01.jpg 500w" width="3120" height="1987" alt="Mehr Platz, weniger Stress" sizes="100vw"> 747 <div class='tooltip-wrapper'> 748 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 749 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 750 David Yela/setrunners.ch 751 </span> 752 <i class="fa-solid fa-copyright text-white"></i> 753 </div> 754 </div> 755 756 757 </a> 758 759 <a 760 href="https://www.verkehrsclub.ch/ueberholabstand" 761 762 class="teaser-topic__info-cta-container relative lg:absolute mt-0 flex flex-col rounded-b-sm lg:rou
762nded-t-sm" 763 > 764 <div class="teaser-topic__content w-full h-full p-10 xs:p-20 typography flex flex-col grow justify-between"> 765 <div> 766 <h2 class="teaser-topic__title">1,5 Meter Ãberholabstand für mehr Sicherheit</h2> 767 768 <div class="teaser-topic__text hidden lg:block mb-6"> 769 Autos fahren oft zu nahe an Velos vorbei. Das macht Velofahren gefährlich und verunsichert Velofahrer*innen.  Der VCS fordert mindestens 1,5 Meter Abstand. Mehr Abstand bringt mehr Sicherheit und weniger Stress. Unsere Studie zeigt, wie nahe Autos in Schweizer Städten überholen. 770 </div> 771 </div> 772 773 <div class="teaser-topic_ctas"> 774 775 <span class="header-cta button button--link button--link--red button--hover-red button--rounded-full label--black"> 776 Ãberholabstand 777 </span> 778 </div> 779 </div> 780 </a> 781 </div> 782 </li> 783 784 785 786<!-- Template: _components/partials/teaserCardTopic.twig --> 787 <li class="teasers__item animate flex media-alignment--right my-16"> 788 <div class="teaser teaser-topic media-alignment--right relative flex flex-col w-full group"> 789 <a 790 href="https://www.verkehrsclub.ch/schulweg/walk-to-school" 791 792 class="teaser-topic__media-container relative lg:absolute top-0 z-10 aspect-video lg:aspect-square w-screen 793 lg:w-auto animate-floatdownImage group-hover:animate-floatupImage" 794 > 795 796 797 798 799 800 801 802 <!-- Template: _components/helpers/imageResponsive.twig --> 803 <img class="media media--image light-mode-media" src="/assets/images/Kampagnen/Schulweg/Walk-To-School/WTS-visual-Header-2590x-1100.jpg" srcset="/assets/images/Kampagnen/Schulweg/Walk-To-School/_2000xAUTO_crop_center-center_none/WTS-visual-Header-2590x-1100.jpg 2000w, /assets/images/Kampagnen/Schulweg/Walk-To-School/_1200xAUTO_crop_center-center_none/WTS-visual-Header-2590x-1100.jpg 1200w, /assets/images/Kampagnen/Schulweg/Walk-To-School/_900xAUTO_crop_center-center_none/WTS-visual-Header-2590x-1100.jpg 900w, /assets/images/Kampagnen/Schulweg/Walk-To-School/_500xAUTO_crop_center-center_none/WTS-visual-Header-2590x-1100.jpg 500w" width="3000" height="1274" alt="Walk To School" sizes="100vw"> 804 <div class='tooltip-wrapper'> 805 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 806 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 807 Adobe Stock Pixel Shot Print / Illu: enpointe.ch 808 </span> 809 <i class="fa-solid fa-copyright text-white"></i> 810 </div> 811 </div> 812 813 814 </a> 815 816 <a 817 href="https://www.verkehrsclub.ch/schulweg/walk-to-school" 818 819 class="teaser-topic__info-cta-container relative lg:absolute mt-0 flex flex-col rounded-b-sm lg:rounded-t-sm" 820 > 821 <div class="teaser-topic__content w-full h-full p-10 xs:p-20 typography flex flex-col grow justify-between"> 822 <div> 823 <h2 class="teaser-topic__title">Walk to school â jetzt Klasse anmelden</h2> 824 825 <div class="teaser-topic__text hidden lg:block mb-6"> 826 Die VCS-Kampagne <strong>walk to school</strong> motiviert Schüler*innen mit einem zweiwöchigen Wettbewerb ihren Weg zum Kindergarten oder zur Schule möglichst selbstständig zu gehen. Neu läuft der Wettbewerb während des ganzen Schuljahres. 827 </div> 828 </div> 829 830 <div class="teaser-topic_ctas"> 831 832 <span class="header-cta button button--link button--link--red button--hover-red button--rounded-full label--black"> 833 Jetzt anmelden 834 </span> 835 </div> 836 </div> 837 </a> 838 </div> 839 </li> 840 841 842 843<!-- Template: _components/partials/teaserCardTopic.twig --> 844 <li class="teasers__item animate flex media-alignment--left my-16"> 845 <div class="teaser teaser-topic media-alignment--left relative flex flex-col w-full group"> 846 <a 847 href="https://www.verkehrsclub.ch/angebot/vcs-schutzbrief" 848 849 class="teaser-topic__media-container relative lg:absolute top-0 z-10 aspect-video lg:aspect-square w-screen 850 lg:w-auto animate-floatdownImage group-hover:animate-floatupImage" 851 > 852 853 854 855 856 857 858 859 <!-- Template: _components/helpers/imageResponsive.twig --> 860 <img class="media media--image light-mode-media" src="/assets/images/Versicherungen/Schutzbrief/Schutzbrief_Freundinnen-Bahn.jpg" srcset="/assets/images/Versicherungen/Schutzbrief/_2000xAUTO_crop_center-center_none/Schutzbrief_Freundinnen-Bahn.jpg 2000w, /assets/images/Versicherungen/Schutzbrief/_1200xAUTO_crop_center-center_none/Schutzbrief_Freundinnen-Bahn.jpg 1200w, /assets/images/Versicherungen/Schutzbrief/_900xAUTO_crop_center-center_none/Schutzbrief_Freundinnen-Bahn.jpg 900w, /assets/images/Versicherungen/Schutzbrief/_500xAUTO_crop_center-center_none/Schutzbrief_Freundinnen-Bahn.jpg 500w" width="3000" height="2000" alt="VCS Schutzbrief Versicherung Freundinnen Bahn" sizes="100vw"> 861 <div class='tooltip-wrapper'> 862 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex">
863 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 864 AdobeStock / hedgehog94 865 </span> 866 <i class="fa-solid fa-copyright text-white"></i> 867 </div> 868 </div> 869 870 871 <span class="absolute bottom-6 left-6 max-w-[min(40rem,_90%)] px-8 py-3 rounded-sm bg-red-primary text-white text-sm font-bold"> 872 Jetzt mit höherer Deckung! 873 </span> 874 </a> 875 876 <a 877 href="https://www.verkehrsclub.ch/angebot/vcs-schutzbrief" 878 879 class="teaser-topic__info-cta-container relative lg:absolute mt-0 flex flex-col rounded-b-sm lg:rounded-t-sm" 880 > 881 <div class="teaser-topic__content w-full h-full p-10 xs:p-20 typography flex flex-col grow justify-between"> 882 <div> 883 <h2 class="teaser-topic__title">VCS Schutzbrief</h2> 884 885 <div class="teaser-topic__text hidden lg:block mb-6"> 886 Ihre Reise- und Freizeitversicherung fürs ganze Jahr. Falls Sie bereits über einen VCS Schutzbrief Europa verfügen und neu die weltweite Deckung benötigen, wird Ihnen der bereits bezahlte Betrag pro Rata auf der nächsten Rechnung gutgeschrieben. 887 </div> 888 </div> 889 890 <div class="teaser-topic_ctas"> 891 <div class="pb-6 text-gray-dark font-bold"> 892 ab CHF 129.00 893 </div> 894 895 <span class="header-cta button button--link button--link--red button--hover-red button--rounded-full label--black"> 896 Zum Angebot 897 </span> 898 </div> 899 </div> 900 </a> 901 </div> 902 </li> 903 904 905 906<!-- Template: _components/partials/teaserCardTopic.twig --> 907 <li class="teasers__item animate flex media-alignment--right my-16"> 908 <div class="teaser teaser-topic media-alignment--right relative flex flex-col w-full group"> 909 <a 910 href="https://www.verkehrsclub.ch/vcs-empfehlen" 911 912 class="teaser-topic__media-container relative lg:absolute top-0 z-10 aspect-video lg:aspect-square w-screen 913 lg:w-auto animate-floatdownImage group-hover:animate-floatupImage" 914 > 915 916 917 918 919 920 921 922 <!-- Template: _components/helpers/imageResponsive.twig --> 923 <img class="media media--image light-mode-media" src="/assets/images/Themen/Velo/DSC4069_VCS.png" srcset="/assets/images/Themen/Velo/_2000xAUTO_crop_center-center_none/DSC4069_VCS.png 2000w, /assets/images/Themen/Velo/_1200xAUTO_crop_center-center_none/DSC4069_VCS.png 1200w, /assets/images/Themen/Velo/_900xAUTO_crop_center-center_none/DSC4069_VCS.png 900w, /assets/images/Themen/Velo/_500xAUTO_crop_center-center_none/DSC4069_VCS.png 500w" width="1140" height="760" alt="DSC4069 VCS" sizes="100vw"> 924 <div class='tooltip-wrapper'> 925 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 926 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 927 Fabian Lütolf/setrunners.ch 928 </span> 929 <i class="fa-solid fa-copyright text-white"></i> 930 </div> 931 </div> 932 933 934 </a> 935 936 <a 937 href="https://www.verkehrsclub.ch/vcs-empfehlen" 938 939 class="teaser-topic__info-cta-container relative lg:absolute mt-0 flex flex-col rounded-b-sm lg:rounded-t-sm" 940 > 941 <div class="teaser-topic__content w-full h-full p-10 xs:p-20 typography flex flex-col grow justify-between"> 942 <div> 943 <h2 class="teaser-topic__title">Jetzt den VCS weiterempfehlen</h2> 944 945 <div class="teaser-topic__text hidden lg:block mb-6"> 946 Verschenken Sie Vorteile und unterstützen Sie eine starke Stimme für eine klimafreundliche Zukunft. Gemeinsam setzen wir uns für eine nachhaltige Mobilität ein und steigern die Lebensqualität für alle! Als Dankeschön erhalten Sie einen SBB-Gutschein im Wert von 20 Franken. 947 </div> 948 </div> 949 950 <div class="teaser-topic_ctas"> 951
952 <span class="header-cta button button--link button--link--red button--hover-red button--rounded-full label--black"> 953 VCS empfehlen 954 </span> 955 </div> 956 </div> 957 </a> 958 </div> 959 </li> 960 </ul> 961 </div> 962</div> 963 964 965<!-- Template: _components/blocks/blockCtaLink.twig --> 966<section class="flex justify-center bg-gradient-to-r from-gradient-green to-gradient-red py-[110px]" > 967 <a class="button button--large button--rounded-xs button--red mx-8 text-wrap" href="https://www.verkehrsclub.ch/newsletter" rel="noopener noreferrer" target="_blank">Newsletter abonnieren</a> 968 </section> 969 970 971 972 973 974<!-- Template: _components/blocks/blockTeasersAutomatic.twig --> 975<div class="block block-teasers block-teasers-automatic component-spacing" 976 977> 978 <div class="container-default"> 979 <div class="typography"> 980 <h2 class="heading-2">Unsere aktuellen Mitteilungen</h2> 981 </div> 982 983 <div id="component-fecxlt" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://www.verkehrsclub.ch/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"sprig:config":"948d913b3e703a6d3a0168aa7a5610daf3daa9c6297c24a2380e16d07fe0af7e{\u0022id\u0022:\u0022component-fecxlt\u0022,\u0022siteId\u0022:2,\u0022template\u0022:\u0022_components\\\/blocks\\\/blockTeasersAutomatic\\\/sprig.twig\u0022,\u0022variables\u0022:{\u0022teasersColumns\u0022:\u00223\u0022,\u0022sectionHandle\u0022:\u0022news\u0022,\u0022relatedTo\u0022:null,\u0022orderBy\u0022:\u0022postDate DESC\u0022,\u0022hasPagination\u0022:\u0022false\u0022,\u0022pageSize\u0022:3,\u0022filterTagIdString\u0022:\u0022\u0022,\u0022showAuthor\u0022:null}}"}"> 984 985 986 987 988 989<!-- Template: _components/blocks/blockTeasersAutomatic/sprig.twig.twig --> 990<div s-swap="innerHTML show:top" data-hx-swap="innerHTML show:top" data-sprig-parsed> 991 992 993 994<ul class="teasers teasers-grid columns-3 flexbox-grid"> 995 996 997 998 999 1000 1001 1002 1003 1004 <!-- Template: _components/partials/teaserCard.twig --> 1005 <li class="teaser teaser-card animate animate-floatdownTeaser hover:animate-floatupTeaser hover:shadow-[0_0_60px_0_rgba(0,0,0,0.15)] flex"> 1006 <a href="https://www.verkehrsclub.ch/medien/umfrage-zeigt-mehrheit-will-klare-regeln-fuer-das-ueberholen-von-velos" class="flex flex-col w-full"> 1007 <div class="relative mb-0"> 1008 1009 1010 1011 1012 1013 1014 1015 <!-- Template: _components/helpers/imageResponsive.twig --> 1016 <img class="w-full" src="/assets/images/Medienmitteilungen/Medienmitteilungen_2026/_160x90_crop_center-center_none/898436/veloueberholen.webp" srcset="/assets/images/Medienmitteilungen/Medienmitteilungen_2026/_1024x576_crop_center-center_none/898436/veloueberholen.webp 1024w, /assets/images/Medienmitteilungen/Medienmitteilungen_2026/_768x432_crop_center-center_none/898436/veloueberholen.webp 768w, /assets/images/Medienmitteilungen/Medienmitteilungen_2026/_576x324_crop_center-center_none/898436/veloueberholen.webp 576w, /assets/images/Medienmitteilungen/Medienmitteilungen_2026/_400x225_crop_center-center_none/898436/veloueberholen.webp 400w" width="160" height="90" alt="Veloueberholen" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 45vw, (max-width: 1500px) 30vw, 420px" loading="lazy"> 1017 <div class='tooltip-wrapper'> 1018 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 1019 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1020 Canva 1021 </span> 1022 <i class="fa-solid fa-copyright text-white"></i> 1023 </div> 1024 </div> 1025 1026 1027 </div> 1028 <div class="flex flex-col flex-grow p-14 rounded-b-sm"> 1029 <div class="flex items-center gap-x-4 text-xs text-gray-primary font-headers font-bold uppercase tracking-wider mb-6"> 1030 <span>20.09.2026</span> 1031 <div class="flex-1 bg-gray-100 h-1"></div> 1032 </div> 1033 <div class="heading-3 mb-6">Umfrage zeigt Mehrheit für Velo-Mindestüberholabstand</div>
1034 <span class="mt-auto font-headers text-xs text-red-primary font-bold uppercase tracking-wider"> 1035 Mehr erfahren 1036 </span> 1037 </div> 1038 </a> 1039 </li> 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 <!-- Template: _components/partials/teaserCard.twig --> 1050 <li class="teaser teaser-card animate animate-floatdownTeaser hover:animate-floatupTeaser hover:shadow-[0_0_60px_0_rgba(0,0,0,0.15)] flex"> 1051 <a href="https://www.verkehrsclub.ch/medien/erneut-falsche-zahlen-uebung-autobahn-ausbau-sofort-abbrechen" class="flex flex-col w-full"> 1052 <div class="relative mb-0"> 1053 1054 1055 1056 1057 1058 1059 1060 <!-- Template: _components/helpers/imageResponsive.twig --> 1061 <img class="w-full" src="/assets/images/Medienmitteilungen/Medienmitteilungen_2024/_160x90_crop_center-center_none/275322/20240924_autobahn_by_berggeist007_pixelio.de.webp" srcset="/assets/images/Medienmitteilungen/Medienmitteilungen_2024/_1024x576_crop_center-center_none/275322/20240924_autobahn_by_berggeist007_pixelio.de.webp 1024w, /assets/images/Medienmitteilungen/Medienmitteilungen_2024/_768x432_crop_center-center_none/275322/20240924_autobahn_by_berggeist007_pixelio.de.webp 768w, /assets/images/Medienmitteilungen/Medienmitteilungen_2024/_576x324_crop_center-center_none/275322/20240924_autobahn_by_berggeist007_pixelio.de.webp 576w, /assets/images/Medienmitteilungen/Medienmitteilungen_2024/_400x225_crop_center-center_none/275322/20240924_autobahn_by_berggeist007_pixelio.de.webp 400w" width="160" height="90" alt="Autobahn" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 45vw, (max-width: 1500px) 30vw, 420px" loading="lazy"> 1062 <div class='tooltip-wrapper'> 1063 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 1064 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1065 berggeist007/pixelio.de 1066 </span> 1067 <i class="fa-solid fa-copyright text-white"></i> 1068 </div> 1069 </div> 1070 1071 1072 </div> 1073 <div class="flex flex-col flex-grow p-14 rounded-b-sm"> 1074 <div class="flex items-center gap-x-4 text-xs text-gray-primary font-headers font-bold uppercase tracking-wider mb-6"> 1075 <span>15.09.2026</span> 1076 <div class="flex-1 bg-gray-100 h-1"></div> 1077 </div> 1078 <div class="heading-3 mb-6">Ãbung «Autobahn-Ausbau» sofort abbrechen!</div> 1079 <span class="mt-auto font-headers text-xs text-red-primary font-bold uppercase tracking-wider"> 1080 Mehr erfahren 1081 </span> 1082 </div> 1083 </a> 1084 </li> 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 <!-- Template: _components/partials/teaserCard.twig --> 1095 <li class="teaser teaser-card animate animate-floatdownTeaser hover:animate-floatupTeaser hover:shadow-[0_0_60px_0_rgba(0,0,0,0.15)] flex"> 1096 <a href="https://www.verkehrsclub.ch/medien/neue-umfrage-belegt-bevoelkerung-will-kulturland-natur-und-nachhaltige-mobilitaet" class="flex flex-col w-full"> 1097 <div class="relative mb-0"> 1098 1099 1100 1101 1102 1103 1104 1105 <!-- Template: _components/helpers/imageResponsive.twig --> 1106 <img class="w-full" src="/assets/images/Kampagnen/Autobahn-Bauwahn/Verkehr-2045/_160x90_crop_center-center_none/574900/RZ_VCS_Keyvisual_Weidmann_Bericht_DE_Ohne_Text.webp" srcset="/assets/images/Kampagnen/Autobahn-Bauwahn/Verkehr-2045/_1024x576_crop_center-center_none/574900/RZ_VCS_Keyvisual_Weidmann_Bericht_DE_Ohne_Text.webp 1024w, /assets/images/Kampagnen/Autobahn-Bauwahn/Verkehr-2045/_768x432_crop_center-center_none/574900/RZ_VCS_Keyvisual_Weidmann_Bericht_DE_Ohne_Text.webp 768w, /assets/images/Kampagnen/Autobahn-Bauwahn/Verkehr-2045/_576x324_crop_center-center_none/574900/RZ_VCS_Keyvisual_Weidmann_Bericht_DE_Ohne_Text.webp 576w, /assets/images/Kampagnen/Autobahn-Bauwahn/Verkehr-2045/_400x225_crop_center-center_none/574900/RZ_VCS_Keyvisual_Weidmann_Bericht_DE_Ohne_Text.webp 400w" width="160" height="90" alt="RZ VCS Keyvisual Weidmann Bericht 16x9 DE" sizes="(max-width: 768px) 90vw, (max-width: 1280px) 45vw, (max-width: 1500px) 30vw, 420px" loading="lazy"> 1107 <div class='tooltip-wrapper'> 1108 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex">
1109 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1110 Büro Albatros 1111 </span> 1112 <i class="fa-solid fa-copyright text-white"></i> 1113 </div> 1114 </div> 1115 1116 1117 </div> 1118 <div class="flex flex-col flex-grow p-14 rounded-b-sm"> 1119 <div class="flex items-center gap-x-4 text-xs text-gray-primary font-headers font-bold uppercase tracking-wider mb-6"> 1120 <span>14.09.2026</span> 1121 <div class="flex-1 bg-gray-100 h-1"></div> 1122 </div> 1123 <div class="heading-3 mb-6">Neue Umfrage belegt: Bevölkerung will Kulturland, Natur und nachhaltige Mobilität</div> 1124 <span class="mt-auto font-headers text-xs text-red-primary font-bold uppercase tracking-wider"> 1125 Mehr erfahren 1126 </span> 1127 </div> 1128 </a> 1129 </li> 1130 </ul> 1131 1132 </div> 1133</div> 1134 </div> 1135</div> 1136 1137 1138<!-- Template: _components/blocks/blockDonation.twig --> 1139<div class="block-component block-donation pt-24 md:py-44 bg-gradient-to-r from-gradient-green to-gradient-red" id=donation> 1140 1141 1142 1143 1144 1145 <!-- Template: _components/partials/donation.twig --> 1146 <div class="js-product-detail partial-donation container-default"> 1147 <div class="grid xl:grid-cols-2"> 1148 <div class="md:p-28 md:bg-white md:border-2 md:border-gray-300 xl:border-r-0 md:max-xl:rounded-t-xl xl:rounded-l-xl"> 1149 <h2 class="heading-1">Ihre Spende für die Zukunft</h2> 1150 <div class="typography pt-12 pb-12 md:pb-24"><p>Mit Ihrer Spende leisten Sie einen wertvollen Beitrag für eine Schweiz, in der Mensch und Umwelt im Zentrum stehen. Gemeinsam mit Ihnen gestalten wir die Mobilität der Zukunft.</p></div> 1151 1152 <form method="post" action="" class="js-form-donation grid md:grid-cols-2 md:grid-rows-2"> 1153 1154 <input type="hidden" name="action" value="commerce/cart/update-cart"> 1155 <input type="hidden" name="redirect" value="e6959067cc2430e5f675701c39f20d2d389eb56aad01124709e01f248d59d81eshop/checkout"> 1156 <div data-productdata='{"item_id":"SPENDE","item_name":"Spende","price":50,"quantity":1}' style="display:none;"></div> 1157 1158 <input type="hidden" name="options[entrycode]" value="Allgemeine Spende"> 1159 1160 <input type="hidden" name="purchasableId" value="1087"> 1161 <button type="submit" name="options[donationAmount]" value="50" 1162 class="js-add-to-cart-button flex md:justify-center items-end p-9 md:py-20 1163 hover:border-red-primary hover:bg-red-primary hover:text-white bg-gray-50 1164 border border-gray-300 max-md:border-r-2 border-t-2 border-l-2 max-md:rounded-t-xs md:rounded-tl-sm" 1165 > 1166 <div> 1167 <span class="heading-1 font-bold pr-3">50</span> 1168 <span>CHF</span> 1169 </div> 1170 </button> 1171 <button type="submit" name="options[donationAmount]" value="80" 1172 class="js-add-to-cart-button flex md:justify-center items-end p-9 md:py-20 1173 hover:border-red-primary hover:bg-red-primary hover:text-white bg-gray-50 1174 border border-gray-300 max-md:border-l-2 md:border-t-2 border-r-2 md:rounded-tr-sm" 1175 > 1176 <div> 1177 <span class="heading-1 font-bold pr-3">80</span> 1178 <span>CHF</span> 1179 </div> 1180 </button> 1181 <button type="submit" name="options[donationAmount]" value="120" 1182 class="js-add-to-cart-button flex md:justify-center items-end p-9 md:py-20 1183 hover:border-red-primary hover:bg-red-primary hover:text-white bg-gray-50 1184 border border-gray-300 max-md:border-r-2 md:border-b-2 border-l-2 md:rounded-bl-sm" 1185 > 1186 <div> 1187 <span class="heading-1 font-bold pr-3">120</span> 1188 <span>CHF</span> 1189 </div> 1190 </button> 1191 <button type="submit" name="options[donationAmount]" 1192 aria-label="Custom amount" 1193 class="js-button-custom-amount js-add-to-cart-button group flex md:justify-center items-end gap-x-4 text-center p-9 md:py-20 1194 hover:border-red-primary hover:bg-red-primary hover:text-white cursor-pointer bg-gray-50 1195 border border-gray-300 max-md:border-l-2 border-b-2 border-r-2 max-md:rounded-b-xs md:rounded-br-sm" 1196 > 1197 1198 <label for="donation-amount" class="sr-only">Custom amount</label> 1199 <input type="text" 1200 id="donation-amount" 1201 inputmode="numeric" pattern="[0-9]*" autocomplete="off" 1202 class="js-donate-input donate-input w-full border-b-4 border-black group-hover:border-white 1203 bg-transparent outline-none heading-1 font-bold" 1204 >
1205 <span class="align-bottom pb-2">CHF</span> 1206 <div class="js-arrow-right invisible"> 1207 <i class="fa-regular fa-arrow-right text-3xl"></i> 1208 </div> 1209 </button> 1210 <span id="blitz-inject-1" class="blitz-inject" data-blitz-id="1" data-blitz-uri="https://www.verkehrsclub.ch/actions/blitz/csrf/json" data-blitz-params="" data-blitz-property="input"></span> 1211 </div> 1212 </form> 1213 1214 <div class="relative pt-16 md:pt-0 left-0 right-0"> 1215 <picture> 1216 <source media="(max-width: 1279px)" srcset="/assets/images/Themen/Fuss/Begegnungszone/_1280x720_crop_center-center_none/255020/IMG_1878.webp 1280w, /assets/images/Themen/Fuss/Begegnungszone/_768x432_crop_center-center_none/255020/IMG_1878.webp 768w, /assets/images/Themen/Fuss/Begegnungszone/_400x225_crop_center-center_none/255020/IMG_1878.webp 400w"> 1217 <source srcset="/assets/images/Themen/Fuss/Begegnungszone/_1400x1400_crop_center-center_none/255020/IMG_1878.webp 2x, /assets/images/Themen/Fuss/Begegnungszone/_700x700_crop_center-center_none/255020/IMG_1878.webp"> 1218 1219 1220 1221 1222 1223 1224 1225 <!-- Template: _components/helpers/imageResponsive.twig --> 1226 <img class="image-bleed w-screen max-w-none h-auto object-cover md:w-full md:h-full md:max-xl:rounded-b-xl xl:rounded-r-xl" src="/assets/images/Themen/Fuss/Begegnungszone/_700x700_crop_center-center_none/255020/IMG_1878.webp" width="700" height="700" alt="IMG 1878" loading="lazy"> 1227 1228 </picture> 1229 <div class='tooltip-wrapper'> 1230 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 1231 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1232 VCS 1233 </span> 1234 <i class="fa-solid fa-copyright text-white"></i> 1235 </div> 1236 </div> 1237 </div> 1238 </div> 1239 </div> 1240 1241</div> 1242 1243 1244<!-- Template: _components/blocks/blockTeasersRelatedContent.twig --> 1245<div class="block-component block-teasers-related-content component-spacing" 1246 1247> 1248 <div class="container-default"> 1249 <div class="title typography mx-28"> 1250 <h2>Dafür setzen wir uns ein</h2> 1251 </div> 1252 1253 <div class="block__inner relative mt-16 w-full bg-gray-200 rounded-b-md columns-3"> 1254 <div class="block-teasers-related-content__grid absolute mx-14 lg:mx-28"> 1255 1256 1257<ul class="teasers teasers-grid columns-3 flexbox-grid"> 1258 1259 1260<!-- Template: _components/partials/teaserCardRelatedContent.twig --> 1261<li class="teasers__item animate"> 1262 <a 1263 href="https://www.verkehrsclub.ch/tempo-30" 1264 1265 class="teaser-card-related-content text-white rounded-b-sm overflow-hidden animate-floatdownTeaser hover:animate-floatupTeaser group" 1266 > 1267 <div class="teaser-card-related-content__content grow"> 1268 <div class="teaser-card-related-content__media mb-0 aspect-video"> 1269 1270 1271 1272 1273 1274 1275 1276 <!-- Template: _components/helpers/imageResponsive.twig --> 1277 <img class="w-full" src="/assets/images/Themen/Fuss/_160x90_crop_center-center_none/102185/Anrissbild-Magazin-1-fuer-Web.webp" srcset="/assets/images/Themen/Fuss/_768x432_crop_center-center_none/102185/Anrissbild-Magazin-1-fuer-Web.webp 768w, /assets/images/Themen/Fuss/_640x360_crop_center-center_none/102185/Anrissbild-Magazin-1-fuer-Web.webp 640w, /assets/images/Themen/Fuss/_425x240_crop_center-center_none/102185/Anrissbild-Magazin-1-fuer-Web.webp 425w, /assets/images/Themen/Fuss/_320x180_crop_center-center_none/102185/Anrissbild-Magazin-1-fuer-Web.webp 320w" width="160" height="90" alt="Anrissbild Magazin 1 für Web" sizes="(max-width: 320px) 320px, (max-width: 425px) 425px, (max-width: 639px) 640px, (max-width: 767px) 768px, 768px" loading="lazy"> 1278 <div class='tooltip-wrapper'> 1279 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 1280 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1281 setrunners.ch 1282 </span> 1283 <i class="fa-solid fa-copyright text-white"></i> 1284 </div> 1285 </div> 1286 1287 </div> 1288 <div class="typography pt-14 px-12"> 1289 <h3>Lebensqualität</h3> 1290 <div>Wir wollen <strong>mehr verkehrsberuhigte Wohnquartiere</strong> â mit Begegnungsräumen und Grünflächen, reduziertem Verkehr, weniger Lärm und mehr Sicherheit.</div> 1291 </div> 1292 </div> 1293 <div class="teaser-card-related-content__cta h-[7.5rem] px-12 flex items-center shrink-0 font-headers font-bold"> 1294 Tempo 30 1295 </div> 1296 </a> 1297</li> 1298 1299 1300<!-- Template: _components/partials/teaserCardRelatedContent.twig --> 1301<li class="teasers__item animate"> 1302 <a 1303 href="https://www.verkehrsclub.ch/oeffentlicher-verkehr" 1304 1305 class="teaser-card-related-content text-white rounded-b-sm overflow-hidden animate-floatdownTeaser hover:animate-floatupTeaser group" 1306 > 1307 <div class="teaser-card-related-content__content grow"> 1308 <div class="teaser-card-related-content__media mb-0 aspect-video"> 1309 1310 1311 1312 1313 1314 1315 1316 <!-- Template: _components/helpers/imageResponsive.twig --> 1317 <img class="w-full" src="/assets/images/Homepage/_160x90_crop_center-center_none/102750/FamilieTramPerron_512088550_AdobeStock_Halfpoint_Print.webp" srcset="/assets/images/Homepage/_768x432_crop_center-center_none/102750/FamilieTramPerron_512088550_AdobeStock_Halfpoint_Print.webp 768w, /assets/images/Homepage/_640x360_crop_center-center_none/102750/FamilieTramPerron_512088550_AdobeStock_Halfpoint_Print.webp 640w, /assets/images/Homepage/_425x240_crop_center-center_none/102750/FamilieTramPerron_512088550_AdobeStock_Halfpoint_Print.webp 425w, /assets/images/Homepage/_320x180_crop_center-center_none/102750/FamilieTramPerron_512088550_AdobeStock_Halfpoint_Print.webp 320w" width="160" height="90" alt="Familie Tram Perron" sizes="(max-width: 320px) 320px, (max-width: 425px) 425px, (max-width: 639px) 640px, (max-width: 767px) 768px, 768px" loading="lazy"> 1318 <div class='tooltip-wrapper'> 1319 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex">
1320 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1321 Adobe Stock/Halfpoint Print 1322 </span> 1323 <i class="fa-solid fa-copyright text-white"></i> 1324 </div> 1325 </div> 1326 1327 </div> 1328 <div class="typography pt-14 px-12"> 1329 <h3>Vernetzter ÃV</h3> 1330 <div>Wir engagieren uns für einen <strong>flächendeckenden öffentlichen Verkehr</strong>, der für alle zugänglich ist. Dank eines gut ausgebauten Netzes und fairer und berechenbarer Tarife. </div> 1331 </div> 1332 </div> 1333 <div class="teaser-card-related-content__cta h-[7.5rem] px-12 flex items-center shrink-0 font-headers font-bold"> 1334 Ãffentlicher Verkehr 1335 </div> 1336 </a> 1337</li> 1338 1339 1340<!-- Template: _components/partials/teaserCardRelatedContent.twig --> 1341<li class="teasers__item animate"> 1342 <a 1343 href="https://www.verkehrsclub.ch/velo" 1344 1345 class="teaser-card-related-content text-white rounded-b-sm overflow-hidden animate-floatdownTeaser hover:animate-floatupTeaser group" 1346 > 1347 <div class="teaser-card-related-content__content grow"> 1348 <div class="teaser-card-related-content__media mb-0 aspect-video"> 1349 1350 1351 1352 1353 1354 1355 1356 <!-- Template: _components/helpers/imageResponsive.twig --> 1357 <img class="w-full" src="/assets/images/Themen/Velo/_160x90_crop_center-center_none/42244/DSC4046.webp" srcset="/assets/images/Themen/Velo/_768x432_crop_center-center_none/42244/DSC4046.webp 768w, /assets/images/Themen/Velo/_640x360_crop_center-center_none/42244/DSC4046.webp 640w, /assets/images/Themen/Velo/_425x240_crop_center-center_none/42244/DSC4046.webp 425w, /assets/images/Themen/Velo/_320x180_crop_center-center_none/42244/DSC4046.webp 320w" width="160" height="90" alt="Velobrücke Velofahrerinnen" sizes="(max-width: 320px) 320px, (max-width: 425px) 425px, (max-width: 639px) 640px, (max-width: 767px) 768px, 768px" loading="lazy"> 1358 <div class='tooltip-wrapper'> 1359 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 1360 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1361 Fabian Lütolf/setrunners.ch 1362 </span> 1363 <i class="fa-solid fa-copyright text-white"></i> 1364 </div> 1365 </div> 1366 1367 </div> 1368 <div class="typography pt-14 px-12"> 1369 <h3>Veloinfrastruktur</h3> 1370 <div>Wir fordern eine <strong>durchgehende und sichere Veloinfrastruktur </strong>für den Alltag und für die Freizeit. Denn das Velo ist umweltfreundlich, platzsparend und günstig.</div> 1371 </div> 1372 </div> 1373 <div class="teaser-card-related-content__cta h-[7.5rem] px-12 flex items-center shrink-0 font-headers font-bold"> 1374 Velo 1375 </div> 1376 </a> 1377</li> 1378 </ul> 1379 </div> 1380 </div> 1381 </div> 1382</div> 1383 1384 <!-- Template: _components/blocks/blockTeasersBigColored.twig --> 1385 1386 1387 1388<div class="block-component block-teasers-colored-big w-screen typography 1389 theme-red flex items-center bg-red-primary" 1390 1391> 1392 <div class="content-wrapper media-left w-full max-w-[1920px] flex mx-auto"> 1393 <div class="block-teasers-colored-big__media-container"> 1394 1395 1396 1397 1398 1399 1400 1401 <!-- Template: _components/helpers/imageResponsive.twig --> 1402 <img class="bleed object-cover w-full h-full" src="/assets/images/Kampagnen/Zug-statt-Flug/_1640x1000_crop_center-center_none/42489/csm_GettyImages-1147985390_7d84896dd1.webp" srcset="/assets/images/Kampagnen/Zug-statt-Flug/_1440x879_crop_center-center_none/42489/csm_GettyImages-1147985390_7d84896dd1.webp 1440w, /assets/images/Kampagnen/Zug-statt-Flug/_1024x625_crop_center-center_none/42489/csm_GettyImages-1147985390_7d84896dd1.webp 1024w, /assets/images/Kampagnen/Zug-statt-Flug/_768x469_crop_center-center_none/42489/csm_GettyImages-1147985390_7d84896dd1.webp 768w, /assets/images/Kampagnen/Zug-statt-Flug/_576x352_crop_center-center_none/42489/csm_GettyImages-1147985390_7d84896dd1.webp 576w, /assets/images/Kampagnen/Zug-statt-Flug/_400x244_crop_center-center_none/42489/csm_GettyImages-1147985390_7d84896dd1.webp 400w" width="1640" height="1000" alt="Nachhaltiges Reisen Zug statt Flug jungen Menschen" sizes="(max-width: 1280px) 100v
1402w, (max-width: 1920px) 53vw, 1018px" loading="lazy"> 1403 <div class='tooltip-wrapper'> 1404 <div class="absolute bottom-8 right-8 text-lg md:text-2xl flex"> 1405 <span class='tooltip rounded-sm shadow-lg py-2 px-5 bg-white text-black absolute -bottom-2 right-10 md:right-12 text-xs md:text-lg'> 1406 Getty Images 1407 </span> 1408 <i class="fa-solid fa-copyright text-white"></i> 1409 </div> 1410 </div> 1411 1412 </div> 1413 <div class="block-teasers-colored-big__info-cta-container flex flex-col justify-center 1414 typography container-default py-20" 1415 > 1416 <h2 class="block-teasers-colored-big__title heading-1 relative"> 1417 <p><u>Kontakt</u></p> 1418 </h2> 1419 1420 <div class="container-maxtext my-12 ml-0"> 1421 <p>VCS Verkehrs-Club der Schweiz<br />Aarbergergasse 61</p><p>Postfach<br />3001 Bern</p><p>Telefon: 031 328 58 58</p> 1422 </div> 1423 1424 <div class="flex flex-wrap gap-8"> 1425 <a class="button button--link button--link--brand button--rounded-full text-white" href="mailto:[email protected]" rel="noopener noreferrer" target="_blank">[email protected] </a> 1426 <a class="button button--link button--link--brand button--rounded-full text-white" href="https://www.verkehrsclub.ch/kontakt">zur Ãbersicht Kontakte </a> 1427 </div> 1428 </div> 1429 </div> 1430</div> 1431 1432 1433 <!-- Template: _components/structure/siteFooter.twig --> 1434<footer class="site-footer component-spacing relative"> 1435 <div class="site-footer__main"> 1436 <div class="container-default flex flex-col typography"> 1437 <div class="site-footer__ctas"> 1438 <ul class="nav-items icon-list flex"><li class="nav-item"><a class="button button--link button--large button--link--brand button--hover-brand button--rounded-full label--black" href="https://www.verkehrsclub.ch/angebot/mitgliedschaft">Mitglied werden</a></li><li class="nav-item"><a class="button button--link button--large button--link--brand button--hover-brand button--rounded-full label--black" href="https://www.verkehrsclub.ch/spenden">Spenden</a></li></ul> 1439 </div> 1440 <div class="site-footer__nav-sections flex relative"> 1441 <div class="site-footer__nav-section section-social flex"> 1442 <div class="site-footer__logo"> 1443 <a href="https://www.verkehrsclub.ch/" class="site-logo inline-block"> 1444 <img src="/static/images/logo-de.svg" alt="Logo" class="site-logo__image" width="154" height="40"> 1445 </a> 1446 </div> 1447 <!-- Template: _components/partials/socialIconsProfile.twig --> 1448<ul class="social-icons icon-list"> 1449 <li class="social-icons__item rounded-sm"> 1450 <a href="https://www.facebook.com/verkehrsclub.ch/" target="_blank" rel="noopener noreferrer"> 1451 <svg class="icon icon-social" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg> 1452 <span class="sr-only">Facebook</span> 1453 </a> 1454 </li> 1455 <li class="social-icons__item rounded-sm"> 1456 <a href="https://www.instagram.com/verkehrsclub_schweiz/" target="_blank" rel="noopener noreferrer"> 1457 <i class="fa-brands fa-instagram"></i> 1458 <svg class="icon icon-social" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
1459 <span class="sr-only">Instagram</span> 1460 </a> 1461 </li> 1462 <li class="social-icons__item rounded-sm"> 1463 <a href="https://www.youtube.com/channel/UCQILPjZyL5rC1mfwBqd4rPA" target="_blank" rel="noopener noreferrer"> 1464 <svg class="icon icon-social" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg> 1465 <span class="sr-only">Youtube</span> 1466 </a> 1467 </li> 1468</ul> 1469 </div> 1470 <div class="site-footer__nav-section section-internal flex items-start"> 1471 <div class="site-footer__colophon"> 1472 1473 <ul class="nav-items icon-list flex justify-between flex-col lg:flex-row"> 1474 <li class="nav-item "> 1475 <button class="nav-link cookiebot-trigger-btn">Cookie-Einstellungen</button> 1476 </li> 1477 <li class="nav-item "> 1478 <a class="nav-link" href="https://www.verkehrsclub.ch/cookie-erklaerung">Cookie-Erklärung</a> 1479 </li> 1480 <li class="nav-item "> 1481 <a class="nav-link" href="https://www.verkehrsclub.ch/impressum">Impressum</a> 1482 </li> 1483 <li class="nav-item "> 1484 <a class="nav-link" href="https://www.verkehrsclub.ch/data-privacy">Datenschutz</a> 1485 </li> 1486 </ul> 1487 </div> 1488 <div class="site-footer__trademark"> 1489 © 2026 VCS Verkehrs-Club der Schweiz 1490 </div> 1491 </div> 1492 <div class="button-icons__item buttom--mobile rounded-sm absolute"> 1493 <a href="#" title="Back to Top"> 1494 <i class="fa-regular fa-arrow-up-to-line"></i> 1495 </a> 1496 </div> 1497 </div> 1498 </div> 1499 </div> 1500</footer> 1501 1502 </div> 1503 </div> 1504 1505 <div id="component-oirsjj" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://www.verkehrsclub.ch/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"sprig:config":"04ef4b3a60f139b705e2b6c49638ef8bc0bea2f876da00cd534b766692dc6ef8{\u0022id\u0022:\u0022component-oirsjj\u0022,\u0022siteId\u0022:2,\u0022template\u0022:\u0022_components\\\/other\\\/empty-sprig.twig\u0022}"}"></div> 1506 1507 <span id="blitz-inject-2" class="blitz-inject" data-blitz-id="2" data-blitz-uri="/_dynamic_include_1514808276" data-blitz-params="ei=94&pi=0" data-blitz-property=""></span> 1508 1509
1509<script type="text/plain" data-cookieconsent="marketing"> 1510 (function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo"); 1511 vgo('setAccount', '91716494'); 1512 vgo('setTrackByDefault', true); 1513 vgo('process'); 1514 </script>
1514 1515 1516
1516<script> 1517 document.addEventListener('afterBlitzInjectAll', function () { 1518 if (typeof htmx !== 'undefined') { 1519 htmx.process(document.body); 1520 } 1521 }); 1522 </script>
1522 1523
1523<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2023","creator":{"@id":"#creator"},"dateCreated":"2023-11-03T09:12:46+01:00","dateModified":"2026-09-15T15:30:46+02:00","datePublished":"2023-11-03T09:12:00+01:00","description":"Vernetzt, sicher und klimaschonend Wir gestalten die nachhaltige Mobilität der Zukunft: Diese vernetzt alle Verkehrsträger, ist sicher, für alle zugänglich, klima- und umweltschonend. Wir setzen uns für bessere Lebensqualität mit mehr Begegnungsräumen und Grünflächen, reduziertem Verkehr, geringerem Lärm und mehr Sicherheit ein. Wir setzen auf die Kombination von umweltfreundlichen Verkehrsmitteln und fördern die fossilfreie Mobilität, die sich für Mensch und Umwelt auszahlt.","headline":"VCS Verkehrs-Club der Schweiz","inLanguage":"de-ch","mainEntityOfPage":"https://www.verkehrsclub.ch/","name":"VCS Verkehrs-Club der Schweiz","publisher":{"@id":"#creator"},"url":"https://www.verkehrsclub.ch/"},{"@id":"#identity","@type":"LocalBusiness","priceRange":"$"},{"@id":"#creator","@type":"Organization"}]}</script>
1523<script src="/cpresources/576534bc/htmx.min.js?v=1790168168"></script>
vendor: 1 bytes, line 1523
1523
1524<script src="/cpresources/1bd500c0/js/blitzInjectScript.js?v=1790168168"></script>
1524</body> 1525</html> 1526<!-- Cached by Blitz on 2026-09-23T14:56:12+02:00 --><!-- Served by Blitz on 2026-09-25T06:25:29+02:00 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.