Deine Karte für Wien | Vienna City Card All in One-Ticket

<!DOCTYPE html> <html lang="de"> <head> <script type="text/plain" data-usercentrics="Google Tag Manager"> (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-MCNXGSD9'); </script> <link rel="dns-prefetch" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://www.googletagmanager.com"> <meta charset="utf-8">  <link rel="icon" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/favicon.ico" type="image/vnd.microsoft.icon"> <title>Deine Karte für Wien | Vienna City Card All in One-Ticket</title> <meta name="generator" content="TYPO3 CMS"> <meta name="description" content="Erkunde mit einer Karte ganz Wien! | Vienna City Card 24/48/72h Ticket: ✓ Nutze U-Bahn, Bus, Straßenbahn & S-Bahn. ✓ Sightseeing. ✓ 200+ Rabatte."> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index,follow"> <meta property="og:description" content="Erkunde mit einer Karte ganz Wien! | Vienna City Card 24/48/72h Ticket: ✓ Nutze U-Bahn, Bus, Straßenbahn & S-Bahn. ✓ Sightseeing. ✓ 200+ Rabatte."> <meta property="og:title" content="Deine Karte für Wien | Vienna City Card All in One-Ticket"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.viennacitycard.at/"> <meta property="og:site_name" content="Vienna City Card"> <meta name="twitter:card" content="summary"> <meta name="twitter:description" content="Erkunde mit einer Karte ganz Wien! | Vienna City Card 24/48/72h Ticket: ✓ Nutze U-Bahn, Bus, Straßenbahn & S-Bahn. ✓ Sightseeing. ✓ 200+ Rabatte."> <meta name="twitter:title" content="Deine Karte für Wien | Vienna City Card All in One-Ticket"> <meta name="google" content="notranslate"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" href="/_assets/2956646fc0f9976e7b07a865de851184/Css/styles.css?1743686980" media="all"> <link rel="stylesheet" href="/typo3temp/assets/compressed/merged-8c420c557db3901ce7368f747af2b720-e9883282567ef1d7f2bce24172cca4fb.css.gz?1743687030" media="all"> <script src="/_assets/2956646fc0f9976e7b07a865de851184/JavaScript/main.js?1743686980" defer="defer"></script> <script src="/typo3temp/assets/compressed/manifest-6eb9ced2a36b57b9d322b5bf0bddcd58.js.gz?1743687030" defer="defer"></script> <script src="/typo3temp/assets/compressed/vendor-a8b7c44f62c3d698e8bfe94a588dba7f.js.gz?1743687030" defer="defer"></script> <script src="/typo3temp/assets/compressed/main-c99b48f6c10815a73478f2a3eb54c606.js.gz?1743687030" defer="defer"></script> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-300.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-300-italic.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-regular.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-regular-italic.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-500.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-500-italic.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-700.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/GraphikLCG/graphik-700-italic.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/Icons/icons.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="apple-touch-icon" sizes="180x180" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/favicon-16x16.png"> <link rel="manifest" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/site.webmanifest"> <link rel="mask-icon" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/safari-pinned-tab.svg" color="#e62236"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="theme-color" content="#ffffff">  <script> var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://tracking.wien.info/js/container_ulp7fbW1.js'; s.parentNode.insertBefore(g,s); </script>  <link rel="dns-prefetch" href="//tracking.wien.info"> <link rel="canonical" href="https://www.viennacitycard.at/"/> <link rel="alternate" hreflang="de-at" href="https://www.viennacitycard.at/"/> <link rel="alternate" hreflang="en" href="https://www.viennacitycard.at/en/"/> <link rel="alternate" hreflang="fr" href="https://www.viennacitycard.at/fr/"/> <link rel="alternate" hreflang="it" href="https://www.viennacitycard.at/it/"/> <link rel="alternate" hreflang="es" href="https://www.viennacitycard.at/es/"/> <link rel="alternate" hreflang="x-default" href="https://www.viennacitycard.at/"/> </head> <body id="p1" class="page-1 pagelevel-0 language-de backendlayout-pagets__home layout-0" itemscope itemtype="https://schema.org/WebPage"> <div class="wrapper"><a href="#main-content" x-data @click="() => { setTimeout(() => { const element = document.getElementById('main-content'); const offset = -100; const elementPosition = element.getBoundingClientRect().top + window.scrollY; const offsetPosition = elementPosition + offset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); }, 10); }" class="absolute left-1 top-0 bg-primary text-white py-1 px-3 z-50 transform -translate-y-full focus:translate-y-1 transition outline-offset-0" > Zum Hauptinhalt springen </a><header x-data="{ open: false, quantity: 0, init() { this.calculateQuantity(); window.addEventListener('storage', (event) => { this.calculateQuantity(); }); }, toggle() { if (this.open) { return this.close(); } this.open = true; }, close() { if (!this.open) { return; } this.open = false; }, calculateQuantity() { let carts = localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user'))['cart'] : []; let total = 0; carts.forEach(cart => { total += cart.quantity; }); this.quantity = total; }, }" class="sticky flex top-0 z-40 bg-white max-desktop:py-6 max-xxs-height:!py-2 desktop:min-h-[100px]" :class="open ? 'max-desktop:[&+#main-content]:pointer-events-none' : ''" data-header ><div class="flex justify-between items-center w-full desktop:items-stretch fluid-container-xl gap-7 md:gap-9" ><a aria-label="Startseite" class="flex items-center max-desktop:order-2" href="/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 160 54" class="" width="160" height="54" aria-hidden="true"><g clip-path="url(#a)"><path fill="#E62236" d="M152.27 0v17.41L142.38 0h-9.98v30.89h7.77v-19.4l11.27 19.4h8.55V0h-7.73.01ZM90.84 0v30.89h22.03v-6.83H99.65v-5.61h9.98v-6.31h-9.98V6.83h12.53V0H90.84ZM33.61 0l-4.19 19.44L24.92 0h-7.86l-4.15 19.27L8.94 0H0l7.17 30.89h8.64l4.8-19.61 4.75 19.61h9.24L41.81 0H33.6h.01ZM16.33 51.76c0 .89-.38 1.35-1.14 1.35-.33 0-.66-.06-.96-.2l-.09-.04v.89l.03.02c.18.1.47.2 1.07.2 1.33 0 2.12-.81 2.12-2.17v-5.47h-1.03v5.43-.01Zm6.85-1.3h2.76v-.87h-2.76V47.2h3.42v-.87h-4.46v7.55h4.65v-.87h-3.61v-2.56.01Zm7.32-3.26h2.16v6.68h1.03V47.2h2.16v-.87H30.5v.87Zm9.19 0h3.77l-4.14 6.44v.25h5.51v-.9h-3.97l4.03-6.42v-.24h-5.2v.87Zm8.92 0h2.16v6.68h1.03V47.2h2.16v-.87h-5.35v.87Zm27.98 6.68h1.04v-3.32h2.68v-.87h-2.68V47.2h3.43v-.87h-4.47v7.55Zm12.57-8.18a.615.615 0 1 0 .01-1.23.615.615 0 0 0 0 1.23h-.01Zm.72 5.17c0 1.34-.31 2.23-1.82 2.23-1.22 0-1.72-.61-1.72-2.09v-4.67H85.3v4.78c0 1.82 1 2.87 2.73 2.87 1.86 0 2.88-1.06 2.88-2.98v-4.66h-1.03v4.54-.02Zm-2.82-5.17c.34.28.84.22 1.11-.11.28-.34.22-.84-.11-1.12a.615.615 0 1 0-.01 1.23h-1 .01Zm12.56 2.76v.04c0 .87-.53 1.3-1.56 1.3h-1.32v-2.62h1.32c1.08 0 1.56.39 1.56 1.27v.01Zm1.04.04v-.04c0-1.35-.97-2.13-2.66-2.13h-2.3v7.55h1.04v-3.23h1.04l2.19 3.2.02.03h1.17l-2.29-3.31c1.16-.25 1.79-.99 1.79-2.07Zm9.55 5.38h1.04v-7.55h-1.04v7.55Zm9.54-1.88-2.23-5.62-.02-.04h-1.37v7.55h.96v-5.98l2.42 5.94.02.04h.37l2.35-5.97v5.97h1.03v-7.55h-1.36S119.74 52 119.75 52Zm12 0-2.23-5.62-.02-.04h-1.37v7.55h.96v-5.98l2.41 5.94.02.04h.37l2.35-5.97v5.97h1.03v-7.55h-1.36L131.73 52h.02Zm9.41-1.54h2.76v-.87h-2.76V47.2h3.42v-.87h-4.46v7.55h4.64v-.87h-3.61v-2.56l.01.01Zm11.87-2v.04c0 .87-.53 1.3-1.56 1.3h-1.32v-2.62h1.32c1.08 0 1.56.39 1.56 1.27v.01Zm-.75 2.11c1.16-.26 1.79-.99 1.79-2.07v-.04c0-1.35-.97-2.13-2.66-2.13h-2.29v7.55h1.03v-3.23h1.04l2.19 3.2.02.03h1.17l-2.29-3.31Zm-87.36-4.14c-.78 0-3.7 2.89-3.7 3.68s2.88 3.71 3.67 3.71 3.7-2.89 3.7-3.68-2.88-3.71-3.67-3.71Zm-4.23-15.54h8.94V0h-8.94v30.89Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h160v53.98H0z"/></clipPath></defs></svg></a><div class="relative desktop:hidden"><div class="hidden absolute right-0 top-0 justify-center items-center bg-black text-white text-sm rounded-full min-w-6 min-h-[22px] z-10 translate-x-1/4 -translate-y-1/4" :class="{ 'hidden' : !quantity, 'flex' : quantity }" ><span x-text="quantity"></span></div><a href="/shopping-cart/" class="relative flex justify-center items-center rounded-sm text-[2rem] text-black w-14 h-14 group order-1"><div class="absolute inset-0 bg-primary rounded-sm transition-transform scale-0 group-hover:scale-100 group-focus-visible:scale-100 -z-10" aria-hidden="true" ></div><span class="sr-only"> Warenkorb </span><span class="icon-supermarket text-icon-base transition-colors group-hover:text-white group-focus-visible:text-white" aria-hidden="true"></span></a></div><div class="hidden desktop:flex desktop:items-stretch"><ul x-data="{ openId: '', toggle(id) { if (this.openId == id) { return this.close(); } this.$nextTick(() => { this.setToOpen(id); }); }, setToOpen(id) { this.openId = id; }, close() { if (this.openId = '') { return; } this.openId = ''; } }" class="flex justify-center flex-wrap items-stretch gap-x-7" ><li class="flex items-center"><a href="/vienna-city-card/" id="nav-item-14" class="inline-block text-md link-variant whitespace-nowrap" > Vienna City Card </a></li><li class="flex items-center"><a href="/rabattpartner/" id="nav-item-16" class="inline-block text-md link-variant whitespace-nowrap" > Rabatte </a></li><li @click.outside="close()" @mouseleave="close()" @keydown.escape.prevent.stop="close()" class="flex items-center" ><a href="/zusatzangebote/hop-on-hop-off/" id="nav-item-15" class="inline-block text-md link-variant whitespace-nowrap" @focusin.window="openId == $el.id && !$el.parentElement.contains($event.target) && close()" @mouseover="setToOpen($event.target.id)" @focus="setToOpen($event.target.id)" > Zusatzangebote </a><div class="absolute top-full left-0 right-0 bg-white overflow-auto shadow-bottom" x-show="$el.previousElementSibling.id == openId" x-collapse style="display: none;" ><ul class="py-9 w-full flex justify-center items-center space-x-10"><li class="inline"><a href="/zusatzangebote/hop-on-hop-off/" id="nav-item-18" class="inline-block text-md link-variant whitespace-nowrap" > Hop-On Hop-Off Ticket Wien </a></li><li class="inline"><a href="/zusatzangebote/airport-transfer/" id="nav-item-17" class="inline-block text-md link-variant whitespace-nowrap" > Flughafentransfer Wien </a></li></ul></div></li><li class="flex items-center"><a href="/gutschein/" id="nav-item-11" class="inline-block text-md link-variant whitespace-nowrap" > Gutschein </a></li><li class="flex items-center"><a href="/shop/" id="nav-item-10" class="inline-block text-md link-variant whitespace-nowrap" > Shop </a></li><li class="flex items-center"><a href="/blog/" id="nav-item-193" class="inline-block text-md link-variant whitespace-nowrap" > Blog </a></li></ul></div><div class="flex items-center max-desktop:order-3"><div class="hidden desktop:flex desktop:items-center desktop:gap-1"><a href="/kontakt/" class="relative flex justify-center items-center rounded-sm text-[2rem] text-black w-14 h-14 group"><div class="absolute inset-0 bg-primary rounded-sm transition-transform scale-0 group-hover:scale-100 group-focus-visible:scale-100 z-0" aria-hidden="true" ></div><span class="sr-only"> Kontakt </span><span class="icon-phone text-icon-base transition-colors group-hover:text-white group-focus-visible:text-white relative z-10" aria-hidden="true"></span></a><div x-data="{ open: false, toggle() { if (this.open) { return this.close(); } this.open = true; $nextTick(() => { this.$refs.searchInput.focus() }); }, close() { if (!this.open) { return; } this.open = false; } }" @keydown.escape.prevent.stop="close()" @focusin.window="! $el.contains($event.target) && close()" @click.outside="close()" class="max-lg:inline" ><button @click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="relative items-center w-14 h-14 rounded-sm group" ><div class="absolute inset-0 bg-primary rounded-sm transition-transform scale-0 group-hover:scale-100 group-focus-visible:scale-100 z-0" :class="{'scale-100': open}" aria-hidden="true" ></div><span class="sr-only"> Suche öffnen/schließen </span><span class="icon-search text-icon-base transition-colors group-hover:text-white group-focus-visible:text-white relative z-10" :class="{'text-white': open}" aria-hidden="true" ></span></button><div x-show="open" x-collapse style="display: none" class="lg:absolute lg:top-full lg:left-0 lg:right-0 bg-white lg:shadow-bottom" ><form class="fluid-container-md relative flex flex-col sm:flex-row justify-center py-2 lg:py-6 gap-2 lg:gap-8" action="/vorteilspartner/?tx_projectbase_bonuspartner%5Baction%5D=show&tx_projectbase_bonuspartner%5Bcontroller%5D=BonusPartner&cHash=592f096e3497f70d6b8ed20d2d8a00f3" method="get" role="search" ><label for="searchInput" class="mb-0 sr-only"> Partner durchsuchen </label><input type="text" id="searchInput" name="searchTerm" placeholder="Partner durchsuchen" class="mb-0 border-0 h4 font-light placeholder:text-black/60 transition-all" x-ref="searchInput" /><button type="submit" class="max-lg:btn-sm lg:btn btn-secondary gap-3 justify-center" ><span class="icon-search text-icon-base" aria-hidden="true"></span> Suchen </button></form></div></div><div class="relative"><div class="hidden absolute right-0 top-0 justify-center items-center bg-black text-white text-sm rounded-full min-w-6 min-h-[22px] z-10 translate-x-1/4 -translate-y-1/4" :class="{ 'hidden' : !quantity, 'flex' : quantity }" ><span x-text="quantity"></span></div><a href="/shopping-cart/" class="relative flex justify-center items-center rounded-sm text-[2rem] text-black w-14 h-14 group"><div class="absolute inset-0 bg-primary rounded-sm transition-transform scale-0 group-hover:scale-100 group-focus-visible:scale-100 z-0" aria-hidden="true" ></div><span class="sr-only"> Warenkorb </span><span class="icon-supermarket text-icon-base transition-colors group-hover:text-white group-focus-visible:text-white relative" aria-hidden="true"></span></a></div><div class="relative px-2" x-data="{open: false}" @keydown.escape.prevent.stop="open = false" @click.outside="open = false" @focusin.window="!$root.contains($event.target) && (open = false)" ><button type="button" class="flex justify-center items-center gap-1 group" :aria-expanded="open" aria-label="Sprachauswahl - Aktuelle Sprache: Deutsch" @click="open = !open" ><span class="icon-globe mr-1.5" aria-hidden="true"></span><span class="text-sm font-medium uppercase group-hover:text-primary group-focus-visible:text-primary">de</span><span class="icon-chevron-down text-xsm transition-transform duration-300" aria-hidden="true" :class="{'rotate-180': open}" ></span></button><ul class="absolute left-0 right-0 translate-y-4 bg-white flex flex-col justify-center items-center gap-y-2.5 rounded-xs shadow-md" x-show="open" x-collapse style="display: none;" ><li class="first-of-type:pt-4 last-of-type:pb-4"><a href="/en/" hreflang="en" title="English" class="link-variant"><span class="uppercase text-sm font-medium">en</span></a></li><li class="first-of-type:pt-4 last-of-type:pb-4"><a href="/fr/" hreflang="fr" title="Français" class="link-variant"><span class="uppercase text-sm font-medium">fr</span></a></li><li class="first-of-type:pt-4 last-of-type:pb-4"><a href="/it/" hreflang="it" title="Italiano" class="link-variant"><span class="uppercase text-sm font-medium">it</span></a></li><li class="first-of-type:pt-4 last-of-type:pb-4"><a href="/es/" hreflang="es" title="Español" class="link-variant"><span class="uppercase text-sm font-medium">es</span></a></li></ul></div></div><div @keydown.escape.prevent.stop="close()" @click.outside="close()" x-id="['dropdown-button']" x-ref="panel" x-trap="open" class="z-30 desktop:hidden" ><button @click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" class="desktop:hidden p-2" ><span class="sr-only">Navigation öffnen/schließen</span><span class="relative block mb-2 bg-black h-px pointer-events-none origin-center transition-all duration-500 w-8" :class="!open ? '' : 'translate-y-[9px] rotate-45'" ></span><span class="relative block bg-black h-px pointer-events-none origin-center transition-all duration-300 w-8" :class="!open ? '' : 'opacity-0'" ></span><span class="relative block mt-2 bg-black h-px pointer-events-none origin-center transition-all duration-500 w-8" :class="!open ? '' : '-translate-y-[9px] -rotate-45'" ></span></button><div x-show="open" x-collapse style="display: none;" class="absolute overflow-auto left-0 top-full w-full bg-white shadow-bottom max-h-[calc(100vh-100%)] flex flex-col" ><div class="overflow-y-auto"><ul class="fluid-container-xl pt-2 pb-8 space-y-6 border-b border-black/60"><li class=""><a href="/vienna-city-card/" id="nav-item-14" class="text-md link-variant" > Vienna City Card </a></li><li class=""><a href="/rabattpartner/" id="nav-item-16" class="text-md link-variant" > Rabatte </a></li><li x-data="{ open: false, toggle() { if (this.open) { return this.close(); } this.open = true; }, close() { if (!this.open) { return; } this.open = false; } }"><button type="button" x-on:click="toggle()" id="nav-item-15" :aria-expanded="open" class="flex justify-between items-center w-full text-md link-variant" ><span>Zusatzangebote</span><span class="icon-chevron-right transition-transform duration-300" aria-hidden="true" :class="{'rotate-90': open}" ></span></button><ul x-show="open" x-collapse style="display: none;" class="fluid-container-xl space-y-6" ><li class="first-of-type:pt-6"><a href="/zusatzangebote/hop-on-hop-off/" id="nav-item-18" class="text-md link-variant" > Hop-On Hop-Off Ticket Wien </a></li><li class="first-of-type:pt-6"><a href="/zusatzangebote/airport-transfer/" id="nav-item-17" class="text-md link-variant" > Flughafentransfer Wien </a></li></ul></li><li class=""><a href="/gutschein/" id="nav-item-11" class="text-md link-variant" > Gutschein </a></li><li class=""><a href="/shop/" id="nav-item-10" class="text-md link-variant" > Shop </a></li><li class=""><a href="/blog/" id="nav-item-193" class="text-md link-variant" > Blog </a></li></ul><div class="fluid-container-xl border-b border-black/60 py-5"><div class="relative px-2 flex gap-x-2.5" x-data="{open: false}" @keydown.escape.prevent.stop="open = false" @click.outside="open = false" @focusin.window="!$root.contains($event.target) && (open = false)" ><button type="button" class="flex justify-center items-center gap-1 group" :aria-expanded="open" @click="open = !open" ><span class="icon-globe mr-1.5" aria-hidden="true"></span><span class="text-sm font-medium uppercase group-hover:text-primary group-focus-visible:text-primary">de</span><span class="icon-chevron-down text-xsm transition-transform duration-300" aria-hidden="true" :class="{'rotate-180': open}" ></span></button><ul class="bg-white flex flex-row justify-center items-center gap-x-2.5" x-show="open" style="display: none;" ><li class=""><a href="/en/" hreflang="en" title="English" class="link-variant"><span class="uppercase text-sm font-medium">en</span></a></li><li class=""><a href="/fr/" hreflang="fr" title="Français" class="link-variant"><span class="uppercase text-sm font-medium">fr</span></a></li><li class=""><a href="/it/" hreflang="it" title="Italiano" class="link-variant"><span class="uppercase text-sm font-medium">it</span></a></li><li class=""><a href="/es/" hreflang="es" title="Español" class="link-variant"><span class="uppercase text-sm font-medium">es</span></a></li></ul></div></div><div class="fluid-container-xl desktop:hidden max-desktop:space-x-1 py-2"><a href="/kontakt/" class="relative inline-flex justify-center items-center rounded-sm text-[2rem] text-black w-14 h-14 group"><div class="absolute inset-0 bg-primary rounded-sm transition-transform scale-0 group-hover:scale-100 group-focus-visible:scale-100 z-0" aria-hidden="true" ></div><span class="sr-only"> Kontakt </span><span class="icon-phone text-icon-base transition-colors group-hover:text-white group-focus-visible:text-white relative z-10" aria-hidden="true"></span></a><div x-data="{ open: false, toggle() { if (this.open) { return this.close(); } this.open = true; $nextTick(() => { this.$refs.searchInput.focus() }); }, close() { if (!this.open) { return; } this.open = false; } }" @keydown.escape.prevent.stop="close()" @focusin.window="! $el.contains($event.target) && close()" @click.outside="close()" class="max-lg:inline" ><button @click="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')" type="button" class="relative items-center w-14 h-14 rounded-sm group" ><div class="absolute inset-0 bg-primary rounded-sm transition-transform scale-0 group-hover:scale-100 group-focus-visible:scale-100 z-0" :class="{'scale-100': open}" aria-hidden="true" ></div><span class="sr-only"> Suche öffnen/schließen </span><span class="icon-search text-icon-base transition-colors group-hover:text-white group-focus-visible:text-white relative z-10" :class="{'text-white': open}" aria-hidden="true" ></span></button><div x-show="open" x-collapse style="display: none" class="lg:absolute lg:top-full lg:left-0 lg:right-0 bg-white lg:shadow-bottom" ><form class="fluid-container-md relative flex flex-col sm:flex-row justify-center py-2 lg:py-6 gap-2 lg:gap-8" action="/vorteilspartner/?tx_projectbase_bonuspartner%5Baction%5D=show&tx_projectbase_bonuspartner%5Bcontroller%5D=BonusPartner&cHash=592f096e3497f70d6b8ed20d2d8a00f3" method="get" role="search" ><label for="searchInput" class="mb-0 sr-only"> Partner durchsuchen </label><input type="text" id="searchInput" name="searchTerm" placeholder="Partner durchsuchen" class="mb-0 border-0 h4 font-light placeholder:text-black/60 transition-all" x-ref="searchInput" /><button type="submit" class="max-lg:btn-sm lg:btn btn-secondary gap-3 justify-center" ><span class="icon-search text-icon-base" aria-hidden="true"></span> Suchen </button></form></div></div></div></div></div></div></div></div></header><section id="main-content" role="main" itemprop="mainContentOfPage"><div class="content-wrapper"><div class="absolute md:sticky w-full bottom-auto right-auto top-full z-30 md:z-10 pointer-events-none max-xxs-height:hidden"><div id="stickyQuickLinks" role="region" aria-label="Quicklinks" class="flex justify-center items-center left-0 md:left-1/2 fixed md:absolute bottom-0 right-0 md:gap-2 pointer-events-none z-10" ><a href="/shop/" class="w-1/2 md:w-56 md:min-h-32 md:bg-primary flex flex-col md:flex-col-reverse md:justify-between text-xsm md:text-sm md:text-white md:tracking-md font-medium md:font-bold text-center md:uppercase max-md:grow gap-2 md:gap-3 md:rounded-t-xs md:shadow-bottom-navigation-bar md:pt-3 md:pb-3 md:px-6 md:transition-transform md:translate-y-1/2 md:hover:translate-y-0 md:focus-visible:translate-y-0 pointer-events-auto max-md:min-h-20 max-md:justify-center max-md:rounded-t-xs max-md:bg-white max-md:shadow-bottom-navigation-bar"><span class="icon-card text-icon-base md:text-4xl text-primary md:text-white" aria-hidden="true"></span><span class="md:min-h-[42px] md:flex md:items-center md:justify-center">Vienna City Card kaufen</span></a><div class="h-16 w-px bg-black self-end md:hidden" aria-hidden="true"></div><a href="/gutschein/vouchercode-einloesen/" class="w-1/2 md:w-56 md:min-h-32 md:bg-primary flex flex-col md:flex-col-reverse md:justify-between text-xsm md:text-sm md:text-white md:tracking-md font-medium md:font-bold text-center md:uppercase max-md:grow gap-2 md:gap-3 md:rounded-t-xs md:shadow-bottom-navigation-bar md:pt-3 md:pb-3 md:px-6 md:transition-transform md:translate-y-1/2 md:hover:translate-y-0 md:focus-visible:translate-y-0 pointer-events-auto max-md:min-h-20 max-md:justify-center max-md:rounded-t-xs max-md:bg-white max-md:shadow-bottom-navigation-bar"><span class="icon-present text-icon-base md:text-4xl text-primary md:text-white" aria-hidden="true"></span><span class="md:min-h-[42px] md:flex md:items-center md:justify-center">Vouchercode einlösen</span></a></div></div><div x-data="{ scrollDown() { let headerHeight = document.querySelector('[data-header]').offsetHeight; window.scroll(0, $el.offsetHeight + $el.offsetTop - (headerHeight ?? 0)); } }" class="h-full fluid-container-xl mb-8 md:mb-14 xl:mb-20" ><div class="relative mb-24 md:mb-2"><div class="mt-6 sm:mt-10 md:mt-16 xl:mt-20"><div class="flex flex-col-reverse"><h1 class="h2 text-center mb-1">Vienna City Card - Dein Ticket für Wien</h1></div><div class="text-center"><p class="h4 mb-10">Entdecke Wien mit U-Bahn, Bus & Co.</p></div><div class="2xl:fluid-container-md"><div class="grid grid-cols-2 2xl:grid-cols-4"><div class="flex justify-end"><a href="/vienna-city-card/" class="p-2 transition-transform hover:scale-105 focus-visible:scale-105"><div class="flex flex-col items-center relative gap-2"><span class="icon-bim-small text-primary text-6xl flex justify-center items-center" aria-hidden="true"></span><p class="text-sm tracking-md text-center uppercase mb-0 max-w-40 mx-auto"> Inklusive öffentlichem Verkehr </p></div></a></div><div class="flex"><a href="/rabattpartner/" class="p-2 transition-transform hover:scale-105 focus-visible:scale-105"><div class="flex flex-col items-center relative gap-2"><span class="icon-percentage text-primary text-6xl flex justify-center items-center" aria-hidden="true"></span><p class="text-sm tracking-md text-center uppercase mb-0 max-w-40 mx-auto"> Über 200 Rabattpartner </p></div></a></div><div class="flex justify-end"><a href="/zusatzangebote/airport-transfer/" class="p-2 transition-transform hover:scale-105 focus-visible:scale-105"><div class="flex flex-col items-center relative gap-2"><span class="icon-plane text-primary text-6xl flex justify-center items-center" aria-hidden="true"></span><p class="text-sm tracking-md text-center uppercase mb-0 max-w-40 mx-auto"> Optional: Airport Transfer </p></div></a></div><div class="flex"><a href="/zusatzangebote/hop-on-hop-off/" class="p-2 transition-transform hover:scale-105 focus-visible:scale-105"><div class="flex flex-col items-center relative gap-2"><span class="icon-bus text-primary text-6xl flex justify-center items-center" aria-hidden="true"></span><p class="text-sm tracking-md text-center uppercase mb-0 max-w-40 mx-auto"> Optional: Hop-on Hop-off </p></div></a></div></div></div></div></div><div class="relative" aria-hidden="true" data-header-image ><picture class="absolute top-0 -translate-y-1/3 left-1/2 -translate-x-1/2 shadow-md rounded-sm z-10 md:hidden"><source srcset="/typo3temp/assets/_processed_/f/9/csm_citycard_base_b2d612081d.png 1x, /typo3temp/assets/_processed_/f/9/csm_citycard_base_c29e72d32b.png 2x"><img class="rounded-sm" alt="Vienna City Card - The Official City Card" src="/typo3temp/assets/_processed_/f/9/csm_citycard_base_01974e01a7.png" width="148" height="252" /></picture><button type="button" class="btn-round-sm btn-primary bottom-16 absolute left-1/2 -translate-x-1/2 mx-auto flex justify-center items-center z-10" tabindex="-1" @click="scrollDown()" ><span class="icon-arrow-down text-base md:text-lg mt-2 animate-bounce"></span></button><figure class="max-md:-mx-5"><div class="relative h-[442px] sm:h-[542px] block overflow-hidden"><picture><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_fa082e8215.webp" type="image/webp" media="(min-width: 1536px)"><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_411c4b8eb4.webp" type="image/webp" media="(min-width: 1024px)"><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_14817e880b.webp" type="image/webp" media="(min-width: 640px)"><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_0c162caef7.webp" type="image/webp"><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_bbab02ccec.jpg" type="image/" media="(min-width: 1536px)"><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_547406537c.jpg" type="image/" media="(min-width: 1024px)"><source srcset="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_02f8c61f4e.jpg" type="image/" media="(min-width: 640px)"><img fetchpriority="high" class="absolute left-0 top-0 w-full h-full object-cover" src="/fileadmin/_processed_/4/0/csm_51413_mann-und-frau-vor-wiener-gloriette_b88a99e7ac.jpg" width="640" height="361" alt="" /></picture></div><figcaption class="text-sm mt-1.5 relative pl-5 ml-1 before:h-[2px] before:w-3 before:bg-secondary before:block before:absolute before:left-0 before:top-2.5"> © Wien Tourismus/Paul Bauer </figcaption></figure></div></div><section class="mb-12 md:mb-20 xl:mb-32"><div id="c64" class="max-w-none mx-auto"> <section class="mb-12 md:mb-20 xl:mb-32"> <div class="fluid-container-xl"> <div class="grid grid-cols-12 gap-grid" x-data="{ selectedId: null, // Card card: null, activeCard : '', cardWrapper: null, isCart: false, isVoucher: false, isMobile: false, resized: false, addOnWrapper: null, headerContent: null, headerContentTop: 0, headerContentTopOffset: 50, footer: null, footerContent: null, footerTop: 0, footerTopOffset: 32, rect : null, price: 0, priceFinal: 0, quantity: 1, maxQuantity: 10, discountPriceLabel: '', value: false, init() { // isVoucher toggle button behaviour const userStorage = localStorage.getItem('user'); if (userStorage) { const userStorageArray = JSON.parse(userStorage); if (userStorageArray && userStorageArray['cart'] && userStorageArray['cart'].length > 0) { this.isCart = true; if (this.isCart && userStorageArray['cart'][0].isVoucher) { this.isVoucher = true; this.value = true; } } } this.calculateQuantity(); window.addEventListener('storage', (event) => { this.calculateQuantity(); }); // Register property watchers to updateProduct prices and reset the AddOns on certain changes $watch('activeCard, value, quantity', () => this.updateProduct()); $watch('activeCard, value', () => this.resetAddOns()); // Set the first available tab on the page on page load. this.$nextTick(() => this.select(this.$id('tab', 1))) // Manage card resizing and hybrid absolute/fixed positioning this.headerContent = document.querySelector('[data-header-image]'); this.footer = document.querySelector('footer'); this.footerContent = document.querySelector('[data-card-stop]'); this.card = this.$refs.card; this.cardWrapper = this.$refs.cardWrapper; this.$nextTick(() => { this.isMobile = window.innerWidth <= 768; this.updateMaxWidth(); this.updateContentTopPositions(); this.updateCardPosition(); window.addEventListener('resize', () => { this.isMobile = window.innerWidth <= 768; this.updateMaxWidth(); this.updateContentTopPositions(); this.updateCardPosition(); }); window.addEventListener('scroll', () => { this.updateContentTopPositions(); this.updateCardPosition(); }); }); }, // ------ Ceil Quantity ------- calculateQuantity() { let carts = localStorage.getItem('user') ? JSON.parse(localStorage.getItem('user'))['cart'] : []; let total = 0; carts.forEach(cart => { total += cart.quantity; }); this.maxQuantity = 10 - total; }, // ---------- Prices ----------- updateProduct() { const el = document.querySelector('#product-' + this.activeCard); let basePrice = parseFloat(el.dataset.price); let basePriceFinal = parseFloat(el.dataset.priceFinal); if (this.addOnWrapper) { Array.from(this.addOnWrapper.querySelectorAll('input')).forEach((checkbox) => { if(checkbox.checked) { basePrice += parseFloat(checkbox.dataset.price); basePriceFinal += parseFloat(checkbox.dataset.discountPrice == 0 ? checkbox.dataset.price : checkbox.dataset.discountPrice); } }); } this.price = this.formatPrice(basePrice * this.quantity); this.priceFinal = this.formatPrice(basePriceFinal * this.quantity); this.discountPriceLabel = el.dataset.discountPriceLabel; }, formatPrice(price) { return price.toLocaleString('de-DE', { style: 'currency', minimumFractionDigits: 2, maximumFractionDigits: 2, currency: 'EUR', }); }, // ---------- Tablist ---------- select(id) { this.selectedId = id }, isSelected(id) { return this.selectedId === id }, whichChild(el, parent) { return Array.from(parent.children).indexOf(el) + 1 }, // ---- Pagelayout Helpers ----- resetAddOns() { $el.querySelectorAll('input[type=\'checkbox\']').forEach( el => { el.checked = false; }); this.addOnWrapper = $el.querySelector(`[data-uid='${this.activeCard}']`); }, updateMaxWidth() { this.$refs.card.style.maxWidth = this.cardWrapper.offsetWidth + 'px'; if(!this.resized) { this.resized = true; } }, updateContentTopPositions() { this.headerContentTop = this.headerContent.offsetTop + this.headerContentTopOffset; this.footerTop = this.footer.offsetTop + (this.footerContent.offsetTop - (this.card.offsetHeight / 2)) - this.footerTopOffset; }, updateCardPosition() { let middleOfCard = window.scrollY + (window.innerHeight / 2); if(middleOfCard < this.headerContentTop || middleOfCard >= this.footerTop) { this.card.style.position = 'absolute'; this.card.style.top = middleOfCard >= this.footerTop ? `${this.footerTop}px` : `${this.headerContentTop}px`; } else { this.card.style.position = 'fixed'; this.card.style.top = '50%'; } }, // ---------- Tracking --------- handleAddProductSubmit(event) { try { const formData = new FormData(event.target); const quantity = formData.get('tx_vccshop_shop[preselection][quantity]'); const orderAsCoupon = formData.get('tx_vccshop_shop[preselection][orderAsCoupon]'); const selectedProduct = $root.querySelector('input[name=\'tx_vccshop_shop[preselection][uid]\']:checked'); const items = [{ item_id: selectedProduct.dataset.vipa, item_name: selectedProduct.dataset.name, price: selectedProduct.dataset.priceFinal, quantity }]; const additionalOffers = [...$root.querySelectorAll('input[name=\'tx_vccshop_shop[preselection][additionalOffer][]\']:not(:disabled):checked')]; if(additionalOffers.length) { additionalOffers.forEach((offer) => { items.push({ item_id: offer.dataset.vipa, item_name: offer.dataset.name, price: offer.dataset.discountPrice != 0 ? offer.dataset.discountPrice : offer.dataset.price, quantity }); }); } window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'product-select', checkoutVariant: orderAsCoupon === 'true' ? 'Gutschein' : 'Ticket', ecommerce: { value: items.reduce((acc, {price, quantity}) => acc + price * quantity, 0), currency: 'EUR', items } }); event.target.submit(); } catch(error) { event.target.submit(); } }, // ----------------------------- }" x-id="['tab']" > <div class="max-md:hidden md:col-start-2 md:col-span-2" x-ref="cardWrapper"> <div x-ref="card" x-show="resized" x-cloak class="-translate-y-1/2 mx-auto z-30 shadow-md rounded-sm" > <picture x-show="!activeCard"> <source srcset="/typo3temp/assets/_processed_/f/9/csm_citycard_base_f7d10dd029.png 1x, /typo3temp/assets/_processed_/f/9/csm_citycard_base_88390667bc.png 2x"> <img class="rounded-sm" alt="Vienna City Card" src="/typo3temp/assets/_processed_/f/9/csm_citycard_base_6c206d5973.png" width="245" height="417" /> </picture> <picture x-ref="cardPicture" x-show="activeCard === '1'" > <source srcset="/fileadmin/_processed_/0/f/csm_vienna-city-card-24h_7b16077d9e.png 1x, /fileadmin/_processed_/0/f/csm_vienna-city-card-24h_34ee22eea7.png 2x"> <img class="rounded-sm" alt="Vienna City Card" src="/fileadmin/user_upload/www-viennacitycard-at/produkte/vienna-city-card-24h.png" width="2320" height="3944" /> </picture> <picture x-ref="cardPicture" x-show="activeCard === '4'" > <source srcset="/fileadmin/_processed_/3/c/csm_vienna-city-card-48h_326873b170.png 1x, /fileadmin/_processed_/3/c/csm_vienna-city-card-48h_ef663e38f7.png 2x"> <img class="rounded-sm" alt="Vienna City Card" src="/fileadmin/_processed_/3/c/csm_vienna-city-card-48h_03a2819639.png" width="245" height="417" /> </picture> <picture x-ref="cardPicture" x-show="activeCard === '2'" > <source srcset="/fileadmin/_processed_/9/a/csm_vienna-city-card-72h_838c2aff41.png 1x, /fileadmin/_processed_/9/a/csm_vienna-city-card-72h_0ae05b6298.png 2x"> <img class="rounded-sm" alt="Vienna City Card" src="/fileadmin/_processed_/9/a/csm_vienna-city-card-72h_1aed7725d3.png" width="245" height="417" /> </picture> <picture x-ref="cardPicture" x-show="activeCard === '3'" > <source srcset="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d_4a54f4ce16.png 1x, /fileadmin/_processed_/7/f/csm_vienna-city-card-7d_0d5554b194.png 2x"> <img class="rounded-sm" alt="Vienna City Card" src="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d_941aa58098.png" width="245" height="417" /> </picture> <picture x-ref="cardPicture" x-show="activeCard === '25'" > <source srcset="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d-discounts-only_502e10f102.png 1x, /fileadmin/_processed_/7/f/csm_vienna-city-card-7d-discounts-only_3b947c73d5.png 2x"> <img class="rounded-sm" alt="Vienna City Card" src="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d-discounts-only_2aa75556f1.png" width="245" height="417" /> </picture> </div> </div> <div class="col-span-12 md:col-start-5 md:col-span-8 md:max-w-4xl">  <ul x-ref="tablist" @keydown.right.prevent.stop="$focus.wrap().next()" @keydown.home.prevent.stop="$focus.first()" @keydown.page-up.prevent.stop="$focus.first()" @keydown.left.prevent.stop="$focus.wrap().prev()" @keydown.end.prevent.stop="$focus.last()" @keydown.page-down.prevent.stop="$focus.last()" role="tablist" class="mb-10 md:mb-[5.5rem] flex items-stretch" >  <li role="presentation" class="border-primary rounded-tr-sm max-md:w-1/2 border-t-2 border-r-2 -mt-[2px]" :class="{ 'border-t-2 border-r-2 -mt-[2px]': isSelected($el.firstElementChild.id), 'border-b-2': !isSelected($el.firstElementChild.id) }" > <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" class="inline-flex justify-center rounded-tr-sm text-sm font-bold tracking-md uppercase max-md:w-full max-md:px-4 md:pr-5 py-2 md:py-4 hover:underline hover:underline-offset-4 focus-visible:underline focus-visible:underline-offset-4" role="tab" >Vienna City Card kaufen</button> </li> <li role="presentation" class="border-primary rounded-tl-sm md:rounded-t-sm max-md:w-1/2 border-b-2" :class="{ 'border-t-2 border-l-2 -mt-[2px] md:border-r-2': isSelected($el.firstElementChild.id), 'border-b-2': !isSelected($el.firstElementChild.id) }" > <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id)" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" class="inline-flex justify-center rounded-tl-sm md:rounded-t-sm text-sm font-bold tracking-md uppercase max-md:w-full px-5 py-2 md:py-4 hover:underline hover:underline-offset-4 focus-visible:underline focus-visible:underline-offset-4" role="tab" >Mehr erfahren</button> </li> <li aria-hidden="true" class="max-md:hidden grow border-primary border-b-2"></li> </ul>  <div class="list-variant">  <section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" > <h2 class="h1 max-md:text-center mb-10 md:mb-14">Hol dir deine Vienna City Card</h2> <form id="preselectionForm" action="/shop/" method="get" name="tx_vccshop_shop[preselection]" @submit.prevent="handleAddProductSubmit(event)" > <fieldset x-effect="$el.disabled = isMobile" class="hidden md:block mb-12" > <legend class="text-sm mb-2">Nutzungsdauer für öffentliche Verkehrsmittel</legend> <div class="flex items-center gap-2"> <input type="radio" id="product-1" name="tx_vccshop_shop[preselection][uid]" value="1" data-price="17" data-price-final="17" data-discount-price-label="" data-name="24h Vienna City Card" data-vipa="VCC10004" class="mb-0" x-model="activeCard" /> <label for="product-1" class="text-base mb-0 cursor-pointer mr-4">24h</label> <input type="radio" id="product-4" name="tx_vccshop_shop[preselection][uid]" value="4" data-price="25" data-price-final="25" data-discount-price-label="" data-name="48h Vienna City Card" data-vipa="VCC10005" class="mb-0" x-model="activeCard" /> <label for="product-4" class="text-base mb-0 cursor-pointer mr-4">48h</label> <input type="radio" id="product-2" name="tx_vccshop_shop[preselection][uid]" value="2" data-price="29" data-price-final="29" data-discount-price-label="" data-name="72h Vienna City Card" data-vipa="VCC10006" class="mb-0" x-model="activeCard" /> <label for="product-2" class="text-base mb-0 cursor-pointer mr-4">72h</label> <input type="radio" id="product-3" name="tx_vccshop_shop[preselection][uid]" value="3" data-price="35" data-price-final="35" data-discount-price-label="" data-name="7 Tage Vienna City Card" data-vipa="VCC10007" class="mb-0" x-model="activeCard" /> <label for="product-3" class="text-base mb-0 cursor-pointer mr-4">7 Tage</label> </div> </fieldset> <fieldset x-effect="$el.disabled = isMobile" class="hidden md:block mb-12" > <legend class="text-sm mb-2">Discounts Only (ohne öffentliche Verkehrsmittel)</legend> <div class="flex items-center gap-2"> <input type="radio" id="product-25" name="tx_vccshop_shop[preselection][uid]" value="25" data-price="9" data-price-final="9" data-discount-price-label="" data-name="7 Tage Vienna City Card (Discounts Only)" data-vipa="VCC10008" class="mb-0" x-model="activeCard" /> <label for="product-25" class="text-base mb-0 cursor-pointer mr-4">7 Tage</label> </div> </fieldset> <div class="grid md:block max-md:grid-cols-4 max-md:gap-grid mb-6"> <div class="max-md:col-span-2"> <fieldset x-effect="$el.disabled = !isMobile" class="md:hidden md:mb-12" > <legend class="text-sm mb-2">Nutzungsdauer</legend> <div class="select-wrapper"> <select name="tx_vccshop_shop[preselection][uid]" x-model="activeCard" aria-label="Anzahl" > <option value="" selected disabled>Bitte auswählen:</option> <optgroup label="Mit öffentlichen Verkehrsmitteln"> <option value="1" data-price="17" data-price-final="17" data-discount-price-label="" data-name="24h Vienna City Card" data-vipa="VCC10004" > 24h </option> <option value="4" data-price="25" data-price-final="25" data-discount-price-label="" data-name="48h Vienna City Card" data-vipa="VCC10005" > 48h </option> <option value="2" data-price="29" data-price-final="29" data-discount-price-label="" data-name="72h Vienna City Card" data-vipa="VCC10006" > 72h </option> <option value="3" data-price="35" data-price-final="35" data-discount-price-label="" data-name="7 Tage Vienna City Card" data-vipa="VCC10007" > 7 Tage </option> <optgroup label="Discounts Only (Ohne öffentliche Verkehrsmittel)"> <option value="25" data-price="9" data-price-final="9" data-discount-price-label="" data-name="7 Tage Vienna City Card (Discounts Only)" data-vipa="VCC10008" > 7 Tage </option> </select> </div> </fieldset> <fieldset :disabled="!activeCard"> <legend class="sr-only">Lege Details zu dieser Karte fest</legend> <label for="quantity-input">Anzahl</label> <div class="relative w-full md:w-52 mb-4"> <button type="button" @click="quantity > 1 && quantity--" class="absolute left-2 flex items-center justify-center h-4 w-4 top-1/2 -translate-y-1/2" aria-controls="quantity-input" aria-label="Anzahl verringern" > <span class="icon-minus text-icon-base" aria-hidden="true"></span> </button> <input type="text" id="quantity-input" class="text-center mb-0 px-8" name="tx_vccshop_shop[preselection][quantity]" x-model="quantity" @input="quantity = $event.target.value === '' ? '' : Math.max(1, Math.min(parseInt($event.target.value), maxQuantity))" @blur="quantity === '' ? quantity = 1 : null" /> <button type="button" @click="quantity < maxQuantity && quantity++" class="absolute right-2 flex items-center justify-center h-4 w-4 top-1/2 -translate-y-1/2" aria-controls="quantity-input" aria-label="Anzahl erhöhen" > <span class="icon-add text-icon-base" aria-hidden="true"></span> </button> </div> <div class="hidden" :class="{ 'hidden': !activeCard }" :disabled="!activeCard" >  <div class="flex flex-row-reverse flex-wrap items-center justify-end mb-6 gap-2"> <input type="hidden" name="tx_vccshop_shop[preselection][orderAsCoupon]" :value="value">  <label @click="$refs.toggle.click(); $refs.toggle.focus()" class="mb-0 leading" for="orderAsCouponCheckbox" > Als Gutschein bestellen </label>  <button type="button" role="switch" x-ref="toggle" @click="value = ! value; resetAddOns(); updateProduct();" :aria-checked="value" :class="(value || isVoucher) && 'bg-primary border-transparent'" class="inline-flex items-center relative w-14 h-8 border border-gray-dark rounded-full transition-all duration-300 py-1" :disabled="isCart" id="orderAsCouponCheckbox" > <span :class="value || isVoucher ? 'bg-white translate-x-7 w-6 h-6' : 'bg-gray-dark translate-x-1'" class="h-4 w-4 rounded-full transition-all duration-300" aria-hidden="true" ></span> </button> </div> <div x-show="!value && !isVoucher" x-collapse x-cloak > <span class="block text-sm mb-5" x-show="activeCard">Wähle ein Zusatzangebot aus</span> <div id="1" :class="{ 'pb-6 md:pb-14': !isCart }" x-cloak x-show="activeCard == $el.dataset.uid" data-uid="1" > <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="Hop-OnHop-Off1" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Hop-On Hop-Off" data-uid="1" data-price="31" data-discount-price="0" data-name="Hop-On Hop-Off" data-vipa="VCC40002" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="Hop-OnHop-Off1" class="mb-0 cursor-pointer leading"> Hop-On Hop-Off - <span>31,00 €</span> </label> </div> <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="AirportTransfer1" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Airport Transfer" data-uid="1" data-price="22" data-discount-price="0" data-name="Airport Transfer" data-vipa="VCC40001" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="AirportTransfer1" class="mb-0 cursor-pointer leading"> Airport Transfer - <span>22,00 €</span> </label> </div> </div> <div id="4" :class="{ 'pb-6 md:pb-14': !isCart }" x-cloak x-show="activeCard == $el.dataset.uid" data-uid="4" > <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="Hop-OnHop-Off2" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Hop-On Hop-Off" data-uid="4" data-price="31" data-discount-price="0" data-name="Hop-On Hop-Off" data-vipa="VCC40002" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="Hop-OnHop-Off2" class="mb-0 cursor-pointer leading"> Hop-On Hop-Off - <span>31,00 €</span> </label> </div> <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="AirportTransfer2" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Airport Transfer" data-uid="4" data-price="22" data-discount-price="0" data-name="Airport Transfer" data-vipa="VCC40001" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="AirportTransfer2" class="mb-0 cursor-pointer leading"> Airport Transfer - <span>22,00 €</span> </label> </div> </div> <div id="2" :class="{ 'pb-6 md:pb-14': !isCart }" x-cloak x-show="activeCard == $el.dataset.uid" data-uid="2" > <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="Hop-OnHop-Off3" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Hop-On Hop-Off" data-uid="2" data-price="31" data-discount-price="0" data-name="Hop-On Hop-Off" data-vipa="VCC40002" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="Hop-OnHop-Off3" class="mb-0 cursor-pointer leading"> Hop-On Hop-Off - <span>31,00 €</span> </label> </div> <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="AirportTransfer3" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Airport Transfer" data-uid="2" data-price="22" data-discount-price="0" data-name="Airport Transfer" data-vipa="VCC40001" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="AirportTransfer3" class="mb-0 cursor-pointer leading"> Airport Transfer - <span>22,00 €</span> </label> </div> </div> <div id="3" :class="{ 'pb-6 md:pb-14': !isCart }" x-cloak x-show="activeCard == $el.dataset.uid" data-uid="3" > <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="Hop-OnHop-Off4" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Hop-On Hop-Off" data-uid="3" data-price="31" data-discount-price="0" data-name="Hop-On Hop-Off" data-vipa="VCC40002" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="Hop-OnHop-Off4" class="mb-0 cursor-pointer leading"> Hop-On Hop-Off - <span>31,00 €</span> </label> </div> <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="AirportTransfer4" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Airport Transfer" data-uid="3" data-price="22" data-discount-price="0" data-name="Airport Transfer" data-vipa="VCC40001" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="AirportTransfer4" class="mb-0 cursor-pointer leading"> Airport Transfer - <span>22,00 €</span> </label> </div> </div> <div id="25" :class="{ 'pb-6 md:pb-14': !isCart }" x-cloak x-show="activeCard == $el.dataset.uid" data-uid="25" > <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="Hop-OnHop-Off5" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Hop-On Hop-Off" data-uid="25" data-price="31" data-discount-price="0" data-name="Hop-On Hop-Off" data-vipa="VCC40002" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="Hop-OnHop-Off5" class="mb-0 cursor-pointer leading"> Hop-On Hop-Off - <span>31,00 €</span> </label> </div> <div class="flex items-center gap-2 mb-3"> <input type="checkbox" id="AirportTransfer5" name="tx_vccshop_shop[preselection][additionalOffer][]" class="mb-0" value="Airport Transfer" data-uid="25" data-price="22" data-discount-price="0" data-name="Airport Transfer" data-vipa="VCC40001" :disabled="(activeCard !== $el.dataset.uid) || value" @change="updateProduct()" > <label for="AirportTransfer5" class="mb-0 cursor-pointer leading"> Airport Transfer - <span>22,00 €</span> </label> </div> </div> </div> </div> </fieldset> </div> <div class="md:hidden max-md:col-span-2"> <picture x-cloak x-show="!activeCard" > <source srcset="/typo3temp/assets/_processed_/f/9/csm_citycard_base_f7d10dd029.png 1x, /typo3temp/assets/_processed_/f/9/csm_citycard_base_88390667bc.png 2x"> <img class="rounded-sm shadow-md ml-auto w-40" alt="Vienna City Card" src="/typo3temp/assets/_processed_/f/9/csm_citycard_base_1192308dba.png" width="160" height="272" /> </picture> <picture x-ref="cardPicture" x-cloak x-show="activeCard === '1'" > <source srcset="/fileadmin/_processed_/0/f/csm_vienna-city-card-24h_e543794095.png 1x, /fileadmin/_processed_/0/f/csm_vienna-city-card-24h_cfe0b40978.png 2x"> <img class="rounded-sm shadow-md ml-auto w-40" alt="Vienna City Card" src="/fileadmin/_processed_/0/f/csm_vienna-city-card-24h_a51b5f58bf.png" width="0" height="0" /> </picture> <picture x-ref="cardPicture" x-cloak x-show="activeCard === '4'" > <source srcset="/fileadmin/_processed_/3/c/csm_vienna-city-card-48h_3a126ca875.png 1x, /fileadmin/_processed_/3/c/csm_vienna-city-card-48h_09d52fcc39.png 2x"> <img class="rounded-sm shadow-md ml-auto w-40" alt="Vienna City Card" src="/fileadmin/_processed_/3/c/csm_vienna-city-card-48h_134732d9ad.png" width="160" height="272" /> </picture> <picture x-ref="cardPicture" x-cloak x-show="activeCard === '2'" > <source srcset="/fileadmin/_processed_/9/a/csm_vienna-city-card-72h_88e5109071.png 1x, /fileadmin/_processed_/9/a/csm_vienna-city-card-72h_6923c811f0.png 2x"> <img class="rounded-sm shadow-md ml-auto w-40" alt="Vienna City Card" src="/fileadmin/_processed_/9/a/csm_vienna-city-card-72h_014f52e382.png" width="0" height="0" /> </picture> <picture x-ref="cardPicture" x-cloak x-show="activeCard === '3'" > <source srcset="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d_06af8b2666.png 1x, /fileadmin/_processed_/7/f/csm_vienna-city-card-7d_260e9e181b.png 2x"> <img class="rounded-sm shadow-md ml-auto w-40" alt="Vienna City Card" src="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d_efee5807e2.png" width="160" height="272" /> </picture> <picture x-ref="cardPicture" x-cloak x-show="activeCard === '25'" > <source srcset="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d-discounts-only_78db89050d.png 1x, /fileadmin/_processed_/7/f/csm_vienna-city-card-7d-discounts-only_1f9a872caa.png 2x"> <img class="rounded-sm shadow-md ml-auto w-40" alt="Vienna City Card" src="/fileadmin/_processed_/7/f/csm_vienna-city-card-7d-discounts-only_71f3249619.png" width="160" height="272" /> </picture> </div> </div> <div class="link-text border-l-4 border-primary p-4 mb-6 md:mb-12" x-cloak x-show="isCart && activeCard" > <p class="hidden mb-0" :class="{ 'hidden': isVoucher }"> Du hast bereits eine normale Karte im Warenkorb und kannst nun keine Gutscheine hinzugeben. Möchtest du lieber Gutscheine kaufen? <a href="/shopping-cart/">Dann lösche jetzt den Warenkorb</a>. </p> <p class="hidden mb-0" :class="{ 'hidden': !isVoucher }"> Du hast bereits einen Gutschein im Warenkorb und es können nur weitere Gutscheine bestellt werden. Möchtest du lieber eine Karte kaufen? <a href="/shopping-cart/">Dann lösche jetzt den Warenkorb</a>. </p> </div> <div x-cloak x-show="activeCard" > <p class="mb-0" x-text="discountPriceLabel"></p> <div class="flex items-end gap-4"> <p class="h5 mb-2 line-through hidden" aria-hidden="true" x-text="price" :class="{ 'hidden': priceFinal === price }" ></p> <p class="h3 mb-2" :class="{ 'text-primary': priceFinal !== price }" x-text="priceFinal" ></p> </div> </div> <button type="submit" class="btn justify-center gap-grid max-md:w-full" :disabled="!activeCard || quantity > maxQuantity" :class="!activeCard ? 'bg-gray border-gray text-white' : 'btn-primary group '" > <span>Weiter zum Shop</span> <span class="icon-arrow-right text-white text-icon-base max-md:absolute max-md:right-8 transition-transform group-focus-visible:translate-x-2 group-hover:translate-x-2" aria-hidden="true"></span> </button> </form> </section> <section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" > <h2 class="h1 max-md:text-center mb-10 md:mb-14">Die offizielle City Card</h2> <div class="grid grid-cols-7"> <ul class="col-span-7 lg:col-span-5 mb-0"> <li>Alle Fahrten mit den öffentlichen Verkehrsmitteln im gesamten Stadtgebiet inkludiert! Wenn du Wien lieber zu Fuß oder mit dem Rad erkunden möchtest, hol dir die "Discounts Only".</li> <li>Genieße zahlreiche Vorteile in Museen und bei Sehenswürdigkeiten, je einmal 20% auf die Konsumation bei den teilnehmenden Gastronomiebetrieben u.v.m. für die Dauer deines Aufenthalts (max. 7 Tage).</li> <li>Familienbonus: Pro Vienna City Card fährt ein Kind bis zum 15. Geburtstag oder ein Hund gratis mit. (ausgenommen Discounts Only)</li> </ul> </div> <button type="button" class="btn btn-primary justify-center gap-grid group mt-6 max-md:w-full md:mt-14" @click="select($id('tab', 1)); $focus.within($refs.tablist).first()" > <span>Weiter zum Shop</span> <span class="icon-arrow-left text-white text-icon-base max-md:absolute max-md:right-8 transition-transform group-focus-visible:-translate-x-2 group-hover:-translate-x-2" aria-hidden="true"></span> </button> </section> </div> </div> </div> </div> </section> </div></section><div class="fluid-container-xl grid grid-cols-12 gap-grid"><div class="col-span-12 md:col-start-5 md:col-span-8 *:-mx-5 xl:*:-mx-10"><section class="mb-12 md:mb-20 xl:mb-32"><div id="c72" class="fluid-container-lg mx-auto"><div class=""><header><h2 class="h3"> Zur Vienna City Card können folgende Angebote dazugebucht werden: </h2></header></div><div class="flex flex-wrap gap-x-16 gap-y-8 max-md:justify-center md:mt-16"><div class="w-60 flex flex-col justify-between"><div class="flex flex-col-reverse justify-end border-t-2 border-x-2 border-primary rounded-t-sm px-6 pt-2 gap-1 mb-10 grow"><div class="[&>p]:text-xl [&>p]:font-light [&>p]:text-center [&>p]:hyphens-auto [&>p]:mb-0"><p>Hop-On </p><p>Hop-Off</p></div><span class="icon- text-primary text-[122px] flex justify-center items-center" aria-hidden="true"></span></div><p>Hop-On Hop-Off Ticket für Big Bus oder Vienna Sightseeing Tours – zusätzlich zur Laufzeit deiner Vienna City Card! Jetzt neu: Mit noch längerer Gültigkeit! </p><a href="/zusatzangebote/hop-on-hop-off/" class="btn-edge btn-primary justify-center gap-grid group max-md:w-full"><span>Mehr erfahren</span><span class="icon-arrow-right text-white text-icon-base transition-transform group-focus-visible:translate-x-2 group-hover:translate-x-2" aria-hidden="true"></span></a></div><div class="w-60 flex flex-col justify-between"><div class="flex flex-col-reverse justify-end border-t-2 border-x-2 border-primary rounded-t-sm px-6 pt-2 gap-1 mb-10 grow"><div class="[&>p]:text-xl [&>p]:font-light [&>p]:text-center [&>p]:hyphens-auto [&>p]:mb-0"><p>Airport Transfer</p></div><span class="icon-plane text-primary text-[122px] flex justify-center items-center" aria-hidden="true"></span></div><p>Flughafentransfer mit allen öffentlichen Verkehrsmitteln  7 Tage lang gültig und mit der Vienna City Card mehrmals einlösbar!</p><a href="/zusatzangebote/airport-transfer/" class="btn-edge btn-primary justify-center gap-grid group max-md:w-full"><span>Mehr erfahren</span><span class="icon-arrow-right text-white text-icon-base transition-transform group-focus-visible:translate-x-2 group-hover:translate-x-2" aria-hidden="true"></span></a></div></div></div></section><section class="mb-12 md:mb-20 xl:mb-32"><div id="c65" class="fluid-container-xl mx-auto"><div class="max-w-4xl"><header><h2 class="h3"> Eine Karte ganz nach deinen Bedürfnissen </h2></header></div><div class="w-full max-w-4xl"><table class="w-full max-w-full "><thead><tr><th class="font-light text-xl text-left py-2 px-1 border-b-2 border-primary"><span>Optionen</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>Öffentliche Verkehrsmittel</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>Rabatte</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>Airport Transfer</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>Hop-On Hop-Off</span></th></tr></thead><tbody><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>vienna city card</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Öffentliche Verkehrsmittel</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Rabatte</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>+ airport transfer</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Öffentliche Verkehrsmittel</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Rabatte</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Airport Transfer</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>+ hop-on hop-off </span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Öffentliche Verkehrsmittel</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Rabatte</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Hop-On Hop-Off</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>+ airport transfer + hop-on hop-off </span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Öffentliche Verkehrsmittel</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Rabatte</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Airport Transfer</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Hop-On Hop-Off</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>vienna city card - discounts only</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Rabatte</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td></tr></tbody></table></div><a href="/vienna-city-card/" class="btn btn-primary justify-center gap-grid group mt-12 max-md:w-full"><span>Mehr erfahren</span><span class="icon-arrow-right text-white text-icon-base max-md:absolute max-md:right-8 transition-transform group-focus-visible:translate-x-2 group-hover:translate-x-2" aria-hidden="true"></span></a></div></section><section class="mb-12 md:mb-20 xl:mb-32"><div id="c66" class="fluid-container-xl mx-auto"><div class="w-full max-w-4xl"><table class="w-full max-w-full max-md:hidden"><thead><tr><th class="font-light text-xl text-left py-2 px-1 border-b-2 border-primary"><span>Preise</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>24h</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>48h</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>72h</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>7 Tage</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>Discounts Only</span></th></tr></thead><tbody><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>Vienna city card</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">24h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">48h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">72h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">7 Tage</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Discounts Only</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>17€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>25€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>29€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>35€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>9€</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>+ airport transfer</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">24h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">48h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">72h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">7 Tage</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Discounts Only</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>39€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>47€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>51€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>57€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>31€</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>+ hop-on hop-off</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">24h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">48h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">72h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">7 Tage</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Discounts Only</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>48€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>56€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>60€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>66€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>40€</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>+ airport transfer + hop-on hop-off</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">24h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">48h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">72h</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">7 Tage</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">Discounts Only</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>70€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>78€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>82€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>88€</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span>62€</span></td></tr></tbody></table></div><div class="w-full md:hidden"><p id="mobiletable-66" class="text-xl font-light mb-2">Preise</p><div aria-describedby="mobiletable-66"><table class="w-full max-w-full text-sm tracking-sm font-normal text-left"><caption class="font-bold text-left uppercase pt-2 px-1 border-primary border-t-2">Vienna city card</caption><thead><tr><th class="font-normal py-1 px-1">24h</th><th class="font-normal py-1 px-1">48h</th><th class="font-normal py-1 px-1">72h</th><th class="font-normal py-1 px-1">7 Tage</th><th class="font-normal py-1 px-1">Discounts Only</th></tr></thead><tbody><tr><td class="py-1 px-1">17€</td><td class="py-1 px-1">25€</td><td class="py-1 px-1">29€</td><td class="py-1 px-1">35€</td><td class="py-1 px-1">9€</td></tr></tbody></table><table class="w-full max-w-full text-sm tracking-sm font-normal text-left"><caption class="font-bold text-left uppercase pt-2 px-1 border-primary border-t-2">+ airport transfer</caption><thead><tr><th class="font-normal py-1 px-1">24h</th><th class="font-normal py-1 px-1">48h</th><th class="font-normal py-1 px-1">72h</th><th class="font-normal py-1 px-1">7 Tage</th><th class="font-normal py-1 px-1">Discounts Only</th></tr></thead><tbody><tr><td class="py-1 px-1">39€</td><td class="py-1 px-1">47€</td><td class="py-1 px-1">51€</td><td class="py-1 px-1">57€</td><td class="py-1 px-1">31€</td></tr></tbody></table><table class="w-full max-w-full text-sm tracking-sm font-normal text-left"><caption class="font-bold text-left uppercase pt-2 px-1 border-primary border-t-2">+ hop-on hop-off</caption><thead><tr><th class="font-normal py-1 px-1">24h</th><th class="font-normal py-1 px-1">48h</th><th class="font-normal py-1 px-1">72h</th><th class="font-normal py-1 px-1">7 Tage</th><th class="font-normal py-1 px-1">Discounts Only</th></tr></thead><tbody><tr><td class="py-1 px-1">48€</td><td class="py-1 px-1">56€</td><td class="py-1 px-1">60€</td><td class="py-1 px-1">66€</td><td class="py-1 px-1">40€</td></tr></tbody></table><table class="w-full max-w-full text-sm tracking-sm font-normal text-left border-b-2 border-primary"><caption class="font-bold text-left uppercase pt-2 px-1 border-primary border-t-2">+ airport transfer + hop-on hop-off</caption><thead><tr><th class="font-normal py-1 px-1">24h</th><th class="font-normal py-1 px-1">48h</th><th class="font-normal py-1 px-1">72h</th><th class="font-normal py-1 px-1">7 Tage</th><th class="font-normal py-1 px-1">Discounts Only</th></tr></thead><tbody><tr><td class="py-1 px-1">70€</td><td class="py-1 px-1">78€</td><td class="py-1 px-1">82€</td><td class="py-1 px-1">88€</td><td class="py-1 px-1">62€</td></tr></tbody></table></div></thead></table></div></div></section><section class="mb-12 md:mb-20 xl:mb-32 list-variant link-text"><div id="c119" class="fluid-container-lg mx-auto"><div class=""><header><h2 class="h3"> So bestellst du deine Vienna City Card </h2></header></div><p><strong>Du möchtest deine Vienna City Card als App Ticket nutzen: </strong></p><ol><li><span>Gewünschten Kartentyp wählen = Produktart wählen und ggf. Dauer des öffentlichen Verkehrs bestimmen</span> <span> (24h, 48h, 72h oder 7 Tage) </span></li><li><span>Optionales Zusatzangebot hinzufügen (Hop-On Hop-Off und/oder Aiport Transfer) </span></li><li><span>Vienna City Cards konfigurieren: Nutzungszeitraum festlegen</span></li><li><span>Als Versandart „App Ticket“ wählen (Voraussetzung: Download der “ivie” App)</span></li><li><span>Vienna City Card zahlungspflichtig bestellen </span></li><li><p><span>Aktivierungscode aus der Bestellbestätigung in der “ivie” App eingeben und los geht's! </span></p><p> </p></li></ol><p><strong>Du möchtest deine Vienna City Card als print@home Ticket nutzen: </strong></p><ol><li><span>Gewünschten Kartentyp wählen = Produktart wählen und ggf. Dauer des öffentlichen Verkehrs bestimmen (24h, 48h, 72h oder 7 Tage) </span></li><li><span>Optionales Zusatzangebot hinzufügen (Hop-On Hop-Off und/oder Aiport Transfer) </span></li><li><span>Vienna City Cards konfigurieren: Nutzungszeitraum festlegen</span></li><li><span>Als Versandart „print@home“ wählen (Voraussetzung: ein Ausdruck in Originalgröße)</span></li><li><span>Vienna City Card zahlungspflichtig bestellen </span></li><li><span>PDF aus der Bestellbestätigung in Originalgröße ausdrucken und los geht's! </span></li></ol><p> </p><p><a href="/shop/" class="rte-btn rte-btn-primary">Zum Shop</a></p></div></section><section class="mb-12 md:mb-20 xl:mb-32 list-variant link-text"><div id="c120" class="fluid-container-lg mx-auto"><div class=""><header><h2 class="h3"> So benützt du deine Vienna City Card </h2></header></div><p><strong>Vienna City Card als Fahrschein nutzen</strong></p><p class="text-justify">Volle Mobilität – Mit der Vienna City Card steht dir auch ein Touristenticket für die gesamten öffentlichen Verkehrsmittel der Wiener Linien zur Verfügung! Du bestimmst selbst, ob du deine Vienna City Card als 24h, 48h, 72h oder 7 Tage-Fahrschein nutzen möchtest. Vor dem ersten Fahrantritt muss deine physische Vienna City Card unbedingt entwertet werden. (Ohne Entwertungsstempel ist dein Ticket ungültig!) Für print@home/App-Tickets ist keine weitere Entwertung notwendig.</p><p class="text-justify"><strong>Rabatte der Vienna City Card nutzen </strong></p><p>Genieße zahlreiche Vorteile in Museen und bei Sehenswürdigkeiten, je einmal 20% auf die Konsumation bei den teilnehmenden Gastronomiebetrieben u.v.m. für die Dauer deines Aufenthalts (max. 7 Tage). <br>Familienbonus bei deinem Touristenticket: Pro Vienna City Card fährt ein Kind bis zum 15. Geburtstag oder ein Hund gratis mit.</p><p><a href="/rabattpartner/" class="rte-btn rte-btn-primary">Mehr erfahren</a></p></div></section></div></div><section class="mb-12 md:mb-20 xl:mb-32 link-text"><div id="c223" class="fluid-container-xl mx-auto"><div class="grid grid-cols-12 gap-y-10 md:gap-grid"><div class="col-span-12 md:col-start-5 md:col-span-7 md:order-2"><div class="mb-10 md:mb-14 lg:mb-20 max-md:text-center"><div class=""><header><h2 class="h1"> ivie – Deine offizielle City Guide App </h2></header></div></div><p class="h5 font-light mb-4">Wien mit dem Smartphone neu entdecken? ivie, die digitale City Guide App für Wien, ist die perfekte Begleiterin durch die Stadt.</p><div class="max-md:hidden"><div class="[&>p>a]:max-md:w-full [&>p>a]:max-md:justify-center"><p>Der digitale City Guide „ivie“ (kostenlos für iOS und Android) des WienTourismus eignet sich perfekt, um die Stadt von allen Seiten kennenzulernen: Die App rückt bekannte Sehenswürdigkeiten in ein neues Licht, verrät Geheimtipps und hat jede Menge kuriose Geschichten und schräge Anekdoten auf Lager. Aber auch themenbezogene City Walks und nützliche Infos für den urbanen Alltag sind Teil des digitalen Stadtführers und Reiseführers.</p></div><div class="flex flex-wrap max-md:justify-center gap-5 mb-14"><div><span class="sr-only">ivie</span><span class="text-4xl icon-ivie" aria-hidden="true"></span></div><a class="h-fit transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://apps.apple.com/us/app/ivie-wien-guide/id1486840263?ls=1"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/2/1/csm_app_store_d4aa305875.webp" ><source type="image/jpg" srcset="/typo3temp/assets/_processed_/2/1/csm_app_store_6583696ca9.jpg" ><img class="rounded shadow-md" alt="Im App Store herunterladen" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/app_store.jpg" width="154" height="45" /></picture></a><a class="h-fit transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://play.google.com/store/apps/details?id=at.vienna.ivie"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/1/b/csm_google_play_4d3ff78cf5.webp" ><source type="image/jpg" srcset="/typo3temp/assets/_processed_/1/b/csm_google_play_77b90846ee.jpg" ><img class="rounded shadow-md" alt="Auf Google Play herunterladen" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/google_play.jpg" width="153" height="45" /></picture></a></div></div></div><div class="col-span-12 md:col-start-2 md:col-span-2 -mx-4 flex justify-center items-center"><div class="relative w-fit"><div class="md:hidden"><div class="absolute top-24 bottom-56 left-7 right-7 text-white font-normal text-base overflow-y-scroll [&>p]:mb-0 [&>p>a]:max-md:w-full [&>p>a]:max-md:justify-center"><p>Der digitale City Guide „ivie“ (kostenlos für iOS und Android) des WienTourismus eignet sich perfekt, um die Stadt von allen Seiten kennenzulernen: Die App rückt bekannte Sehenswürdigkeiten in ein neues Licht, verrät Geheimtipps und hat jede Menge kuriose Geschichten und schräge Anekdoten auf Lager. Aber auch themenbezogene City Walks und nützliche Infos für den urbanen Alltag sind Teil des digitalen Stadtführers und Reiseführers.</p></div><div class="absolute bottom-20 left-7 right-7"><div class="mb-8"><span class="sr-only">ivie</span><div class="icon-ivie text-4xl text-white text-center" aria-hidden="true"></div></div><div class="flex justify-center gap-5"><a class="h-fit transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://apps.apple.com/us/app/ivie-wien-guide/id1486840263?ls=1"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/2/1/csm_app_store_d4aa305875.webp" ><source type="image/jpg" srcset="/typo3temp/assets/_processed_/2/1/csm_app_store_6583696ca9.jpg" ><img class="rounded shadow-md" alt="Im App Store herunterladen" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/app_store.jpg" width="154" height="45" /></picture></a><a class="h-fit transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://play.google.com/store/apps/details?id=at.vienna.ivie"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/1/b/csm_google_play_4d3ff78cf5.webp" ><source type="image/jpg" srcset="/typo3temp/assets/_processed_/1/b/csm_google_play_77b90846ee.jpg" ><img class="rounded shadow-md" alt="Auf Google Play herunterladen" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/google_play.jpg" width="153" height="45" /></picture></a></div></div></div><picture class="flex justify-center" aria-hidden="true"><source type="image/webp" srcset=" /typo3temp/assets/_processed_/5/1/csm_iPhone_border_ferris_wheel_f91e6e6a0f.webp 1x, /typo3temp/assets/_processed_/5/1/csm_iPhone_border_ferris_wheel_2e72f3eedb.webp 2x" ><source type="image/png" srcset=" /typo3temp/assets/_processed_/5/1/csm_iPhone_border_ferris_wheel_96b228d5d9.png 1x, /typo3temp/assets/_processed_/5/1/csm_iPhone_border_ferris_wheel_62bded42cd.png 2x" ><img src="/typo3temp/assets/_processed_/5/1/csm_iPhone_border_ferris_wheel_d2c384ece4.png" width="345" height="736" alt="" /></picture></div></div></div></div></section><section class="mb-12 md:mb-20 xl:mb-32 link-text"><div id="c224" class="fluid-container-xl mx-auto"><div class="grid grid-cols-12 gap-y-10 md:gap-grid"><div class="col-span-12 text-center md:hidden"><div class=""><header><h2 class="h1"> Schenke das  Wien-Erlebnis! </h2></header></div></div><div class="col-span-12 md:col-start-7 md:col-span-5 order-2"><div class="mb-10 md:mb-14 lg:mb-20 max-md:hidden"><div class=""><header><h2 class="h1"> Schenke das  Wien-Erlebnis! </h2></header></div></div><p class="h5 font-light mb-4">Der Vienna City Card Geschenkgutschein</p><p>Vorfreude ist bekanntlich die schönste Freude – besonders wenn die Reise nach Wien geht und du jemandem mit der Vienna City Card Mobilität, Flexibilität und unvergessliche Momente schenkst. Ob Weihnachten, Geburtstag oder Muttertag: Für diverse Anlässe stehen die passenden Gutscheine zur Auswahl.</p><p><a href="/gutschein/" class="rte-btn rte-btn-primary">Gutschein kaufen</a></p></div><div class="col-span-12 md:col-span-4 px-4 flex items-center justify-center relative"><img class="w-1/4 absolute inset-0 mx-auto top-1/2 -translate-y-1/2 rounded-xs sm:rounded-sm md:hidden" src="/typo3temp/assets/_processed_/f/9/csm_citycard_base_f260454c4c.png" width="200" height="340" alt="" /><svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 500 554" fill="none" class="max-w-full h-fit text-black" aria-hidden="true"><g clip-path="url(#clip0_1599_7592)"><path d="M500 161.679H0V240.81H24.2709V553.215H479.427V240.81H500V161.679ZM283.27 166.36V236.153H218.345V166.36H283.27ZM4.65759 166.36H213.664V236.153H4.68099V166.36H4.65759ZM474.746 548.558H28.9519V240.81H213.664V547.645H218.345V240.81H283.27V547.645H287.951V240.81H474.769V548.558H474.746ZM495.319 236.153H287.951V166.36H495.319V236.153Z" fill="#E62236"/><path d="M147.17 127.485C184.384 141.996 218.953 147.87 257.735 147.87C289.94 147.87 325.024 143.821 366.896 137.338C419.604 129.17 441.464 92.4248 439.756 59.6583C438.187 29.7238 417.451 7.84048 389.318 6.4362C361.63 5.05533 329.705 26.728 294.294 70.8457C273.463 96.8014 257.525 123.319 251.814 133.149C224.921 75.0585 182.278 6.67025 128.774 0.444617C92.7303 -3.72141 69.7935 22.0003 63.638 29.9813C55.5867 40.3963 53.0121 51.0688 55.9845 61.7413C62.1869 84.1629 92.8941 106.257 147.194 127.461L147.17 127.485ZM253.663 139.374C254.388 138.064 326.546 7.86388 389.084 11.0937C410.78 12.1703 433.413 27.6876 435.098 59.8924C436.689 90.5758 416 124.981 366.194 132.704C321.865 139.585 285.236 143.681 251.603 143.119L253.663 139.374ZM67.3125 32.8366C72.6723 25.8854 91.5133 4.65745 120.98 4.65745C123.321 4.65745 125.755 4.79788 128.236 5.07873C180.85 11.1873 223.213 81.3778 249.497 139.211L251.275 143.119C215.63 142.487 183.354 136.589 148.879 123.132C96.756 102.793 66.1891 81.1438 60.4549 60.5243C57.8803 51.2092 60.1272 42.1751 67.3125 32.86V32.8366Z" fill="#E62236"/></g><defs><clipPath id="clip0_1599_7592"><rect width="500" height="553.215" fill="white"/></clipPath></defs></svg></div></div></div></section><div class="fluid-container-xl grid grid-cols-12 gap-grid"><div class="col-span-12 md:col-start-5 md:col-span-8 *:-mx-5 xl:*:-mx-10"><section class="mb-12 md:mb-20 xl:mb-32"><div id="c152" class="fluid-container-xl mx-auto"><div class="max-w-4xl"><header><h2 class="h3"> Die Vienna City Card ist hier erhältlich: </h2></header></div><div class="w-full max-w-4xl"><table class="w-full max-w-full "><thead><tr><th class="font-light text-xl text-left py-2 px-1 border-b-2 border-primary"><span>Verkaufsstellen</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>DIGITAL</span></th><th class="font-normal text-sm tracking-md text-center py-2 px-1 border-b-2 border-primary max-md:hidden"><span>PHYSISCH</span></th></tr></thead><tbody><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>Onlineshop und ivie App</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">DIGITAL</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>Tourist-Infos: Flughafen (Ankunftshalle) und Albertinaplatz 1, 1010 Wien</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">PHYSISCH</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>Vienna Sightseeing Service Center (Opernring 3-5, 1010 Wien)</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">PHYSISCH</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>Vienna Sightseeing Ticketshop Opernpassage (U-Bahn Station Karlsplatz)</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">PHYSISCH</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>WienMobil App und Wiener Linien-Verkaufsstellen (ausgenommen Discounts Only)</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">DIGITAL</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">PHYSISCH</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>ÖBB App, tickets.oebb.at, alle ÖBB-Ticketschalter in Österreich, ÖBB-Ticketautomaten (ausgenommen Discounts Only)</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">DIGITAL</p></div><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">PHYSISCH</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>CAT-Verkaufsschalter (Flughafen) (ausgenommen Discounts Only)</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">PHYSISCH</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td></tr><tr><td class="uppercase font-bold text-sm tracking-md text-left py-2 px-1 border-b-2 border-primary"><span>Partner-Hotels und -Reisebüros</span><div class="md:hidden"><div class="text-sm flex flex-row items-center flex-nowrap gap-2 mt-1"><span class="icon-bullet-filled text-primary text-xs shrink-0" aria-hidden="true"></span><p class="font-normal text-sm uppercase shrink-0 mb-0">DIGITAL</p></div></div></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span class="icon-bullet-filled text-primary" aria-hidden="true"></span><span class="sr-only">Check</span></td><td class="text-sm tracking-md py-2 px-1 text-center border-b-2 border-primary max-md:hidden"><span aria-hidden="true"> </span><span class="sr-only">Leer</span></td></tr></tbody></table></div><a href="/vienna-city-card/" class="btn btn-primary justify-center gap-grid group mt-12 max-md:w-full"><span>Mehr erfahren</span><span class="icon-arrow-right text-white text-icon-base max-md:absolute max-md:right-8 transition-transform group-focus-visible:translate-x-2 group-hover:translate-x-2" aria-hidden="true"></span></a></div></section><section class="mb-12 md:mb-20 xl:mb-32"><div id="c302" class="fluid-container-lg mx-auto"><div class=""><header><h2 class="h3"> Vienna City Card Broschüre </h2></header></div><ul class="grid grid-cols-12 gap-6"><li class="col-span-6 xs:col-span-4 md:col-span-3"><div class="relative pb-[138%] block overflow-hidden mb-3"><img class="absolute left-0 top-0 w-full h-full object-contain object-center transition-transform" src="/fileadmin/_processed_/0/2/csm_VCC_Folder_2025_web_d76fe38f2a.png" width="234" height="492" loading="lazy" alt="" /></div><a href="/fileadmin/user_upload/www-viennacitycard-at/downloads/VCC_Folder_2025_web.pdf" class="flex items-center group w-fit gap-grid p-1" download ><span class="icon-download text-xl flex items-center transition-all group-hover:translate-x-1 group-focus:translate-x-1" aria-hidden="true"></span><span class="text-sm flex flex-col"><span class="break-all uppercase font-bold transition-all group-hover:text-primary group-focus:text-primary"> VCC_Folder_2025_web.pdf (pdf, 2 MB) </span></span></a></li></ul></div></section><div class="fluid-container-xl col-span-12 md:col-start-5 md:col-span-8 [&>p]:h4 text-primary tracking-sm [&>p]:md:mb-0 [&>p]:mb-4 max-md:text-center mb-16 sm:mb-24"><p>Öffnungszeiten Service Center:</p><p>Opernring 3-5 17/24, 1010 Wien täglich 09:00 - 18:00 Uhr</p><p> </p><p>Öffnungszeiten Ticketshop:</p><p>Opernpassage (U-Bahn Station Karlsplatz), 1010 Wien täglich 09:00 - 18:00 Uhr</p><p> </p><p>Öffnungszeiten Tourist-Info:</p><p>Albertinaplatz, 1010 Wien täglich 09:00 - 18:00 Uhr</p><p>Flughafen täglich 09:00 - 18:00 Uhr</p></div></div></div></div></section><footer itemscope itemtype="https://schema.org/WPFooter"><div class="relative bg-black pt-14 pb-11 md:pb-24 md:pt-20 z-[15]"><div class="fluid-container-xl"><div class="grid grid-cols-12 gap-grid max-md:gap-y-8 justify-between text-white"><div class="col-span-12 md:col-span-4 flex md:flex-col justify-center md:justify-end gap-5 max-md:order-3"><div class="flex flex-col justify-end" data-card-stop><h2 class="h5 text-white text-center mb-4">Folge uns auf</h2><div class="flex flex-wrap justify-center gap-4 w-full xl:gap-7"><a aria-label="Facebook" name="Facebook" class="text-icon-base text-white transition-transform hover:scale-110 focus-visible:scale-110" target="_blank" href="https://www.facebook.com/WienTourismus"><span class="icon-facebook" aria-hidden="true"></span></a><a aria-label="Instagram" name="Instagram" class="text-icon-base text-white transition-transform hover:scale-110 focus-visible:scale-110" target="_blank" href="https://www.instagram.com/vienna/"><span class="icon-instagram" aria-hidden="true"></span></a><a aria-label="YouTube" name="YouTube" class="text-icon-base text-white transition-transform hover:scale-110 focus-visible:scale-110" target="_blank" href="https://www.youtube.com/vienna"><span class="icon-youtube" aria-hidden="true"></span></a></div></div><a href="https://www.umweltzeichen.at/de/produkte/mobilität?cert_number=UW+1431" target="_blank" aria-label="Umweltschutz Logo" rel="noreferrer" class="md:hidden transition-transform hover:scale-105 focus-visible:scale-105"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/3/d/csm_umweltschutz_logo_97bd36847e.webp" ><source type="image/png" srcset="/typo3temp/assets/_processed_/3/d/csm_umweltschutz_logo_9806a7ab39.png" ><img alt="Umweltschutz Logo" src="/typo3temp/assets/_processed_/3/d/csm_umweltschutz_logo_68dd739e7c.png" width="100" height="100" /></picture></a></div><div class="col-span-12 md:col-span-4 max-md:order-2"><div class="flex gap-2 max-md:justify-center mb-4"><span class="sr-only">ivie</span><span class="text-2xl icon-ivie text-white" aria-hidden="true"></span><h2 class="h5">- die offizielle City Guide App</h2></div><div class="flex flex-wrap max-md:justify-center gap-5"><a class="transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://apps.apple.com/us/app/ivie-wien-guide/id1486840263?ls=1"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/2/1/csm_app_store_d4aa305875.webp" ><source type="image/jpg" srcset="/typo3temp/assets/_processed_/2/1/csm_app_store_6583696ca9.jpg" ><img class="rounded" alt="Im App Store herunterladen" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/app_store.jpg" width="154" height="45" /></picture></a><a class="transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://play.google.com/store/apps/details?id=at.vienna.ivie"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/1/b/csm_google_play_4d3ff78cf5.webp" ><source type="image/jpg" srcset="/typo3temp/assets/_processed_/1/b/csm_google_play_77b90846ee.jpg" ><img class="rounded" alt="Auf Google Play herunterladen" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/google_play.jpg" width="153" height="45" /></picture></a><a class="flex items-center flex-wrap gap-2 max-md:justify-center md:mt-6 transition-transform hover:scale-105 focus-visible:scale-105" target="_blank" href="https://www.google.com/search?q=Vienna+City+Card"><div class="flex items-center gap-2"><div class="w-11 h-11 flex justify-center items-center bg-white rounded-full shrink-0"><img class="w-4 h-4" src="/typo3temp/assets/_processed_/7/1/csm_google_logo_dabfa5df9f.png" width="32" height="32" alt="" /></div></div><div class="text-nowrap shrink-0 space-x-1" aria-hidden="true"><span class="icon-star-filled leading"></span><span class="icon-star-filled leading"></span><span class="icon-star-filled leading"></span><span class="icon-star-filled leading"></span><span class="icon-star-half leading"></span></div><div class="leading pt-0.5"><span class="sr-only">Google Places - Vienna City Card</span><span>411 Google-Rezessionen</span></div></a></div></div><div class="col-span-12 md:col-span-4 max-md:order-1"><div class="flex max-md:flex-row-reverse max-md:justify-center md:justify-between max-xl:flex-col gap-5"><div class="flex flex-col"><h2 class="h5 mb-4">Zahlungsmethoden</h2><div class="grid grid-cols-2 gap-6 md:gap-14 flex-wrap"><div class="grid-span-1 flex"><img src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Page/debit_card.png" width="78" height="52" alt="" /><span class="sr-only">Debitkarte</span></div><div class="grid-span-1 flex"><span class="icon-mastercard-1 text-4xl" aria-hidden="true"></span><span class="sr-only">Mastercard</span></div><div class="grid-span-1 flex"><img class="w-20 h-7" src="/typo3temp/assets/_processed_/3/4/csm_visa_44e7488e41.png" width="160" height="56" alt="" /><span class="sr-only">Visa</span></div><div class="grid-span-1 flex"><img class="w-24 h-6" src="/typo3temp/assets/_processed_/0/8/csm_paypal_affd4ee03c.png" width="200" height="48" alt="" /><span class="sr-only">PayPal</span></div><div class="grid-span-1 flex"><span class="icon-google-pay-logo text-4xl" aria-hidden="true"></span><span class="sr-only">Google Pay</span></div><div class="grid-span-1 flex"><span class="icon-apple-pay-logo text-4xl" aria-hidden="true"></span><span class="sr-only">Apple Pay</span></div><div class="grid-span-1 flex"><span class="icon-alipay-logo text-3xl" aria-hidden="true"></span><span class="sr-only">Alipay</span></div></div></div><div class="flex flex-col justify-between items-center md:flex-row xl:flex-col gap-4 shrink-0"><a href="/faq/" class="h5 text-center border-b border-white h-fit mb-0 transition-transform hover:scale-105 focus-visible:scale-105"> FAQs </a><a href="https://www.viennasightseeing.at/" target="_blank" rel="noreferrer" class="transition-transform hover:scale-105 focus-visible:scale-105"><img class="w-16 h-16" alt="Vienna Sightseeing Logo" src="/typo3temp/assets/_processed_/4/e/csm_vst_logo_7f47068adc.png" width="128" height="128" /></a><a href="https://www.umweltzeichen.at/de/produkte/mobilität?cert_number=UW+1431" target="_blank" aria-label="Umweltschutz Logo" rel="noreferrer" class="max-md:hidden transition-transform hover:scale-105 focus-visible:scale-105"><picture><source type="image/webp" srcset="/typo3temp/assets/_processed_/3/d/csm_umweltschutz_logo_97bd36847e.webp" ><source type="image/png" srcset="/typo3temp/assets/_processed_/3/d/csm_umweltschutz_logo_9806a7ab39.png" ><img class="w-16 h-16 md:w-20 md:h-20" alt="Umweltschutz Logo" src="/typo3temp/assets/_processed_/3/d/csm_umweltschutz_logo_68dd739e7c.png" width="100" height="100" /></picture></a></div></div></div></div></div></div><div class="fluid-container-xl"><div class="flex flex-wrap gap-6 max-md:pb-24 py-3.5 justify-center items-center"><ul class="flex flex-wrap justify-center gap-6"><li><a href="/ueber-uns/" class="link-variant text-sm" > Über uns </a></li><li><a href="/kontakt/" class="link-variant text-sm" > Kontakt </a></li><li><a href="/agb/" class="link-variant text-sm" > AGB </a></li><li><a href="/datenschutz/" class="link-variant text-sm" > Datenschutz </a></li><li><a href="/impressum/" class="link-variant text-sm" > Impressum </a></li><li><a href="/widerruf/" class="link-variant text-sm" > Widerruf </a></li><li><a href="https://www.wien.info/" class="link-variant text-sm" target="_blank" > Wien.info </a></li><li><a href="/b2b-shop/" class="link-variant text-sm" > B2B Shop </a></li></ul></div></div></footer></div> <script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-language="de" data-settings-id="nEBJNuOxsGH96m" async></script> </body> </html>

CINXE.COM

Deine Karte für Wien | Vienna City Card All in One-Ticket