1 2<!DOCTYPE html> 3<html class="no-js" lang="de-DE"> 4<head> 5
5<script> 6 document.documentElement.className = "js"; 7 8 9 function noop() { } 10 11 var qpark = qpark || {}; 12 qpark.locale = "de"; 13 qpark.tokenHeaderValue = "AAxwrNoinWpywk1Qte2A94DVwX2FRccTQu3eNMn_n5vHCSZM9JO1auLHyYp_cBd-rEuEysrWyh4FdpkBrtpHKXyy4rM1:3QbkOAW7aMOOSStnMGe32fA6dn_7tnCq-yqJd7RtM7hXkdEZ7E_Y4yxVMtj-6XTWw66YJ8oqylIGGC6ejyZGBPsxGYA1"; 14 qpark.startConversionTracking = function () { 15 const rwgToken = new URLSearchParams(location.search).get('rwg_token') || undefined; 16 17 // store the rwgToken in a cookie and set the cookie expiration date to 30 days 18 if (rwgToken !== undefined) { 19 document.cookie = '_rwgToken=' + rwgToken + '; max-age=2592000; domain=' + location.hostname + '; path=/'; 20 } 21 } 22 23 qpark.startConversionTracking(); 24 </script>
24 25 26 27<link rel="preconnect" href="//app.usercentrics.eu"> 28<link rel="preconnect" href="//api.usercentrics.eu"> 29<link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> 30<link rel="preload" href="//app.usercentrics.eu/browser-ui/latest/loader.js" as="script"> 31
32<script id="usercentrics-cmp" data-settings-id="NioV6a6FH" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async=""></script>
32 33 34 35 36 37 38
38<script> 39 dataLayer = [{ "warning":"this is not the real data layer! The real one is gtmDataLayer."}]; 40 dataLayer.replaceUndefinedStrings = function (obj) { 41 for (var k in obj) { 42 if (Object.prototype.hasOwnProperty.call(obj, k)) { 43 if (typeof obj[k] == "object" && obj[k] !== null) { 44 dataLayer.replaceUndefinedStrings(obj[k]); 45 } else { 46 if (obj[k] === "undefined") { 47 //console.log(`REPLACING undefined for obj.${k}`); 48 obj[k] = undefined; 49 } 50 } 51 } 52 } 53 return obj; 54 }; 55 56 window.gtmDataLayer = window.gtmDataLayer || []; 57 window.gtmEventQueue = []; 58 window.consentUpdateReceived = false; 59 60 function flushGtmEventQueue() { 61 while (gtmEventQueue.length > 0) { 62 var queuedEvent = gtmEventQueue.shift(); 63 gtmDataLayer.push(queuedEvent); 64 } 65 } 66 67 dataLayer.push = function () { 68 //don't modify or queue Google Consent Mode events - push them immediately 69 if (arguments[0][0] === 'consent' || arguments[0][0] === 'set') { 70 gtmDataLayer.push(arguments[0]); 71 return; 72 }; 73 74 Array.prototype.push.apply(this, arguments); //keep track of raw values 75 for (var i = 0; i < arguments.length; ++i) { 76 var arg = arguments[i]; 77 var argClone = JSON.parse(JSON.stringify(arg)); 78 dataLayer.replaceUndefinedStrings(argClone); 79 80 if (argClone.event === 'consent_status' && argClone.type === 'explicit') { 81 window.consentUpdateReceived = true; 82 gtmDataLayer.push(argClone); 83 flushGtmEventQueue(); 84 } 85 else if (!window.consentUpdateReceived) { 86 gtmEventQueue.push(argClone); 87 } else { 88 gtmDataLayer.push(argClone); 89 } 90 }; 91 return gtmDataLayer.length; 92 }; 93 </script>
93 94 <!-- Google Tag Manager --> 95
95<script type="text/javascript"> 96 function gtag() { 97 dataLayer.push(arguments); 98 } 99 100 gtag("consent", "default", { 101 ad_user_data: "denied", 102 ad_personalization: "denied", 103 ad_storage: "denied", 104 analytics_storage: "denied", 105 wait_for_update: 2000 106 }); 107 108 gtag("set", "ads_data_redaction", true); 109 110 </script>
110 111
111<script type="text/javascript"> 112 const customGtmEventsToPush = [{"page":{"language":"de","type":"checkout page","country":"DE"}},{"user":{"userID":"undefined","loggedIn":"undefined","type":"undefined"}},{"event":"page_view","page_country":"DE","page_language":"de","page_type":"checkout page"}]; 113 for (var i = 0; i < customGtmEventsToPush.length; i++) { 114 dataLayer.push(customGtmEventsToPush[i]); 115 } 116 </script>
116 117
117<script type="text/javascript"> 118 (function(w, d, s, l, i) { 119 w[l] = w[l] || []; 120 w[l].push({ 121 'gtm.start': new Date().getTime(), 122 event: 'gtm.js' 123 }); 124 var f = d.getElementsByTagName(s)[0], 125 j = d.createElement(s), 126 dl = l != 'dataLayer' ? '&l=' + l : ''; 127 j.async = true; 128 j.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-T9JHBHM' + dl; 129 f.parentNode.insertBefore(j, f); 130 })(window, document, 'script', 'gtmDataLayer', 'GTM-T9JHBHM'); 131 </script>
131 132 <!-- End Google Tag Manager --> 133 134 135 <meta name="robots" content="noindex"> 136 137<meta charset="UTF-8"> 138 139<meta name="author" content=""> 140<meta name="title" content="Product"> 141<meta name="description" content=""> 142<meta name="keywords" content=""> 143 144 145 <meta name="google-site-verification" content="ysknMmkxyE23kpQHet9cStDLN4rNxikntcxUUoTJLIg"> 146 147<meta name="viewport" content="width=device-width"> 148<meta name="theme-color" content="#ffffff"> 149<meta name="MobileOptimized" content="width"> 150<meta name="HandheldFriendly" content="true"> 151 152<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 153<meta http-equiv="cache-control" content="no-store"> 154<meta http-equiv="pragma" content="no-cache"> 155 156<title>Product</title> 157 158<link rel="icon" type="image/x-icon" href="https://q-park-online-prod-static.azureedge.net/static/assets/img/favicon.ico"> 159<link rel="icon" type="image/png" sizes="16x16" href="https://q-park-online-prod-static.azureedge.net/static/assets/img/favicon-16x16.png"> 160<link rel="icon" type="image/png" sizes="32x32" href="https://q-park-online-prod-static.azureedge.net/static/assets/img/favicon-32x32.png"> 161 162 163 164 <link rel="alternate" href="https://www.q-park.de/de-de/shop/seasonticket/product/" hreflang="de-DE"> 165 <link rel="alternate" href="https://www.q-park.de/en-gb/shop/seasonticket/product/" hreflang="en-DE"> 166 167 168
168<script> 169 var sharedGtmEvents = { 170 gtmSelectContentJson: { 171 "content_id": "", 172 "event": "select_content", 173 "page_country": "DE", 174 "page_language": "de", 175 "page_type": "checkout page" 176} 177 }; 178 179 var sharedGtmEventsPusher = { 180 pushGtmSelectContent: (contentType, element) => { 181 if (element && !(element?.classList.contains('collapsed'))) { 182 return; 183 } 184 185 if (sharedGtmEvents.gtmSelectContentJson) { 186 let eventToPush = { 187 ...sharedGtmEvents.gtmSelectContentJson, 188 content_type: contentType 189 }; 190 dataLayer.push(eventToPush); 191 } 192 } 193 }; 194 </script>
194 195 196 197 198
198<script type="application/ld+json"> 199 {"itemListElement":[{"position":1,"item":{"@id":"https://www.q-park.de/de-de/","name":"Home"},"@type":"ListItem"},{"position":2,"item":{"name":"Shop"},"@type":"ListItem"},{"position":3,"item":{"name":"SeasonTicket"},"@type":"ListItem"}],"@type":"BreadcrumbList","@context":"https://schema.org"} 200 </script>
200 201 202 203 <link rel="preload" as="font" href="https://q-park-online-prod-static.azureedge.net/static/assets/fonts/Futura-Book.woff2?4892989" crossorigin="anonymous"> 204 <link rel="preload" as="font" href="https://q-park-online-prod-static.azureedge.net/static/assets/fonts/Futura-Demi.woff2?4892989" crossorigin="anonymous"> 205 206 207<link rel="stylesheet" media="screen" href="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/tokens/dist/_variables.css"> 208<link rel="stylesheet" media="screen" href="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/tokens/css/qp-tokens.css"> 209<link rel="stylesheet" media="screen" href="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/elements/src/css/qp-elements.css"> 210 211<link rel="stylesheet" media="screen" href="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/css/vendor.css"> 212<link rel="stylesheet" media="screen" href="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/css/publicwebsite.css"> 213 214 215 216
216<script> 217 var qpark = qpark || {}; 218 qpark.appInsights = qpark.appInsights || {}; 219 qpark.appInsights.excludedTargets = ["cts.cloud.sitecore.net | cid-v1:b406e7ec-d30b-4c17-8361-04af86a6b0bb","ss390443-hrqq48sz-westeurope-azure.searchstax.com","ss359690-pkxcp1f1-westeurope-azure.searchstax.com","maps.googleapis.com","redirect.jforce.be","cdn-eu.configcat.com","servicebus-prodenv-premium.servicebus.windows.net/sitecoreservice","servicebus-prodenv-premium.servicebus.windows.net/sitecorecdservice","graphql.usercentrics.eu","consent-api.service.consent.usercentrics.eu","www.google.com","www.google-analytics.com","region1.google-analytics.com","region1.analytics.google.com","a.clarity.ms","b.clarity.ms","c.clarity.ms","d.clarity.ms","e.clarity.ms","f.clarity.ms","g.clarity.ms","h.clarity.ms","i.clarity.ms","j.clarity.ms","k.clarity.ms","l.clarity.ms","m.clarity.ms","n.clarity.ms","o.clarity.ms","p.clarity.ms","q.clarity.ms","r.clarity.ms","s.clarity.ms","t.clarity.ms","u.clarity.ms","v.clarity.ms","w.clarity.ms","x.clarity.ms","y.clarity.ms","z.clarity.ms","px.ads.linkedin.com","cdn.linkedin.oribi.io","px.ads.linkedin.com","widget.solvemate.com","api.solvemate.com","pagead2.googlesyndication.com","www.googleadservices.com","stats.g.doubleclick.net","ad.doubleclick.net","bat.bing.com","tr.outbrain.com","vc.hotjar.io","action.metaffiliation.com","bzr.openai.com","ib.adnxs.com"]; 220 </script>
220 221 222 223
223<script type="text/javascript"> 224 !(function (cfg){function e(){cfg.onInit&&cfg.onInit(n)}var x,w,D,t,E,n,C=window,O=document,b=C.location,q="script",I="ingestionendpoint",L="disableExceptionTracking",j="ai.device.";"instrumentationKey"[x="toLowerCase"](),w="crossOrigin",D="POST",t="appInsightsSDK",E=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=E),n=C[E]||function(g){var f=!1,m=!1,h={initialize:!0,queue:[],sv:"8",version:2,config:g};function v(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[j+"id"]=i[x](),n[j+"type"]=i,n["ai.operation.name"]=b&&b.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(h.sv||h.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:undefined,seq:"1",aiDataContract:undefined}}var n,i,t,a,y=-1,T=0,S=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],o=g.url||cfg.src,r=function(){return s(o,null)};function s(d,t){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~d.indexOf("ai.3")&&(d=d.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<S.length;e++)if(0<d.indexOf(S[e])){y=e;break}var n,i=function(e){var a,t,n,i,o,r,s,c,u,l;h.queue=[],m||(0<=y&&T+1<S.length?(a=(y+T+1)%S.length,p(d.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+S[a]+i})),T+=1):(f=m=!0,s=d,!0!==cfg.dle&&(c=(t=function(){var e,t={},n=g.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][x]()]=o[1])}return t[I]||(e=(n=t.endpointsuffix)?t.location:null,t[I]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||g.instrumentationKey||"",t=(t=(t=t[I])&&"/"===t.slice(-1)?t.slice(0,-1):t)?t+"/v2/track":g.endpointUrl,t=g.userOverrideEndpointUrl||t,(n=[]).push((i="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",o=s,u=t,(l=(r=v(c,"Exception")).data).baseType="ExceptionData",l.baseData.exceptions=[{typeName:"SDKLoadFailed",message:i.replace(/\./g,"-"),hasFullStack:!1,stack:i+"\nSnippet failed to load ["+o+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(b&&b.pathname||"_unknown_")+"\nEndpoint: "+u,parsedStack:[]}],r)),n.push((l=s,i=t,(u=(o=v(c,"Message")).data).baseType="MessageData",(r=u.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+l+")").replace(/\"/g,"")+'"',r.properties={endpoint:i},o)),s=n,c=t,JSON&&((u=C.fetch)&&!cfg.useXhr?u(c,{method:D,body:JSON.stringify(s),mode:"cors"}):XMLHttpRequest&&((l=new XMLHttpRequest).open(D,c),l.setRequestHeader("Content-type","application/json"),l.send(JSON.stringify(s)))))))},a=function(e,t){m||setTimeout(function(){!t&&h.core||i()},500),f=!1},p=function(e){var n=O.createElement(q),e=(n.src=e,t&&(n.integrity=t),n.setAttribute("data-ai-name",E),cfg[w]);return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?O.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){O.getElementsByTagName(q)[0].parentNode.appendChild(n)},cfg.ld||0),n};p(d)}cfg.sri&&(n=o.match(/^((http[s]?:\/\/.*\/)\w+(\.\d+){1,5})\.(([\w]+\.){0,2}js)$/))&&6===n.length?(d="".concat(n[1],".integrity.json"),i="@".concat(n[4]),l=window.fetch,t=function(e){if(!e.ext||!e.ext[i]||!e.ext[i].file)throw Error("Error Loading JSON response");var t=e.ext[i].integrity||null;s(o=n[2]+e.ext[i].file,t)},l&&!cfg.useXhr?l(d,{method:"GET",mode:"cors"}).then(function(e){return e.json()["catch"](function(){return{}})}).then(t)["catch"](r):XMLHttpRequest&&((a=new XMLHttpRequest).open("GET",d),a.onreadystatechange=function(){if(a.readyState===XMLHttpRequest.DONE)if(200===a.status)try{t(JSON.parse(a.responseText))}catch(e){r()}else r()},a.send())):o&&r();try{h.cookie=O.cookie}catch(k){}function e(e){for(;e.length;)!function(t){h[t]=function(){var e=arguments;f||h.queue.push(function(){h[t].apply(h,e)})}}(e.pop())}var c,u,l="track",d="TrackPage",p="TrackEvent",l=(e([l+"Event",l+"PageView",l+"Exception",l+"Trace",l+"DependencyData",l+"Metric",l+"PageViewPerformance","start"+d,"stop"+d,"start"+p,"stop"+p,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),h.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(g.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==g[L]&&!0!==l[L]&&(e(["_"+(c="onerror")]),u=C[c],C[c]=function(e,t,n,i,a){var o=u&&u(e,t,n,i,a);return!0!==o&&h["_"+c]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},g.autoExceptionInstrumented=!0),h}(cfg.cfg),(C[E]=n).queue&&0===n.queue.length?(n.queue.push(e),n.trackPageView({})):e();})({ 225 src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js", 226 // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied 227 // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout, 228 // useXhr: 1, // Use XHR instead of fetch to report failures (if available), 229 // dle: true, // Prevent the SDK from reporting load failure log 230 crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag 231 // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DON'T ADD anything to the sdk.queue -- As they won't get called) 232 // sri: false, // Custom optional value to specify whether fetching the snippet from integrity file and do integrity check 233 cfg: { // Application Insights Configuration 234 connectionString: "InstrumentationKey=a76e116e-f932-44fa-b5c2-c3e2a968c9d2;IngestionEndpoint=https://westeurope-1.in.applicationinsights.azure.com/;LiveEndpoint=https://westeurope.livediagnostics.monitor.azure.com/;ApplicationId=c9175fc1-a040-478a-baf3-41aaf79396ee" 235 } 236 }); 237 238 // Telemetry initializer: this is called whenever a new telemetry item is created 239 appInsights.queue.push(function () { 240 appInsights.addTelemetryInitializer(function (envelope) { 241 var telemetryItem = envelope.baseData; 242 243 if (envelope.baseType === "RemoteDependencyData") { 244 if (envelope.baseData.success === true) { 245 return false; 246 } 247 248 if (window.qpark && window.qpark.appInsights && window.qpark.appInsights.excludedTargets) { 249 var target = envelope.baseData.target; 250 if (target) {
251 var targetLower = target.trim().toLowerCase(); 252 var isExcluded = window.qpark.appInsights.excludedTargets.some(function(excludedTarget) { 253 return targetLower.indexOf(excludedTarget) !== -1; 254 }); 255 256 if (isExcluded) { 257 return false; 258 } 259 } 260 } 261 } 262 263 // set cloud_RoleName 264 if (!envelope.tags) { 265 envelope.tags = []; 266 } 267 envelope.tags.push({ "ai.cloud.role": "Sitecore.Web" }); 268 269 // set custom properties 270 telemetryItem.properties = telemetryItem.properties || {}; 271 telemetryItem.properties["templateName"] = "BookingProductSelectionSeasonTicketV2"; 272 telemetryItem.properties["templateId"] = "{07FC2951-BE84-4553-92EC-E5A0201161A6}"; 273 telemetryItem.properties["appService"] = "q-park-online-replica-prod"; 274 275 // set custom metrics 276 // telemetryItem.measurements = telemetryItem.measurements || {}; 277 // telemetryItem.measurements["globalMetric"] = 100; 278 }); 279 }); 280 </script>
280 281</head> 282<body id="body" class="qp-city "> 283
284<script type="importmap"> 285{ 286 "imports": { 287 "@qpds/online-common": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/online-common/dist/ts/index.js", 288 "@qpds/online-media": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/online-media/dist/ts/index.js", 289 "@qpds/online-blog": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/online-blog/dist/ts/index.js", 290 "@qpds/online-content": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/online-content/dist/ts/index.js", 291 "@qpds/online-review": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/online-review/dist/ts/index.js", 292 "@qpds/elements": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/elements/dist/ts/index.js", 293 "@qpds/config": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/config/dist/qpds-config.js", 294 "@qpds/utils": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/utils/dist/ts/index.js", 295 "@qpds/logger": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/logger/dist/qpds-logger.js", 296 "@qpds/notification": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/notification/dist/ts/index.js", 297 "@qpds/structure": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/structure/dist/ts/index.js", 298 "@qpds/translations": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/node_modules/@qpds/translations/dist/ts/index.js", 299 "ModuleHelper": "https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/unbundled/ModuleHelper.js" 300 } 301} 302</script>
302 303
304<script type="module"> 305 import { initModuleOnce } from 'ModuleHelper'; 306 import { QpElementsModule } from '@qpds/elements'; 307 308 await initModuleOnce(QpElementsModule); 309 310</script>
310 311 312 313 <!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 313-315
313 314 <noscript> 315 <iframe src="https://www.googletagmanager.com/ns.html?id=
315GTM-T9JHBHM
vendor: 91 bytes, lines 315-317
315" height="0" width="0" style="display: none; visibility: hidden"></iframe> 316 </noscript> 317
317<!-- End Google Tag Manager (noscript) --> 318 319 320 321 322 323 324 325 326 327<header class="clean-qp-header white-menu"> 328 <div class="container relative fixedscroll-start"> 329 <nav class="navbar navbar-qp"> 330 <div class="row"> 331 <div class="col-xs-12 col-md-2 header-logo-override"> 332 <div class="navbar-header"> 333 <button type="button" class="navbar-toggle"> 334 <span class="sr-only">Zur Navigation wechseln</span> 335 </button> 336 <a href="/de-de/" class="navbar-brand"> 337 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/logo_white.svg" alt="Q-Park" class="logo-white"> 338 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/logo.svg" alt="Q-Park" class="logo-black"> 339 </a> 340 </div> 341 </div> 342 343 <!-- Desktop navigation --> 344 <div class="col-xs-12 col-md-10 desktop header-navigation-override"> 345 <div class="display-flex-justify display-flex-align-start"> 346 <ul class="nav navbar-nav main-nav display-flex"> 347 <li class="text-ellipsis "> 348 <a href="/de-de/staedte/" title="Städte"> 349 Städte 350 </a> 351 </li> 352 <li class="text-ellipsis "> 353 <a href="/de-de/produkte/" title="Produkte"> 354 Produkte 355 </a> 356 </li> 357 <li class="text-ellipsis "> 358 <a href="/de-de/events/" title="Events"> 359 Events 360 </a> 361 </li> 362 <li class="text-ellipsis "> 363 <a href="/de-de/unternehmen/" title="Unternehmen"> 364 Unternehmen 365 </a> 366 </li> 367 <li class="text-ellipsis "> 368 <a href="/de-de/news/" title="News"> 369 News 370 </a> 371 </li> 372 <li class="text-ellipsis "> 373 <a href="/de-de/faqs/" title="FAQs"> 374 FAQs 375 </a> 376 </li> 377 <li class="text-ellipsis "> 378 <a href="/de-de/unternehmen/karriere/" title="Karriere"> 379 Karriere 380 </a> 381 </li> 382 <li class="text-ellipsis "> 383 <a href="/de-de/app/" title="Q-Park App"> 384 <span class="nobr">Q-Park</span> App 385 </a> 386 </li> 387 </ul> 388 389 <ul class="nav navbar-nav navbar-right display-flex"> 390 <li class="language-selector"> 391 <select id="language-selector" class="language-selector-select navigate-select-with-query"> 392 <option data-exclude-query="False" value="" selected="'selected'"> 393 DE 394 </option> 395 <option data-exclude-query="False" value="/en-gb/shop/seasonticket/product/"> 396 EN 397 </option> 398 </select> 399 </li> 400 401 <li class="user-menu only-icon text-ellipsis"> 402 <a href="/de-de/login/"> 403 <div class="icon-line small-icon vertical-center"> 404 <div class="icon-wrapper"> 405 <div class="icon account-white"></div> 406 <div class="icon account"></div> 407 </div> 408 <div class="text-ellipsis">Anmelden</div> 409 </div> 410 </a> 411 </li> 412 </ul> 413 </div> 414 </div> 415 </div> 416 </nav> 417 </div> 418 419 <!-- Sidebar navigation --> 420 <nav id="side-menu" class="side-navbar navbar-qp mobile"> 421 <div class="side-navbar-container"> 422 <div class="navbar-header"> 423 <button type="button" class="navbar-toggle">
424 <span class="sr-only">Zur Navigation wechseln</span> 425 </button> 426 <a href="/de-de/" class="navbar-brand"> 427 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/logo.svg" alt="Q-Park"> 428 </a> 429 </div> 430 <div class="navbar-body"> 431 432 <ul class="nav navbar-nav"> 433 <li class=""> 434 <a href="/de-de/staedte/" title="Städte"> 435 Städte 436 </a> 437 </li> 438 <li class=""> 439 <a href="/de-de/produkte/" title="Produkte"> 440 Produkte 441 </a> 442 </li> 443 <li class=""> 444 <a href="/de-de/events/" title="Events"> 445 Events 446 </a> 447 </li> 448 <li class=""> 449 <a href="/de-de/unternehmen/" title="Unternehmen"> 450 Unternehmen 451 </a> 452 </li> 453 <li class=""> 454 <a href="/de-de/news/" title="News"> 455 News 456 </a> 457 </li> 458 <li class=""> 459 <a href="/de-de/faqs/" title="FAQs"> 460 FAQs 461 </a> 462 </li> 463 <li class=""> 464 <a href="/de-de/unternehmen/karriere/" title="Karriere"> 465 Karriere 466 </a> 467 </li> 468 <li class=""> 469 <a href="/de-de/app/" title="Q-Park App"> 470 <span class="nobr">Q-Park</span> App 471 </a> 472 </li> 473 474 </ul> 475 </div> 476 <div class="navbar-footer"> 477 <ul class="nav navbar-nav"> 478 <li class="user-menu"> 479 <a href="/de-de/login/"> 480 <div class="icon-line small-icon vertical-center"> 481 <div class="icon-wrapper"> 482 <div class="icon account"></div> 483 </div> 484 <div class="icon-text text-ellipsis">Anmelden</div> 485 </div> 486 </a> 487 </li> 488 489 <li class="language-selector"> 490 <select id="language-selector" class="language-selector-select navigate-select-with-query"> 491 <option data-exclude-query="False" value="" selected="'selected'"> 492 DE 493 </option> 494 <option data-exclude-query="False" value="/en-gb/shop/seasonticket/product/"> 495 EN 496 </option> 497 </select> 498 </li> 499 </ul> 500 </div> 501 </div> 502 </nav> 503</header> 504 505 506 507 508 509<div class="qcontentpane margin-top-body-white-menu-mobile margin-top-body-white-menu-desktop"> 510 511 512 513 514<section class="hidden clean-product-selection season-ticket-booking" data-module="booking/ui/SeasonTicket/SeasonTicketProductSelection" data-options='{"currencyFormat": "⬠0,00", "countryCode": "DE", "language": "de-DE", "dateFormat": "DD.MM.YYYY", "Cities": [{"Id":"0a6c546f-c342-4e2c-95ba-205df41d61e6","DisplayName":"Aachen","Name":"Aachen"},{"Id":"f85e23b5-4a75-4387-bd41-d9331e677cc9","DisplayName":"Augsburg","Name":"Augsburg"},{"Id":"b4591fea-8b91-4655-b38f-c4be5bee8daf","DisplayName":"Berlin","Name":"Berlin"},{"Id":"b88375ce-946e-429b-8070-3c1e046b65a6","DisplayName":"Bielefeld","Name":"Bielefeld"},{"Id":"b0580d2b-3b12-4ad0-ba4d-2f2dc4197a9f","DisplayName":"Böblingen","Name":"Boblingen"},{"Id":"8994108f-8703-45d0-b18d-115f916d16d6","DisplayName":"Bonn Bad Godesberg","Name":"Bonn Bad Godesberg"},{"Id":"2c7653cc-3707-4eaa-8411-116ce1bfe4f0","DisplayName":"Cottbus","Name":"Cottbus"},{"Id":"46c9316e-76a3-4990-bb0b-716b56cd2517","DisplayName":"Crimmitschau","Name":"Crimmitschau"},{"Id":"817c348c-d4b5-48b9-937b-da111f654eec","DisplayName":"Darmstadt","Name":"Darmstadt"},{"Id":"6e910f86-fcbf-44bc-b835-bc478319f835","DisplayName":"Dresden","Name":"Dresden"},{"Id":"ca939bbb-c095-4f45-bc6b-b8df71a19e2f","DisplayName":"Düsseldorf","Name":"Dusseldorf"},{"Id":"617da648-4386-4b9a-9265-9db3ea3032cf","DisplayName":"Erfurt","Name":"Erfurt"},{"Id":"e9f63077-9ba4-425b-b76c-a886d26b4280","DisplayName":"Essen","Name":"Essen"},{"Id":"17578232-ed07-4639-88ed-1861734b0b2e","DisplayName":"Frankfurt","Name":"Frankfurt"},{"Id":"d97b0375-9322-4273-8bde-311ef38cc4a1","DisplayName":"Fulda","Name":"Fulda"},{"Id":"
514992b717a-f247-4d4c-96a2-ec7c046bb3a6","DisplayName":"Fürth","Name":"Furth"},{"Id":"ed55c994-3a4b-412f-a4f7-ae9e5916e7f0","DisplayName":"Gießen","Name":"Gieen"},{"Id":"9f62f0a1-105b-4c12-87df-5e44d0c4320c","DisplayName":"Hagen","Name":"Hagen"},{"Id":"9f885052-6eda-4941-9bd7-2fb5043f6cca","DisplayName":"Hamburg","Name":"Hamburg"},{"Id":"e7c6fd9c-6d79-4db1-a913-3c04deec72b7","DisplayName":"Hannover","Name":"Hannover"},{"Id":"eee5ae5e-413b-4202-8266-3e2c66d34183","DisplayName":"Heidelberg","Name":"Heidelberg"},{"Id":"9ae8c12e-9831-4ff9-9c1b-21d03470f61c","DisplayName":"Herne","Name":"Herne"},{"Id":"fa826690-4bea-4731-b2b5-2c1629d476e2","DisplayName":"Hilden","Name":"Hilden"},{"Id":"88408b07-8f7a-4620-a0e7-0587d128677f","DisplayName":"Kaiserslautern","Name":"Kaiserslautern"},{"Id":"814cb6bb-c75c-4126-a855-a7ff401c86d3","DisplayName":"Kiel","Name":"Kiel"},{"Id":"5a60876b-eef0-4247-8f32-e9866fd960c7","DisplayName":"Köln","Name":"Koln"},{"Id":"bdc2ed50-16b2-43a1-97f1-2e616e62c036","DisplayName":"Landshut","Name":"Landshut"},{"Id":"63cd7c25-4ba1-4b55-89ed-0f41dcfa67c0","DisplayName":"Leipzig","Name":"Leipzig"},{"Id":"312002ad-89b6-440b-98e5-48065b9972b9","DisplayName":"Leverkusen","Name":"Leverkusen"},{"Id":"8c768f60-845f-4267-a2d8-c2c489637528","DisplayName":"Lippstadt","Name":"Lippstadt"},{"Id":"2394b9ad-559b-4f14-9c74-6cbf9121687b","DisplayName":"Lörrach","Name":"Lorrach"},{"Id":"b5907cc9-e49b-4157-9a50-490490620ed5","DisplayName":"Ludwigshafen","Name":"Ludwigshafen"},{"Id":"64dd2fd6-13f6-4b31-8bdf-fee7f26e0a76","DisplayName":"Lüneburg","Name":"Luneburg"},{"Id":"f5fd992f-0ebc-4bf3-806d-103dc44ce016","DisplayName":"Mönchengladbach","Name":"Monchengladbach"},{"Id":"6bf5df73-4d77-49fc-b001-ea8df75d8754","DisplayName":"Mülheim an der Ruhr","Name":"Mulheim an der Ruhr"},{"Id":"afa69643-3ff5-4acf-9095-a75793e85a81","DisplayName":"München","Name":"Munchen"},{"Id":"2c711a09-c62c-4a19-88e7-56f4b92cd99d","DisplayName":"Northeim","Name":"Northeim"},{"Id":"a23135fe-178f-47f9-8774-799591545c9d","DisplayName":"Nürnberg","Name":"Nurnberg"},{"Id":"012f79ed-6ef0-4004-8fdd-909ed70aa53a","DisplayName":"Offenbach","Name":"Offenbach"},{"Id":"70c1bf20-5b49-438d-8326-606003403b93","DisplayName":"Pforzheim","Name":"Pforzheim"},{"Id":"c5067999-e19d-4396-aab0-901c86850aac","DisplayName":"Remscheid","Name":"Remscheid"},{"Id":"d03ca32f-3979-4eb3-b8f8-7e101265114f","DisplayName":"Rosenheim","Name":"Rosenheim"},{"Id":"5e4cf75c-ef31-44d0-a102-3d17acd87024","DisplayName":"Rüsselsheim","Name":"Russelsheim"},{"Id":"b5925bbd-a0e6-47e3-85a3-5d19bf9e167c","DisplayName":"Saarbrücken","Name":"Saarbrucken"},{"Id":"a73f86df-845c-464b-b930-fcda0ef4b76d","DisplayName":"Stuttgart","Name":"Stuttgart"},{"Id":"423461f5-e34e-457a-908e-138eb2385ef3","DisplayName":"Wiesbaden","Name":"Wiesbaden"},{"Id":"387052f2-170f-4fc7-bd7a-b27d968aa393","DisplayName":"Witten","Name":"Witten"},{"Id":"bcfeb1ec-105f-446a-8af4-fdbd4ccbebd1","DisplayName":"Wuppertal","Name":"Wuppertal"}], "Parkings": [], "Places": [], "SelectedCityId": "", "SelectedParkingId": "", "SelectedPlaceId": "", "SelectedProductId": 0, "SelectedPeriod": "", "Quantity": 0, "bookingFlow": "SeasonTicket", "SelectedAddons": [], "gtmEComCheckoutProductSelectionJson": {"event":"ecomCheckout","ecommerce":{"checkout":{"products":[{"category":"#category#","variant":"#variant#","name":"#name#","id":"#id#","brand":"
514season ticket","quantity":1,"price":"#price#"}],"actionField":{"step":1}}}}, "DayBuffer": 16, "practicalInfo": [], "firstName": "", "lastName": "", "emailAddress": "", "phoneNumber": "", "emailRegEx": "^([0-9a-zA-Z]([\\-_\\.][0-9a-zA-Z]+)*[_\\-]?)+@([0-9a-zA-Z][\\-\\w]*[0-9a-zA-Z]*\\.)+[a-zA-Z0-9]{2,17}$", "DayBuffer" : 16, "DateErrorStringOnIoS": "Das Dauerpark-Produkt ist erst ab {0} verfügbar, bitte wählen Sie ein späteres Datum.", "SelectedDays": [], "SelectDaysOfWeekText": "Wählen Sie aus, an welchen Tagen Sie parken möchten? ([DaysToSelect]) noch zu wählende Tage", "SelectMoreDaysText": "Sie müssen ([DaysToSelect]) weitere Tage auswählen, um fortzufahren", "CountryCode": "DE", "HasCurrencySymbolBeforePrice": "True", "PromotionCode": "", "AllowPromoCode": true, "InvitationCode": "", "IsQuantityLocked": false }'> 515 <section class="step-1"> 516 <div class="container"> 517 <form class="clean-form" method="POST" action="/de-de/shop/seasonticket/product/?sid=84168f45-0002-489e-a0a2-09c94ae26da3" data-bind="event: {submit: SubmitForm}"> 518 519 <input name="__RequestVerificationToken" type="hidden" value="ewY-7K2vMWNVB5uUalhKVhxTajIsSAOfmz7_trAxV5xRmb3NTCQ3bVqNvCPtf-niuenYM1pOD_QjW0zucvlo4-ipf7U1"> 520 521 <div class="row"> 522 <div class="col-xs-12"> 523 <nav class="progress-tracker-container" aria-label="progress"> 524 <ul class="progress-tracker"> 525 <li class="current"> 526 <a> 527 <span class="step-dot"></span> 528 <span class="step-text">Produkt auswählen</span> 529 </a> 530 </li> 531 <li> 532 <a> 533 <span class="step-dot"></span> 534 <span class="step-text">Persönliche Daten</span> 535 </a> 536 </li> 537 <li> 538 <span class="step-dot"></span> 539 <span class="step-text">Übersicht & Zahlung</span> 540 </li> 541 <li id="step-indicator-last-step"> 542 <span class="step-dot"></span> 543 <span class="step-text">Bestätigung der Buchung</span> 544 </li> 545 </ul> 546</nav> 547 548 </div> 549 </div> 550 <div class="row"> 551 552 <!-- ko with: BookingViewStateModel --> 553 554 555 556<section class="col-xs-12 col-md-4 col-lg-offset-1 clean-sidebar floating-box floating-box-v3 float-right"> 557 <header class="section-header heading-3 desktop"> 558 <h3 class="section-header__title">Bestellübersicht</h3> 559 </header> 560 561 <!-- ko with: FloatingBoxModel --> 562 <div class="clean-section clean-collapse mobile collapsed" data-toggle="collapse" data-target="#order-details"> 563 <div class="bg-white rounded-5 padding-horizontal-xs padding-vertical-xs show-border border-important overflow-hidden drop-shadow no-rounded-bottom-corners-mobile-open"> 564 <header class="section-header relative"> 565 <div class="section-header-left"> 566 <div class="section-header__title"> 567 <div data-bind="visible: !CustomTitle" class="bold"> 568 Ihre Anfrage bei 569 <span data-bind="text: Parking"></span> 570 </div> 571 <div data-bind="visible: CustomTitle"> 572 <span data-bind="text: CustomTitle"></span> 573 </div> 574 </div> 575 <!-- ko if: Products && Products.length > 0 --> 576 <div class="section-header__subtitle products-subtitle"> 577 <!-- ko foreach: Products --> 578 <div class="clean-icon-line"> 579 <!-- ko if: $index() === 0 --> 580 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/ticket-dark.svg" class="icon" alt="product icon"> 581 <!-- /ko --> 582 <div class="icon-text">
583 <span class="display-block"> 584 <span data-bind="text: Quantity"></span>x <span data-bind="text: PMCName + ':'"></span> <span class="no-wrap text-nowrap" data-bind="text: FormattedPrice"></span> 585 <!-- ko if: PeriodNameAsNoun --> 586 <span data-bind="text: ' /' + PeriodNameAsNoun"></span> 587 <!-- /ko --> 588 </span> 589 </div> 590 </div> 591 <!-- /ko --> 592 </div> 593 <!-- /ko --> 594 <!-- ko if: AllowPromoCode && $root.PromoCodeModel.PromotionCodeApplied() --> 595 <div class="section-header__subtitle promocode-subtitle"> 596 <div class="clean-icon-line"> 597 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/check-green.svg" class="icon" alt="product icon"> 598 <div class="icon-text display-flex text-flex-wrap"> 599 <span class="lime promo-code-added-text">Rabatt </span> 600 <span class="bold lime promo-code-added-text text-uppercase" data-bind="text: PromotionCode"></span> 601 <span class="lime">: </span> 602 <span class="lime text-nowrap"> 603 <!-- ko if: FormattedTotalDiscount --> 604 <span class="lime bold">−</span> 605 <span class="override-price-font-size" data-bind="text: FormattedTotalDiscount"></span> 606 <!-- /ko --> 607 <!-- ko if: !$root.DisplayOnlyPromoCode() --> 608 <a class="no-link transparent-lime clean-button circle promo-code-added-text" data-bind="click: $root.ClearPromotionCodeV3"> 609 <button class="btn-remove"></button> 610 </a> 611 <!-- /ko --> 612 </span> 613 </div> 614 615 </div> 616 </div> 617 <!-- /ko --> 618 </div> 619 <div class="collapse-arrow"> 620 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/chevron-black.svg" alt="chevron down" class="clean-icon chevron-down if-collapsed"> 621 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/chevron-black.svg" alt="chevron up" class="clean-icon chevron-up if-not-collapsed"> 622 </div> 623 </header> 624 </div> 625 <!-- ko if: !$root.PromoCodeModel.PromotionCodeApplied() --> 626 <div class="collapse-promo-code-wrapper mobile"> 627 <!-- ko if: AllowPromoCode && (OneShotProducts && OneShotProducts.length !== 0 || Products && Products.length !== 0) && ($root.PaymentConfirmationView === undefined || !$root.PaymentConfirmationView) --> 628 <!-- ko if: $root.IsMobileView() --> 629 <div data-bind="template: { afterRender: $root.PromoCodeModel.ShowPromoCodeForm }"></div> 630 <!-- /ko --> 631 <div class="add-promo-code" data-bind="click: function() { return true; }, clickBubble: false"> 632 <div class="promo-code row margin-top-xs margin-top-xxs-mobile-important"> 633 <div class="col-xs-12"> 634 <div class="clean-form"> 635 <div class="row form-group no-margin-bottom-important display-flex flex-row"> 636 <div class="col-xs-8 promo-input"> 637 <div class="input-wrapper" data-bind="css: { 'validation-error': $root.PromoCodeModel.ShowInvalidPromotionCode }"> 638 <!-- ko if: $root.PromoCodeModel.ShowInvalidPromotionCode --> 639 <img class="input-error-icon icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon.svg" alt="error icon"> 640 <!-- /ko --> 641 <input type="text" class="form-control" maxlength="100" placeholder="Gutscheincode" data-bind="value: $root.PromoCodeModel.PromotionCode, valueUpdate: 'keyup', enterkey: $root.ApplyPromotionCode, css: { 'padding-right-sm-important': $root.PromoCodeModel.ShowInvalidPromotionCode } "> 642 </div> 643 </div> 644 <div class="col-xs-4 no-padding-left"> 645 <button type="button" class="clean-button secondary outlined btn-full-important regular-base-text no-shadow-important text-ellipsis" data-bind="click: $root.ApplyPromotionCode, disabled: $root.PromotionRequested"> 646 Speichern 647 </button> 648 </div> 649 </div> 650 <!-- ko if: $root.PromoCodeModel.ShowInvalidPromotionCode --> 651 <div class="row"> 652 <div class="col-xs-12 promo-error display-flex">
653 <span class="red smaller-text">Bitte geben Sie einen gültigen Code ein </span> 654 </div> 655 </div> 656 <!-- /ko --> 657 </div> 658 </div> 659 </div> 660 </div> 661 <!-- /ko --> 662 </div> 663 <!-- /ko --> 664 </div> 665 <!-- /ko --> 666 667
667<script id="floating-box" type="text/html"> 668 669 <!-- ko ifnot: Parking --> 670 <section class="clean-card margin-top-1em-mobile border-top-mobile"> 671 <div class="card-wrapper"> 672 <div class="card-inner"> 673 <div class="card-body"> 674 <span class="display-block">Kein Parkobjekt ausgewählt</span> 675 <span class="display-block">Bitte wählen Sie ein Parkobjekt</span> 676 </div> 677 </div> 678 </div> 679 </section> 680 <!-- /ko --> 681 682 <div id="order-details" class="collapse"> 683 <!-- ko if: Parking--> 684 <section class="clean-card no-header-line no-border-top-mobile no-rounded-top-corners-mobile"> 685 <a data-bind="visible: StaticMapUrl" href="javascript:document.querySelector('.map-overlay').classList.remove('hidden');"> 686 <div class="img-wrapper desktop"> 687 <div> 688 <div class="img-bg" data-bind="attr: { 'data-background-image': StaticMapUrl }"></div> 689 <div class="map-button"> 690 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_map-open.svg" class="icon" alt="icon" /> 691 </div> 692 </div> 693 </div> 694 </a> 695 <div class="img-wrapper desktop" data-bind="visible: !StaticMapUrl && ImageUrl"> 696 <div class="card__image img-bg" data-bind="attr: { 'data-background-image': ImageUrl }"></div> 697 </div> 698 699 700 <div class="card-wrapper"> 701 <div class="card-inner"> 702 <div class="card-header"> 703 <div class="card-multi-column"> 704 <div class="card-column grow shrink"> 705 <div class="card-meta-information"> 706 <div class="clean-icon-line very-dark-gray"> 707 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/location-icon-dark-gray.svg" class="icon" alt="icon" /> 708 <div class="icon-text"> 709 <a class="clean-button button-link tertiary green underlined next hidden-md hidden-lg" target="_blank" data-bind="attr: { href: DetailPageUrl }"> 710 <span class="address-line-label" data-bind="text: AddressLine1AndCity"></span> 711 </a> 712 <a class="cp-black button-link tertiary green underlined next hidden-xs hidden-sm hidden-md" target="_blank" data-bind="attr: { href: DetailPageUrl }"> 713 <span data-bind="text: AddressLine1AndCity"></span> 714 </a> 715 </div> 716 </div> 717 </div> 718 </div> 719 </div> 720 </div> 721 722 <div class="card-body"> 723 724 <div class="row"> 725 <div class="col-xs-12"> 726 <div class="row" data-bind="visible: !StartDate && !EndDate"> 727 <div class="col-xs-12"> 728 <div class="clean-icon-line"> 729 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/calendar-icon-black.svg" class="icon floating-box-date-icon" alt="icon" /> 730 <div class="icon-text"> 731 <span>Kein Datum ausgewählt</span> 732 </div> 733 </div> 734 </div> 735 </div> 736 737 <div class="row row-no-gutters" data-bind="visible: StartDate"> 738 <div class="col-xs-4"> 739 <div class="clean-icon-line"> 740 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/calendar-icon-black.svg" class="icon floating-box-date-icon" alt="icon" /> 741 <div class="icon-text">
742 <span>ab</span> 743 </div> 744 </div> 745 </div> 746 <div class="col-xs-8 black"> 747 <span data-bind="text: StartDate"></span> 748 </div> 749 </div> 750 751 752 <div class="row row-no-gutters" data-bind="visible: RecurrenceDisplayName"> 753 <div class="col-xs-4"> 754 <div class="clean-icon-line"> 755 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/clock-icon.svg" class="icon floating-box-date-icon" alt="icon" /> 756 <div class="icon-text"> 757 <span>Dauer</span> 758 </div> 759 </div> 760 </div> 761 <div class="col-xs-8 black"> 762 <span data-bind="text: RecurrenceDisplayName"></span> 763 </div> 764 </div> 765 766 <div class="row row-no-gutters" data-bind="visible: EndDate"> 767 <div class="col-xs-4"> 768 <div class="clean-icon-line"> 769 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/calendar-icon-black.svg" class="icon floating-box-date-icon" alt="icon" /> 770 <div class="icon-text"> 771 <span>bis</span> 772 </div> 773 </div> 774 </div> 775 776 <div class="col-xs-8 black"> 777 <span data-bind="text: EndDate"></span> 778 </div> 779 </div> 780 </div> 781 </div> 782 783 <!-- ko if: (!OneShotProducts || OneShotProducts.length === 0) && (!Products || Products.length === 0) --> 784 <div class="row margin-top-xs"> 785 <div class="col-xs-12"> 786 Kein Produkt ausgewählt 787 </div> 788 </div> 789 <!-- /ko --> 790 <!-- ko if: Products && Products.length > 0 --> 791 <div class="row desktop"> 792 <div class="col-xs-12"> 793 <!-- ko if: Products[0] && Products[0].Period --> 794 <div class="row row-no-gutters almost-grey"> 795 <div class="col-xs-12 text-left"> 796 <strong data-bind="text: Products[0].Period"></strong> 797 </div> 798 </div> 799 <!-- /ko --> 800 <!-- ko foreach: Products --> 801 <div class="row row-no-gutters almost-grey"> 802 <div class="col-xs-1 cp-black"> 803 <span><span data-bind="text: Quantity"></span>x</span> 804 </div> 805 <div class="col-xs-8 cp-black">
806 <span data-bind="text: PMCName"></span> 807 </div> 808 809 <div class="col-xs-3 text-right" data-bind="visible: !$parent.ShouldHidePrices"> 810 <!-- ko if: !$parent.ShouldCheckPrebookingMaxDuration || !$root.DateTimePicker || !$root.DateTimePicker.IsTimeDifferenceGreaterThanPrebookingMaxDuration() --> 811 <span class="override-price-font-size" data-bind="text: FormattedPrice"></span> 812 <!-- /ko --> 813 <!-- ko if: $parent.ShouldCheckPrebookingMaxDuration && $root.DateTimePicker && $root.DateTimePicker.IsTimeDifferenceGreaterThanPrebookingMaxDuration --> 814 <span data-bind="text: $root.DashAndCurrencySymbol"></span> 815 <!-- /ko --> 816 </div> 817 </div> 818 <!-- /ko --> 819 </div> 820 </div> 821 <!-- /ko --> 822 <!-- ko if: OneShotProducts && OneShotProducts.length > 0 --> 823 <div class="row margin-top-xs"> 824 <div class="col-xs-12"> 825 <!-- ko if: OneShotProducts[0] && OneShotProducts[0].Period --> 826 <div class="row row-no-gutters almost-grey"> 827 <div class="col-xs-12 text-left"> 828 <strong data-bind="text: OneShotProducts[0].Period"></strong> 829 </div> 830 </div> 831 <!-- /ko --> 832 <!-- ko foreach: OneShotProducts --> 833 <div class="row row-no-gutters almost-grey"> 834 <div class="col-xs-1 cp-black"> 835 <span><span data-bind="text: Quantity"></span>x</span> 836 </div> 837 <div class="col-xs-8 cp-black"> 838 <span data-bind="text: PMCName"></span> 839 </div> 840 <div class="col-xs-3 text-right" data-bind="visible: !$parent.ShouldHidePrices"> 841 <span data-bind="text: FormattedPrice"></span> 842 </div> 843 </div> 844 <!-- /ko --> 845 </div> 846 </div> 847 <!-- /ko --> 848 <!-- Promo code --> 849 <!-- ko if: AllowPromoCode && (OneShotProducts && OneShotProducts.length !== 0 || Products && Products.length !== 0) && !$root.PromoCodeModel.PromotionCodeApplied() && ($root.PaymentConfirmationView === undefined || !$root.PaymentConfirmationView()) --> 850 <div class="promo-code desktop row margin-top-xs"> 851 <div class="col-xs-12"> 852 <!-- ko if: !$root.PromoCodeModel.PromoCodeFormVisible() --> 853 <a href="#" class="no-link display-flex flex-row align-items-center" data-bind="click: $root.PromoCodeModel.ShowPromoCodeForm"> 854 <div class="clean-icon-line"> 855 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/plus-circle-lime.svg" class="icon hide-on-hover" alt="plus icon" /> 856 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/plus-circle-lime-hover.svg" class="icon show-on-hover" alt="plus icon" /> 857 <div class="icon-text">
858 <span class="clean-button button-link tertiary green underlined">Optional: Gutscheincode aus Aktionen</span> 859 </div> 860 </div> 861 </a> 862 <!-- /ko --> 863 <!-- ko if: $root.PromoCodeModel.PromoCodeFormVisible() --> 864 <div class="clean-form"> 865 <div class="row form-group no-margin-bottom-important display-flex flex-row"> 866 <div class="col-xs-8"> 867 <div class="input-wrapper" data-bind="css: { 'validation-error': $root.PromoCodeModel.ShowInvalidPromotionCode }"> 868 <input type="text" class="form-control" maxlength="100" placeholder="Gutscheincode" data-bind="value: $root.PromoCodeModel.PromotionCode, valueUpdate: 'keyup', enterkey: $root.ApplyPromotionCode, css: { 'padding-right-sm-important': $root.PromoCodeModel.ShowInvalidPromotionCode } " /> 869 <!-- ko if: $root.PromoCodeModel.ShowInvalidPromotionCode --> 870 <img class="input-error-icon icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon.svg" alt="icon" /> 871 <span class="primary-color smaller-text">Bitte geben Sie einen gültigen Code ein </span> 872 <!-- /ko --> 873 </div> 874 </div> 875 <div class="col-xs-4 no-padding-left"> 876 <button type="button" class="clean-button secondary outlined btn-full-important regular-base-text no-shadow-important text-ellipsis" data-bind="click: $root.ApplyPromotionCode, disabled: $root.PromoCodeModel.PromotionRequested"> 877 Speichern 878 </button> 879 </div> 880 </div> 881 </div> 882 <!-- /ko --> 883 </div> 884 </div> 885 <!-- /ko --> 886 <!-- ko if: AllowPromoCode && $root.PromoCodeModel.PromotionCodeApplied() --> 887 <span class="display-block desktop soft-grey margin-top-xs"> 888 <div class="row row-no-gutters soft-grey promo-code-override"> 889 <div class="col-xs-8"> 890 <div class="display-flex align-items-center promo-code-added"> 891 <span class="bold lime promo-code-added-text" data-bind="text: PromotionCode"></span> 892 <!-- ko if: !$root.DisplayOnlyPromoCode() --> 893 <a class="no-link transparent-lime clean-button circle margin-left-5 promo-code-added-text" data-bind="click: $root.ClearPromotionCodeV3"> 894 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/remove-cross-lime.svg" alt="icon" /> 895 </a> 896 <!-- /ko --> 897 </div> 898 </div> 899 <!-- ko if: FormattedTotalDiscount --> 900 <div class="col-xs-4 text-right"> 901 - <span class="override-price-font-size" data-bind="text: FormattedTotalDiscount"></span> 902 </div> 903 <!-- /ko --> 904 </div> 905 </span> 906 <!-- /ko --> 907 <hr class="margin-top-xs break-out" data-bind="visible: !ShouldHidePrices" /> 908 909 <div class="row row-no-gutters margin-top-xs" data-bind="visible: !ShouldHidePrices"> 910 <div class="col-xs-8">
911 <span class="bold">Zu zahlender Gesamtbetrag</span> 912 <span class="display-block very-dark-gray">inkl. MwSt.</span> 913 </div> 914 <div class="col-xs-4 text-right"> 915 <!-- ko if: !ShouldCheckPrebookingMaxDuration || !$root.DateTimePicker || !$root.DateTimePicker.IsTimeDifferenceGreaterThanPrebookingMaxDuration() --> 916 <span class="total-price bold" data-bind="text: FormattedTotalPrice"></span> 917 <!-- /ko --> 918 <!-- ko if: ShouldCheckPrebookingMaxDuration && $root.DateTimePicker && $root.DateTimePicker.IsTimeDifferenceGreaterThanPrebookingMaxDuration() --> 919 <span data-bind="text: $root.DashAndCurrencySymbol"></span> 920 <!-- /ko --> 921 </div> 922 </div> 923 </div> 924 </div> 925 </div> 926 </section> 927 <!-- /ko --> 928 <!-- ko if: !$root.PromoCodeModel.PromotionCodeApplied() --> 929 <div class="collapse-promo-code-wrapper mobile"> 930 <!-- ko if: AllowPromoCode && (OneShotProducts && OneShotProducts.length !== 0 || Products && Products.length !== 0) && ($root.PaymentConfirmationView === undefined || !$root.PaymentConfirmationView) --> 931 <!-- ko if: $root.IsMobileView() --> 932 <div data-bind="template: { afterRender: $root.PromoCodeModel.ShowPromoCodeForm }"></div> 933 <!-- /ko --> 934 <div class="add-promo-code" data-bind="click: function() { return true; }, clickBubble: false"> 935 <div class="promo-code row margin-top-xs margin-top-xxs-mobile-important"> 936 <div class="col-xs-12"> 937 <div class="clean-form"> 938 <div class="row form-group no-margin-bottom-important display-flex flex-row"> 939 <div class="col-xs-8 promo-input"> 940 <div class="input-wrapper" data-bind="css: { 'validation-error': $root.PromoCodeModel.ShowInvalidPromotionCode }"> 941 <!-- ko if: $root.PromoCodeModel.ShowInvalidPromotionCode --> 942 <img class="input-error-icon icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon.svg" alt="error icon" /> 943 <!-- /ko --> 944 <input type="text" class="form-control" maxlength="100" placeholder="Gutscheincode" data-bind="value: $root.PromoCodeModel.PromotionCode, valueUpdate: 'keyup', enterkey: $root.ApplyPromotionCode, css: { 'padding-right-sm-important': $root.PromoCodeModel.ShowInvalidPromotionCode } " /> 945 </div> 946 </div> 947 <div class="col-xs-4 no-padding-left"> 948 <button type="button" class="clean-button secondary outlined btn-full-important regular-base-text no-shadow-important text-ellipsis" data-bind="click: $root.ApplyPromotionCode, disabled: $root.PromotionRequested"> 949 Speichern 950 </button> 951 </div> 952 </div> 953 <!-- ko if: $root.PromoCodeModel.ShowInvalidPromotionCode --> 954 <div class="row"> 955 <div class="col-xs-12 promo-error display-flex"> 956 <span class="red smaller-text">Bitte geben Sie einen gültigen Code ein </span> 957 </div> 958 </div> 959 <!-- /ko --> 960 </div> 961 </div> 962 </div> 963 </div> 964 <!-- /ko --> 965 </div> 966 <!-- /ko --> 967 <!-- ko if: PracticalInfo && PracticalInfo.length > 0 --> 968 <section class="clean-card no-shadow margin-top-xs"> 969 <div class="card-wrapper"> 970 <div class="card-inner"> 971 <div class="card-header"> 972 <h4 class="card-title">Nützliche Informationen</h4> 973 </div> 974 <div class="card-body"> 975 <ul class="striped-list"> 976 <!-- ko foreach: PracticalInfo --> 977 <li data-bind="text: $data"></li> 978 <!-- /ko --> 979 </ul> 980 </div> 981 </div> 982 </div> 983 </section> 984 <!-- /ko --> 985 986 <div class="map-overlay hidden" onclick="document.querySelector('.map-overlay').classList.add('hidden');"> 987 <div class="container"> 988 <div class="row"> 989 <div class="col-xs-12 google-map"> 990 <iframe frameborder="0" allowfullscreen data-bind="attr: { 'src': EmbedMapUrl }"></iframe> 991 <a href="javascript:void(document.querySelector('.map-overlay').classList.add('hidden'));" class="map-button"> 992 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_map-close.svg" class="icon" alt="icon" /> 993 </a> 994 </div> 995 </div> 996 </div> 997 </div> 998 </div> 999 </script>
999 1000 <!-- ko template: { name: 'floating-box', data: FloatingBoxModel, afterRender: $root.initFloatingBox } --><!-- /ko --> 1001</section> 1002 1003 <!-- /ko --> 1004 1005 <div class="col-xs-12 col-md-8 col-lg-7"> 1006 1007 <div data-bind="if:ShowGeneralError"> 1008 <div class="primary-color">Error Meldung</div> 1009 </div> 1010 1011 <hr class="invisible mobile"> 1012 1013 <section class="location-selection margin-bottom-md no-margin-bottom-mobile"> 1014 1015 <header class="section-header heading-3 desktop"> 1016 <h3 class="section-header__title">Dauerstellplatz verbindlich anmieten</h3> 1017 </header> 1018 1019 1020 <div class="clean-section clean-collapse mobile" data-toggle="collapse" data-target="#location-select" data-bind="css: {'collapsed': SelectedPlaceId() && SelectedStartDate()}"> 1021 <header class="section-header heading-3"> 1022 <div class="section-header__title">Dauerstellplatz verbindlich anmieten</div> 1023 <hr class="invisible-small mobile"> 1024 1025 <div class="section-header__subtitle show-collapsed-only location-header" data-bind="visible: SelectedCity() || SelectedParking"> 1026 <div class="clean-icon-line"> 1027 <div class="icon-text black"> 1028 <span>Standort</span> 1029 </div> 1030 <div class="icon-text soft-grey "> 1031 <span class="clean-button button-link tertiary green underlined no-topmargin-important decorate-underline">bearbeiten</span> 1032 <div class="collapse-arrow if-collapsed"> 1033 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/chevron-light-grey.svg" alt="chevron down" class="clean-icon chevron-down"> 1034 </div> 1035 </div> 1036 </div> 1037 </div> 1038 <div class="collapse-arrow if-not-collapsed"> 1039 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/chevron-light-grey.svg" alt="chevron up" class="clean-icon chevron-up "> 1040 </div> 1041 </header> 1042 </div> 1043 1044 1045 <div id="location-select" class="collapse" data-bind="css: {'in': !(SelectedPlaceId() && SelectedStartDate())}"> 1046 1047 <div class="form-group row"> 1048 <div class="col-xs-12 col-md-6 input-cell" data-bind="css: { 'parking-zone': ShouldShowPlaces }"> 1049 <label class="col-form-label">Stadt</label> 1050 <select class="form-control" data-bind="options: Cities, optionsText: 'DisplayName', optionsValue: 'Id', optionsCaption: 'Filter', value: SelectedCityId, optionsAfterRender: initCitySelect"></select> 1051 </div> 1052 <div class="col-xs-12 col-md-6 input-cell"> 1053 <label class="col-form-label">Parkobjekt</label> 1054 <select class="form-control" id="js-facility-select" data-bind="options: Parkings, optionsText: 'Label', optionsValue: 'Uid', optionsCaption: 'Filter', value: SelectedParkingId, optionsAfterRender: initParkingSelect"></select> 1055 </div> 1056 1057 <div class="col-xs-12 input-cell" data-bind="visible: ShouldShowPlaces"> 1058 <label class="col-form-label">Park-Zone</label> 1059 <select class="form-control" id="js-place-select" data-bind="options: Places, optionsText: 'Label', optionsValue: 'PlaceId', optionsCaption: 'Filter', value: SelectedPlaceId, optionsAfterRender: initPlaceSelect"></select>
1060 <span class="primary-color inline-block" data-bind="visible: ShowSelectPlaceMessage">Bitte wählen Sie eine Zone aus.</span> 1061 </div> 1062 1063 </div> 1064 <div class="form-group row" data-bind="visible: !SelectedProduct() || Products().length === 0, css: { error: ShowDateErrorStringOnIoS}"> 1065 <div class="col-xs-12 col-md-6 input-cell"> 1066 <label class="col-form-label">Startdatum</label> 1067 <div class="datepicker clean-datepicker" data-module="shared/ui/DatePickerMobile" data-options='{ "daybuffer": 16, "val": "0" }'> 1068 <input type="text" class="form-control js-custom-picker custom-picker" inputmode="none" placeholder="dd.mm.yyyy" autocomplete="off" data-bind="dateTimePicker: SelectedStartDate, dateTimePickerOptions: { format: 'DD.MM.YYYY', minDate: $root.MinDate, maxDate: $root.MaxDate, useCurrent: false, viewDate: new Date($root.MinDate) }"> 1069 <input type="date" class="form-control js-native-picker native-picker"> 1070 </div> 1071 <span class="primary-color inline-block" data-bind="visible: ShowDateErrorStringOnIoS, text: DateErrorStringOnIoS"></span> 1072 </div> 1073 </div> 1074 </div> 1075 </section> 1076 1077 <section class="clean-product-selection margin-top-md-mobile" data-bind="visible: !(SelectedPlaceId() && SelectedStartDate()) && Products().length === 0"> 1078 <section class="no-date margin-bottom-lg"> 1079 <h3>Wählen Sie das gewünschte Parkprodukt</h3> 1080 <div class="choose-date"> 1081 <div class="date-icon"> 1082 <span class="circle"> 1083 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/calendar.svg"> 1084 </span> 1085 </div> 1086 <div class="select-date-text">Wählen Sie zunächst einen Standort und ein Datum, um alle verfügbaren Produkte zu sehen</div> 1087 </div> 1088 </section> 1089 </section> 1090 1091 <section class="clean-product-selection" data-bind="visible: HasSearchedProducts() && !HasProducts() && !IsInvitationCodeInvalid()"> 1092 <h3>Wählen Sie das gewünschte Parkprodukt</h3> 1093 <div class="choose-date"> 1094 <div class="date-icon"> 1095 <span class="circle"> 1096 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/calendar.svg"> 1097 </span> 1098 </div> 1099 <div class="select-date-text">Für das gewählte Datum und die gewählte Uhrzeit stehen keine Parkplätze mehr zur Verfügung.</div> 1100 </div> 1101 </section> 1102 1103 <section class="clean-product-selection" data-bind="visible: IsInvitationCodeInvalid()"> 1104 <div class="choose-date"> 1105 <div class="date-icon"> 1106 <span class="circle"> 1107 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/calendar.svg" alt="calendar" aria-hidden="true"> 1108 </span> 1109 </div> 1110 <div class="select-date-text">BookingSeasonTicketsValidationInvalidInvitationCode</div> 1111 </div> 1112 </section> 1113 1114 <section class="clean-product-selection" data-bind="visible: HasSearchedProducts() && HasProducts()"> 1115 1116 <section class="selected-product" data-bind="visible: SelectedProduct, with: SelectedProduct"> 1117 <div class="row"> 1118 <div class="col-xs-12"> 1119 <div class="clean-card green-line"> 1120 <div class="card-wrapper"> 1121 <div class="card-header"> 1122 <div class="card-inner display-flex-center display-flex-justify selected-product-header"> 1123 <div class="display-flex selected-product-label"> 1124 <label class="checkable-element radio element-center green-check desktop display-flex margin-top-3p"> 1125 <input type="radio" checked="checked"> 1126 <sp
1126an class="checkable-element__placeholder"></span> 1127 </label> 1128 <h4 class="card-title no-margin display-flex"> 1129 <span data-bind="text: PMCName"></span> 1130 <span class="product-description-tooltip margin-left-big display-flex flex-shrink-zero padding-top-2p" data-bind="visible: PMCDescription"> 1131 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/info-grey.svg" class="tooltip-trigger sticky rounded" data-bind="attr: { 'data-notice': PMCDescription }"> 1132 </span> 1133 </h4> 1134 </div> 1135 <div class="display-flex text-ellipsis"> 1136 <div class="clean-tag no-margin danger tooltip-trigger rounded selected-product-tag" data-bind="visible: IsSoldOut"> 1137 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/tag.svg" class="clean-icon tag-icon"> 1138 <span class="text-ellipsis tooltip-trigger sticky rounded" data-bind="attr: { 'data-notice': 'Ausgebucht für ausgewähltes Datum ' }">Ausgebucht für ausgewähltes Datum </span> 1139 </div> 1140 </div> 1141 </div> 1142 </div> 1143 1144 <div class="card-body no-topmargin-important almost-grey selected-product-filters"> 1145 <div class="card-inner"> 1146 <div class="row"> 1147 <div class="col-xs-12 col-md-5 input-col"> 1148 <div class="form-group"> 1149 <div class="row row-no-gutters no-bottom-margin"> 1150 <label class="col-form-label">Startdatum</label> 1151 </div> 1152 <div class="row row-no-gutters no-bottom-margin"> 1153 <div class="datepicker clean-datepicker" id="datepicker-startdate" data-options='{ "daybuffer": 16, "val": "0" }'> 1154 <input type="text" class="form-control startDatePicker js-custom-picker custom-picker" inputmode="none" placeholder="dd.mm.yyyy" id="productStartDatePicker" autocomplete="off" data-bind="dateTimePicker: $root.SelectedStartDate, dateTimePickerOptions: { format: 'DD.MM.YYYY', minDate: $root.MinDate, maxDate: $root.MaxDate, useCurrent: false, viewDate: new Date($root.MinDate) }"> 1155 <input type="date" class="form-control js-native-picker native-picker"> 1156 </div> 1157 <div class="validation-error-message">Startdatum erforderlich</div> 1158 </div> 1159 </div> 1160 </div> 1161 <div class="col-xs-8 col-md-5 input-col"> 1162 <div class="form-group"> 1163 <div class="row row-no-gutters no-bottom-margin"> 1164 <label class="col-form-label">Zahlungsfrequenz</label> 1165 </div> 1166 <select class="form-control" id="js-product-period-select" data-bind="options: Periods, optionsText: 'Name', optionsValue: 'Name', value: SelectedPeriod, optionsAfterRender: $root.initPayFrequencySelect"></select> 1167 </div> 1168 </div> 1169 <div class="col-xs-4 col-md-2 input-col"> 1170 <div class="form-group"> 1171 <div class="row row-no-gutters no-bottom-margin"> 1172 <label class="col-form-label">Anzahl</label> 1173 </div> 1174 <div class="quantity-selector-v2"> 1175 <div class="input-group form-control"> 1176 <div class="input-group-btn decrease-btn"> 1177 <button class="btn" type="button" data-bind="click: DecreaseQuantity, css:{'enabled' : IsDecreaseEnabled}">−</button> 1178 </div> 1179 <input type="number" class="form-control season-ticket-quantity" data-bind="value: Quantity, event: {keypress: $root.BlockEnter}, attr: { disabled: $root.IsQuantityLocked}"> 1180 <div class="input-group-btn increase-btn"> 1181 <button class="btn enabled" type="button" data-bind="click: IncreaseQuantity, attr: { disabled: IsSoldOut}, css:{'disabled' : IsSoldOut() || $root.IsQuantityLocked()}">+</button> 1182 </div> 1183 </div> 1184 </div> 1185 </div> 1186 </div> 1187 </div> 1188 <div class="row margin-top-xs-mobile st-documents" data-bind="visible: DocumentsRequired"> 1189 <div class="col-xs-12 no-padding"> 1190 <div class="display-flex flex-row align-items-center padding-horizontal-xs"> 1191 <div class="circle-lime no-shadow transparent bigger"> 1192 <img class="w-full h-full" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-file-lime.svg"> 1193 </div> 1194 <div class="display-flex"> 1195 <a class="link-green margin-left-xs margin-right-xs" data-bind="click: $root.ShowRequiredDocumentsDetailsPopup">Weitere Dokumente erforderlich</a> 1196 </div> 1197 <img class="clean-icon chevron-small" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_arrowright-lime.svg"> 1198 </div> 1199 </div> 1200 </div> 1201 </div> 1202 </div> 1203 1204 <!-- ko if: HasAddons() --> 1205 <div class="card-body no-topmargin-important almost-grey selected-product-filters"> 1206 <div class="card-inner addons-container"> 1207 <div class="row clean-collapse mobile" data-toggle="collapse" data-target="#addons-select"> 1208 <div class="col-xs-12"> 1209 <sp
1209an class="addon-title"> 1210 <span>Wählen Sie zusätzliche Services in Bezug auf Ihr gewähltes Produkt</span> 1211 </span> 1212 <div class="mobile"> 1213 <div class="collapse-arrow"> 1214 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/chevron-light-grey.svg" alt="chevron down" class="margin-right-xs clean-icon chevron-down if-collapsed"> 1215 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/chevron-light-grey.svg" alt="chevron up" class="margin-right-xs clean-icon chevron-up if-not-collapsed"> 1216 </div> 1217 </div> 1218 </div> 1219 </div> 1220 <div class="row desktop"> 1221 <div class="col-xs-12"> 1222 <span class="addon-title"> 1223 <span>Wählen Sie zusätzliche Services in Bezug auf Ihr gewähltes Produkt</span> 1224 </span> 1225 </div> 1226 </div> 1227 <div id="addons-select" class="collapse in" data-bind="foreach: Addons"> 1228 <!-- ko if: IsAvailable --> 1229 <div class="row form-group"> 1230 <div class="col-xs-8 addon-description-column"> 1231 <div class="select-card" data-bind="css: { selected: $parent.SelectedAddonIds().indexOf(PMCId) > -1 }"> 1232 <div class="select-card__summary"> 1233 <div class="form-check checkbox"> 1234 <label class="form-check-label"> 1235 <input class="form-check-input" type="checkbox" name="addons" data-bind="value: PMCId, checked: $parent.SelectedAddonIds"> 1236 <span class="form-check-mark"></span> 1237 <span class="addon-name" data-bind="text: PMCName"></span> 1238 </label> 1239 </div> 1240 <div class="addon-description" data-bind="text: PMCDescription"></div> 1241 </div> 1242 <div class="select-card__details margin-top-xs" data-bind="css:{'hideQuantity' : IsAddonVisible}"> 1243 <div class="quantity-selector-v2"> 1244 <div class="input-group form-control addon"> 1245 <div class="input-group-btn decrease-btn"> 1246 <button class="btn" type="button" data-bind="click: DecreaseQuantity, css:{'enabled' : IsDecreaseEnabled}">−</button> 1247 </div> 1248 <input type="number" class="form-control" data-bind="value: SelectedQuantity, event: {keypress: $root.BlockEnter}"> 1249 <div class="input-group-btn increase-btn"> 1250 <button class="btn" type="button" data-bind="click: IncreaseQuantity, css:{'enabled' : IsIncreaseEnabled}">+</button> 1251 </div> 1252 </div> 1253 </div> 1254 </div> 1255 </div> 1256 </div> 1257 <div class="col-xs-4 price-tag-column" data-bind="visible: $root.ShowPrices()"> 1258 <sp
1258an class="strong price-tag" data-bind="visible: SelectedPeriodModel().CalculatedPrice() > 0, text: SelectedPeriodModel().CalculatedFormattedPrice() + ' /' + SelectedPeriodModel().NameAsNoun"></span> 1259 <span class="strong free-tag" data-bind="visible: SelectedPeriodModel().CalculatedPrice() === 0">Gratis</span> 1260 </div> 1261 </div> 1262 <!-- /ko --> 1263 </div> 1264 </div> 1265 </div> 1266 <!-- /ko --> 1267 1268 <!-- ko if: IsFlexDaysProduct --> 1269 <div class="card-body no-topmargin-important almost-grey"> 1270 <div class="card-inner addons-container"> 1271 <div class="row form-group"> 1272 <div class="col-xs-12 days-of-week-heading" data-bind="text: $root.SelectDaysOfWeekText"></div> 1273 <div class="col-xs-12"> 1274 <div data-bind="foreach: AllowedDays" class="days-of-week"> 1275 <div class="form-check"> 1276 <label class="form-check-label" data-bind="css: { disabled: Disabled}"> 1277 <input class="form-check-input" type="checkbox" name="addons" data-bind="value: Id, checked: $root.SelectedDayOfWeekIds, disable: Disabled"> 1278 <span class="form-check-mark"></span> 1279 <span class="addon-name" data-bind="text: Name"></span> 1280 </label> 1281 </div> 1282 </div> 1283 <div data-bind="visible: $root.SelectedDaysInvalid" class="days-of-week-error"> 1284 <img class="input-error-icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon.svg" class="icon"> 1285 <span class="primary-color" data-bind="text: $root.SelectMoreDaysText"></span> 1286 </div> 1287 <div data-bind="visible: $root.SelectedPmcInvalid" class="days-of-week-error"> 1288 <img class="input-error-icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon.svg" class="icon"> 1289 <span class="primary-color">Error Meldung</span> 1290 </div> 1291 </div> 1292 </div> 1293 </div> 1294 </div> 1295 <!-- /ko --> 1296 1297 <div class="card-body no-topmargin-important almost-grey contact-form" data-bind="visible:$root.IsLeadGenerationFormActive(), with: $root.LeadGenerationFormModel"> 1298 <div class="card-inner" data-bind="visible: !$root.ShowLeadGenerationConfirmation()"> 1299 <div class="row mobile margin-bottom-large"> 1300 <div class="col-xs-12"> 1301 <div class="text-center margin-bottom-large"> 1302 <sp
1302an class="circle"> 1303 <img class="contact-form-icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon-green.svg"> 1304 </span> 1305 </div> 1306 <div class="text-center margin-bottom-small cp-black">Sie benötigen mehr als 5 Dauerpark-Produkte?</div> 1307 <div class="text-center cp-black contact-form-subtitle">Geben Sie unten Ihre Daten ein und wir werden uns so schnell wie möglich mit Ihnen in Verbindung setzen.</div> 1308 </div> 1309 </div> 1310 <div class="row flex-row desktop margin-bottom-large"> 1311 <div class="col-xs-12 display-flex"> 1312 <div class="margin-right-large"> 1313 <span class="circle"> 1314 <img class="contact-form-icon" src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/exclamation-icon-green.svg"> 1315 </span> 1316 </div> 1317 <div> 1318 <div class="cp-black"> 1319 Sie benötigen mehr als 5 Dauerpark-Produkte? 1320 </div> 1321 <div class="cp-black contact-form-subtitle"> 1322 Geben Sie unten Ihre Daten ein und wir werden uns so schnell wie möglich mit Ihnen in Verbindung setzen. 1323 </div> 1324 </div> 1325 </div> 1326 </div> 1327 <div class="row form-group display-flex-center-desktop"> 1328 <div class="desktop col-md-4 "> 1329 <label class="col-form-label">Name <span class="required">*</span></label> 1330 </div> 1331 <div class="mobile col-xs-12 "> 1332 <label class="col-form-label">Vorname <span class="required">*</span></label> 1333 </div> 1334 <div class="col-xs-12 col-md-4 input-col" data-bind="css: {'validation-error': AreErrorMessagesEnabled() && !IsFirstNameValid()}"> 1335 <input class="form-control" type="text" placeholder="Vorname eingeben" data-bind="value: FirstName"> 1336 <span class="primary-color inline-block" data-bind="visible: AreErrorMessagesEnabled() && !IsFirstNameValid()">Pflichtfeld</span> 1337 </div> 1338 <div class="mobile col-xs-12 "> 1339 <label class="col-form-label">Nachname <span class="required">*</span></label> 1340 </div> 1341 <div class="col-xs-12 col-md-4 input-col" data-bind="css: {'validation-error': AreErrorMessagesEnabled() && !IsLastNameValid()}"> 1342 <input class="form-control" type="text" placeholder=" Nachname eingeben" data-bind="value: LastName"> 1343 <sp
1343an class="primary-color inline-block" data-bind="visible: AreErrorMessagesEnabled() && !IsLastNameValid()">Pflichtfeld</span> 1344 </div> 1345 </div> 1346 <div class="row form-group display-flex-center-desktop"> 1347 <div class="col-xs-12 col-md-4 "> 1348 <label class="col-form-label">E-Mail-Adresse <span class="required">*</span></label> 1349 </div> 1350 <div class="col-xs-12 col-md-8 input-col" data-bind="css: {'validation-error': AreErrorMessagesEnabled() && !IsEmailAddressValid()}"> 1351 <input class="form-control" type="text" placeholder="E-Mail Adresse eingeben" data-bind="value: EmailAddress"> 1352 <span class="primary-color inline-block" data-bind="visible: AreErrorMessagesEnabled() && !IsEmailAddressValid()">Pflichtfeld</span> 1353 </div> 1354 </div> 1355 <div class="row form-group display-flex-center-desktop"> 1356 <div class="col-xs-12 col-md-4 "> 1357 <label class="col-form-label"> 1358 Telefonnummer 1359 <span class="tooltip-trigger sticky rounded" data-notice="So können wir Sie telefonisch kontaktieren."> 1360 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/question-grey.svg"> 1361 </span> 1362 </label> 1363 </div> 1364 <div class="col-xs-12 col-md-8 input-col"> 1365 <input class="form-control" type="text" placeholder="Telefonnummer eingeben" data-bind="value: PhoneNumber"> 1366 </div> 1367 </div> 1368 </div> 1369 <div class="card-inner" data-bind="visible: $root.ShowLeadGenerationConfirmation"> 1370 <div class="row"> 1371 <div class="col-xs-12"> 1372 <div class="success-box-green"> 1373 <div class="message-column"> 1374 Vielen Dank für Ihre Anfrage. Wir werden sie so schnell wie möglich bearbeiten. 1375 </div> 1376 </div> 1377 </div> 1378 </div> 1379 </div> 1380 </div> 1381 1382 1383 <div class="card-body no-topmargin-important" data-bind="with: $root.BookingViewStateModel"> 1384 <div class="card-inner" data-bind="with: FloatingBoxModel"> 1385 <div class="row flex-row-wrap no-margin display-flex-justify-end"> 1386 <div class="col-xs-7 mobile " data-bind="visible : $root.ShowPrices"> 1387 <div class="almost-grey">Zu zahlender Gesamtbetrag</div> 1388 <div> 1389 <sp
1389an class="h2 text-nowrap" data-bind="text: FormattedTotalPrice"></span> 1390 <span class="almost-grey small-text per-price-period-label" data-bind="text: $root.PerSelectedPricePeriodLabel"></span> 1391 </div> 1392 <div> 1393 <span class="almost-grey small-text" data-bind="visible: $root.CalculatedFormattedSavingsForSelectedPeriod()">Normal:</span> 1394 <span class="original-price strikehorizontal text-nowrap almost-grey small-text" data-bind="text: $root.CalculatedFormattedSavingsForSelectedPeriod"></span> 1395 </div> 1396 </div> 1397 1398 <div class="col-xs-6 col-md-9 desktop grey-price-wrapper display-flex-center justify-content-space-between" data-bind="visible : $root.ShowPrices"> 1399 <span>Zu zahlender Gesamtbetrag</span> 1400 <div> 1401 <span class="almost-grey small-text" data-bind="visible: $root.CalculatedFormattedSavingsForSelectedPeriod()">Normal:</span> 1402 <span class="original-price strikehorizontal almost-grey small-text" data-bind="text: $root.CalculatedFormattedSavingsForSelectedPeriod"></span> 1403 <span class="total-price bold " data-bind="text: FormattedTotalPrice"></span> 1404 <span class="almost-grey small-text per-price-period-label" data-bind="text: $root.PerSelectedPricePeriodLabel"></span> 1405 </div> 1406 </div> 1407 <div class="no-padding-right display-flex-center" data-bind="css: {'col-xs-12 display-flex-justify-end': $root.IsLeadGenerationFormActive(), 'col-xs-5 col-md-3': !$root.IsLeadGenerationFormActive()}"> 1408 <button type="submit" class="clean-button primary full-width next-step-button" data-bind="visible: EnableSubmit">Weiter</button> 1409 <button class="clean-button primary full-width next-step-button" data-bind="visible: $root.ShouldShowSoldOutButton" disabled="">Ausgebucht</button> 1410 <button type="button" class="clean-button primary next-step-button" data-bind="visible: $root.IsLeadGenerationFormActive() && !$root.ShowLeadGenerationConfirmation(), click: $root.submitLeadGenerationForm">Abschicken/Kostenpflichtig bestellen</button> 1411 <a href="/de-de/" class="clean-button primary next-step-button" data-bind="visible: $root.IsLeadGenerationFormActive() && $root.ShowLeadGenerationConfirmation()">Startseite</a> 1412 </div> 1413 </div> 1414 </div> 1415 </div> 1416 </div> 1417 </div> 1418 </div> 1419 </div> 1420 </section> 1421 1422 1423 <section class="other-products margin-bottom-sm margin-top-lg margin-top-md-mobile" data-bind="visible: SelectedProduct() ? Products().length > 1 : Products().length > 0"> 1424 <div class="row"> 1425 <div class="col-xs-12"> 1426 <h3 class="inline-block margin-bottom-xs">
1427 <span data-bind="ifnot: SelectedProduct">Wählen Sie das gewünschte Parkprodukt</span> 1428 <span data-bind="if: SelectedProduct">Alternativ-Vorschläge</span> 1429 <span class="grey margin-left-xs product-count" data-bind="text: SelectedProduct() ? Products().length - 1 : Products().length"></span> 1430 </h3> 1431 </div> 1432 </div> 1433 1434 <div class="row" data-bind="foreach: Products"> 1435 <div class="col-xs-12" data-bind="visible: $root.SelectedProductId() !== PMCId"> 1436 <div class="clean-card expandable no-header-line hover-card-checkout display-flex overflow-hidden" data-bind="click: function() { $root.SelectedProductId(PMCId) }"> 1437 <div class="card-wrapper w-full"> 1438 <div class="card-inner h-full w-full display-flex flex-column"> 1439 <div class="row row-no-gutters flex-row align-items-center h-full"> 1440 <div class="col-xs-1 desktop flex-column align-items-center"> 1441 <div class="row row-no-gutters flex-row align-items-center"> 1442 <span class="checkable-element radio element-center desktop"> 1443 <span class="checkable-element__placeholder"></span> 1444 </span> 1445 </div> 1446 </div> 1447 <div class="col-xs-8 col-md-9 flex-column "> 1448 <div class="row row-no-gutters flex-row align-items-center"> 1449 <div class="col-xs-12"> 1450 <div class="display-flex main-product-column-inner"> 1451 <div class="title-description-wrapper"> 1452 <h4 class="card-title margin-top-smaller"> 1453 <span class="text-ellipsis pmc-name" data-bind="text: PMCName"></span> 1454 <span class="margin-left-small" data-bind="visible: PMCDescription"> 1455 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/info-grey.svg" class="tooltip-trigger sticky rounded" data-bind="attr: { 'data-notice': PMCDescription }"> 1456 </span> 1457 <span class="text-ellipsis small-grey-subtitle" data-bind="text: DefaultPeriod"></span> 1458 </h4> 1459 <div class="title-description almost-grey" data-bind="visible: PMCDescription"> 1460 <div class="description text-ellipsis-desktop" data-bind="text: PMCDescription"></div> 1461 </div> 1462 </div> 1463 </div> 1464 </div> 1465 </div> 1466 <div class="row row-no-gutters flex-row-wrap align-items-center desktop" data-bind="visible: (IsSoldOut() || DocumentsRequired)"> 1467 <div class="clean-tag danger" data-bind="visible: IsSoldOut"> 1468 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/tag.svg" class="clean-icon tag-icon"> 1469 <sp
1469an class="text-ellipsis">Ausgebucht für ausgewähltes Datum </span> 1470 </div> 1471 <div class="clean-tag" data-bind="visible: DocumentsRequired"> 1472 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-file.svg" class="clean-icon tag-icon"> 1473 <span class="text-ellipsis">Weitere Dokumente erforderlich</span> 1474 </div> 1475 </div> 1476 </div> 1477 <div class="col-xs-4 col-md-3 flex-column price-column margin-top-smaller-mobile h-full"> 1478 <div class="row row-no-gutters flex-row align-items-center-desktop"> 1479 <div class="col-xs-12"> 1480 <div class="selling-price clean-price"> 1481 <span class="amount"> 1482 <span class="orig-and-current-price flex-column"> 1483 <span class="current-price"> 1484 <span class="price-currency">â¬</span> 1485 <span class="price-value"><strong data-bind="text: DefaultPriceIntegers"></strong></span> 1486 <span class="decimals" data-bind="text: DefaultPriceDecimals"></span> 1487 </span> 1488 <span class="perDay margin-top-smaller" data-bind="text: '/' + DefaultPeriodAsNoun"></span> 1489 </span> 1490 </span> 1491 </div> 1492 </div> 1493 </div> 1494 </div> 1495 </div> 1496 <div class="mobile border-top almost-gainsboro margin-right-negative-xs margin-top-xs" data-bind="visible: (IsSoldOut() || DocumentsRequired)"> 1497 <div class="row row-no-gutters flex-row align-items-center h-full overflow-x-auto scrollbar-hidden"> 1498 <div class="clean-tag danger" data-bind="visible: IsSoldOut"> 1499 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/tag.svg" class="clean-icon tag-icon"> 1500 <span>Ausgebucht für ausgewähltes Datum </span> 1501 </div> 1502 <div class="clean-tag" data-bind="visible: DocumentsRequired"> 1503 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-file.svg" class="clean-icon tag-icon"> 1504 <span>Weitere Dokumente erforderlich</span> 1505 </div> 1506 </div> 1507 </div> 1508 </div> 1509 </div> 1510 </div> 1511 </div> 1512 </div> 1513 </section> 1514 </section> 1515 1516 <section class="product-selection margin-top-sm" data-bind="visible: HasSearchedProducts() && !InvitationCode()"> 1517 <div data-bind="visible: HasSearchedProducts() && !InvitationCode()" class="product__not__listed"> 1518 Bei den angezeigten Produkten handelt es sich um die aktuell verfügbaren Tarife. 1519 </div> 1520 </section> 1521 1522 <input id="Sid" name="Sid" type="hidden" value="84168f45-0002-489e-a0a2-09c94ae26da3"> 1523 <input data-bind="value: SeasonTicketViewStateModelJson" id="SeasonTicketViewStateModelJson" name="SeasonTicketViewStateModelJson" type="hidden" value=""> 1524 1525 <input data-bind="value: SelectedParkingId" id="SelectedParkingId" name="SelectedParkingId" type="hidden" value=""> 1526 <input data-bind="value: SelectedPlaceId" id="SelectedPlaceId" name="SelectedPlaceId" type="hidden" value=""> 1527 <input data-bind="value: SelectedPmcId" id="SelectedProductId" name="SelectedProductId" type="hidden" value="
15270"> 1528 <input data-bind="value: SelectedAddonsJson" id="SelectedAddonsJson" name="SelectedAddonsJson" type="hidden" value="[]"> 1529 <input data-bind="value: SelectedQuantity" id="Quantity" name="Quantity" type="hidden" value="0"> 1530 <input data-bind="value: SelectedStartDate" id="SelectedStartDateString" name="SelectedStartDateString" type="hidden" value=""> 1531 <input data-bind="value: PricePeriodName" id="SelectedPeriod" name="SelectedPeriod" type="hidden" value=""> 1532 <input data-bind="value: DocumentsRequired" id="DocumentsRequired" name="DocumentsRequired" type="hidden" value="False"> 1533 <input data-bind="value: SelectedDayOfWeekIdsJson" id="SelectedDaysJson" name="SelectedDaysJson" type="hidden" value="[]"> 1534 1535 <input id="DayBuffer" name="DayBuffer" type="hidden" value="16"> 1536 <input data-bind="value: SelectedCityId" id="SelectedCityId" name="SelectedCityId" type="hidden" value=""> 1537 <input data-bind="value: GtmYearlyPrice" id="GtmYearlyPrice" name="GtmYearlyPrice" type="hidden" value=""> 1538 <input id="Currency" name="Currency" type="hidden" value="â¬"> 1539 <input id="HomeUrl" name="HomeUrl" type="hidden" value="/de-de/"> 1540 <input id="Language" name="Language" type="hidden" value="de-DE"> 1541 <input data-bind="value: AllowPromoCode" id="AllowPromoCode" name="AllowPromoCode" type="hidden" value="True"> 1542 <input data-bind="value: InvitationCode" id="InvitationCode" name="InvitationCode" type="hidden" value=""> 1543 </div> 1544 </div> 1545 </form> 1546 </div> 1547 </section> 1548 1549 1550 <div id="DetailsPopup" class="popup popup-xs-bottom hidden" data-bind="visible: $root.RequiredDocumentsDetailsPopupVisible"> 1551 <!-- ko if: SelectedProduct() && SelectedProduct().RequiredDocumentsInfo() --> 1552 <div class="container"> 1553 <div class="row"> 1554 <div class="col-xs-12 col-md-6 col-md-offset-3"> 1555 <div class="popup-content-background let-flow"> 1556 <div class="popup-header border"> 1557 <div class="row"> 1558 <div class="col-xs-12 display-flex-justify display-flex-center"> 1559 <strong>Weitere Dokumente erforderlich</strong> 1560 <div class="popup-close" data-bind="click: $root.HideRequiredDocumentsDetailsPopup"> 1561 <a href="#"> 1562 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_close-grey.svg"> 1563 </a> 1564 </div> 1565 </div> 1566 </div> 1567 </div> 1568 1569 <div class="popup-body" data-bind="foreach: SelectedProduct().RequiredDocumentsInfo"> 1570 <div class="row document-info"> 1571 <div class="col-xs-12 display-flex flex-column"> 1572 <strong data-bind="text: Name"></strong> 1573 <span data-bind="text: Description"></span> 1574 </div> 1575 </div> 1576 </div> 1577 </div> 1578 </div> 1579 </div> 1580 </div> 1581 <!-- /ko --> 1582 </div> 1583 1584</section> 1585 1586 <!-- GoogleTagManager cross-site execution --> 1587 1588 1589</div> 1590 1591 <!-- TOOLTIP --> 1592 <div id="tooltip" data-toggle="tooltip" title="" data-animation="false" data-trigger="manual"></div> 1593 1594 <!-- BACK TO TOP --> 1595 <a href="#body" class="smoothscroll cd-top"> 1596 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_arrowup-white.svg" alt="arrow" style="width: 12px; height: inherit"> 1597 </a> 1598 1599 <!-- LOADING OVERLAY --> 1600 <div class="loading-overlay"> 1601 <div class="container"> 1602 <div class="row"> 1603 <div class="col-xs-12 text-center"> 1604 <div class="loader"> 1605 <div class="bounce1"></div> 1606 <div class="bounce2"></div> 1607 <div class="bounce3"></div> 1608 <!--<img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/loader.svg" />--> 1609 </div> 1610 </div> 1611 </div> 1612 </div> 1613 </div> 1614 1615 <div id="IsMobile" class="visible-xs visible-sm hidden-md hidden-lg"></div> 1616 <div id="IsNativePicker" class="native-picker"></div> 1617 1618 <div class="online-info"> 1619 <div class="container"> 1620 <div class="row"> 1621 <div class="col-xs-12 online-payment-methods"> 1622
1623 <span class="payment-method-title inline-block strong">Online-Bezahlmethoden für Reservierungen</span> 1624 <div class="payment-methods same-height"> 1625 <div class="payment-method no-hover"> 1626 <img src="https://q-park-online-prod.azureedge.net/-/media/images/payment-method-images/qpark-dk/mastercard_54x42px.png?rev=&extension=webp&mh=60&hash=60BCCD6B1012D55642FDA9D43F510D46" alt="MasterCard" title="MasterCard"> 1627 </div> 1628 <div class="payment-method no-hover"> 1629 <img src="https://q-park-online-prod.azureedge.net/-/media/images/payment-method-images/qpark-dk/visa_67x42px.png?rev=&extension=webp&mh=60&hash=73D02C22CD68FDEB1DDDC1D1CB191050" alt="Visa" title="Visa"> 1630 </div> 1631 <div class="payment-method no-hover"> 1632 <img src="https://q-park-online-prod.azureedge.net/-/media/images/payment-method-images/qpark-de/pp_logo_h_100x26/paypal_png23.png?rev=dd278da5-d511-48ea-83cb-5bd37a283ef4&extension=webp&mh=60&hash=EEDF2AEAA4DD26017D390C1B04BCEF0E" alt="Paypal" title="Paypal"> 1633 </div> 1634 </div> 1635 </div> 1636 1637 </div> 1638 </div> 1639 </div> 1640 1641<footer class="qp-footer"> 1642 <div class="container"> 1643 <div class="row footer-wrapper"> 1644 1645 <div class="col-xs-12 col-lg-8 breakout-mobile"> 1646 <!-- Mobile --> 1647 <div class="footer-info mobile"> 1648 <div class="footer-info-wrapper"> 1649 <div class="footer-info-tab"> 1650 <div class="tab collapsed" data-toggle="collapse" href="#73846e37-3079-4810-a376-921a49103875" aria-expanded="false"> 1651 <span class="info-type strong"> 1652 Meistgesucht 1653 </span> 1654 1655 <div class="if-collapsed"> 1656 <span class="clean-button tertiary down"></span> 1657 </div> 1658 <div class="if-not-collapsed"> 1659 <span class="clean-button tertiary up"></span> 1660 </div> 1661 </div> 1662 </div> 1663 1664 <div class="relative"> 1665 <div class="collapse-body collapse" id="73846e37-3079-4810-a376-921a49103875" aria-expanded="false"> 1666 <div class="footer-info-content"> 1667 <ul class="list-unstyled no-margin"> 1668 <li> 1669 <a href="/de-de/shop/seasonticket/product/" class="white">Online-Shop</a> 1670 </li> 1671 <li> 1672 <a href="/de-de/staedte/berlin/" class="white">Parken in Berlin</a> 1673 </li> 1674 <li> 1675 <a href="/de-de/staedte/düsseldorf/" class="white">Parken in Düsseldorf</a> 1676 </li> 1677 <li> 1678 <a href="/de-de/staedte/frankfurt/" class="white">Parken in Frankfurt</a> 1679 </li> 1680 <li> 1681 <a href="/de-de/staedte/hamburg/" class="white">Parken in Hamburg</a> 1682 </li> 1683 <li> 1684 <a href="/de-de/staedte/köln/" class="white">Parken in Köln</a> 1685 </li> 1686 </ul> 1687 </div> 1688 </div> 1689 </div> 1690 </div> 1691 <div class="footer-info-wrapper"> 1692 <div class="footer-info-tab"> 1693 <div class="tab collapsed" data-toggle="collapse" href="#1db7d752-a39e-4635-bd13-07992ae7dc16" aria-expanded="false">
1694 <span class="info-type strong"> 1695 Mehr über <span class="nobr">Q-Park</span> 1696 </span> 1697 1698 <div class="if-collapsed"> 1699 <span class="clean-button tertiary down"></span> 1700 </div> 1701 <div class="if-not-collapsed"> 1702 <span class="clean-button tertiary up"></span> 1703 </div> 1704 </div> 1705 </div> 1706 1707 <div class="relative"> 1708 <div class="collapse-body collapse" id="1db7d752-a39e-4635-bd13-07992ae7dc16" aria-expanded="false"> 1709 <div class="footer-info-content"> 1710 <ul class="list-unstyled no-margin"> 1711 <li> 1712 <a href="/de-de/blog/" class="white">Blog</a> 1713 </li> 1714 <li> 1715 <a href="/de-de/unternehmen/karriere/" class="white">Karriere</a> 1716 </li> 1717 <li> 1718 <a href="/de-de/unternehmen/" class="white">Über uns</a> 1719 </li> 1720 </ul> 1721 </div> 1722 </div> 1723 </div> 1724 </div> 1725 <div class="footer-info-wrapper"> 1726 <div class="footer-info-tab"> 1727 <div class="tab collapsed" data-toggle="collapse" href="#0564043e-6fca-4fbd-857b-48671ea97b70" aria-expanded="false"> 1728 <span class="info-type strong"> 1729 Hilfe 1730 </span> 1731 1732 <div class="if-collapsed"> 1733 <span class="clean-button tertiary down"></span> 1734 </div> 1735 <div class="if-not-collapsed"> 1736 <span class="clean-button tertiary up"></span> 1737 </div> 1738 </div> 1739 </div> 1740 1741 <div class="relative"> 1742 <div class="collapse-body collapse" id="0564043e-6fca-4fbd-857b-48671ea97b70" aria-expanded="false"> 1743 <div class="footer-info-content"> 1744 <ul class="list-unstyled no-margin"> 1745 <li> 1746 <a href="/de-de/faqs/" class="white">Häufig gestellte Fragen</a> 1747 </li> 1748 <li> 1749 <a href="/de-de/faqs/kontaktformular-kundigung/" class="white">Verträge hier kündigen</a> 1750 </li> 1751 <li> 1752 <a href="/de-de/kundenservice/" class="white">Kontakt</a> 1753 </li> 1754 </ul> 1755 </div> 1756 </div> 1757 </div> 1758 </div> 1759 <div class="footer-info-wrapper"> 1760 <div class="footer-info-tab"> 1761 <div class="tab collapsed" data-toggle="collapse" href="#54ce082b-fc44-4a44-a836-7368af96f362" aria-expanded="false">
1762 <span class="info-type strong"> 1763 Direkt zum 1764 </span> 1765 1766 <div class="if-collapsed"> 1767 <span class="clean-button tertiary down"></span> 1768 </div> 1769 <div class="if-not-collapsed"> 1770 <span class="clean-button tertiary up"></span> 1771 </div> 1772 </div> 1773 </div> 1774 1775 <div class="relative"> 1776 <div class="collapse-body collapse" id="54ce082b-fc44-4a44-a836-7368af96f362" aria-expanded="false"> 1777 <div class="footer-info-content"> 1778 <ul class="list-unstyled no-margin"> 1779 <li> 1780 <a href="/de-de/shop/seasonticket/product/" class="white">Online-Shop</a> 1781 </li> 1782 </ul> 1783 </div> 1784 </div> 1785 </div> 1786 </div> 1787 1788 <div class="footer-info-wrapper"> 1789 <div class="footer-info-tab"> 1790 <div class="tab collapsed" data-toggle="collapse" href="#mobile-apps" aria-expanded="false"> 1791 <span class="info-type strong"> 1792 Download 1793 </span> 1794 1795 <div class="if-collapsed"> 1796 <span class="clean-button tertiary down"></span> 1797 </div> 1798 <div class="if-not-collapsed"> 1799 <span class="clean-button tertiary up"></span> 1800 </div> 1801 </div> 1802 </div> 1803 1804 <div class="relative"> 1805 <div class="collapse-body collapse" id="mobile-apps" aria-expanded="false"> 1806 <div class="footer-info-content"> 1807 <ul class="list-unstyled no-margin"> 1808 <li> 1809 <a href="https://apps.apple.com/de/app/q-park/id1477955834" target="_blank" class="white"> 1810 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-apple-white.svg" alt="apple"> 1811 iOS App 1812 </a> 1813 </li> 1814 <li> 1815 <a href="https://play.google.com/store/apps/details?id=com.qpark.mobilepark.android" target="_blank" class="white"> 1816 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-android-white.svg" alt="android"> 1817 Android App 1818 </a> 1819 </li> 1820 </ul> 1821 </div> 1822 </div> 1823 </div> 1824 </div> 1825 </div> 1826 <!-- Desktop --> 1827 <div class="qp-doormat desktop"> 1828 <div class="row"> 1829 1830 <div class="col-md-3"> 1831 <div class="qp-doormat__category">
1832 <span class="inline-block strong large-text">Meistgesucht</span> 1833 <ul class="qp-doormat__navigation list-unstyled no-margin"> 1834 <li> 1835 <a href="/de-de/shop/seasonticket/product/">Online-Shop</a> 1836 </li> 1837 <li> 1838 <a href="/de-de/staedte/berlin/">Parken in Berlin</a> 1839 </li> 1840 <li> 1841 <a href="/de-de/staedte/düsseldorf/">Parken in Düsseldorf</a> 1842 </li> 1843 <li> 1844 <a href="/de-de/staedte/frankfurt/">Parken in Frankfurt</a> 1845 </li> 1846 <li> 1847 <a href="/de-de/staedte/hamburg/">Parken in Hamburg</a> 1848 </li> 1849 <li> 1850 <a href="/de-de/staedte/köln/">Parken in Köln</a> 1851 </li> 1852 </ul> 1853 </div> 1854 </div> 1855 <div class="col-md-3"> 1856 <div class="qp-doormat__category"> 1857 <span class="inline-block strong large-text">Mehr über <span class="nobr">Q-Park</span></span> 1858 <ul class="qp-doormat__navigation list-unstyled no-margin"> 1859 <li> 1860 <a href="/de-de/blog/">Blog</a> 1861 </li> 1862 <li> 1863 <a href="/de-de/unternehmen/karriere/">Karriere</a> 1864 </li> 1865 <li> 1866 <a href="/de-de/unternehmen/">Über uns</a> 1867 </li> 1868 </ul> 1869 </div> 1870 </div> 1871 <div class="col-md-3"> 1872 <div class="qp-doormat__category"> 1873 <span class="inline-block strong large-text">Hilfe</span> 1874 <ul class="qp-doormat__navigation list-unstyled no-margin"> 1875 <li> 1876 <a href="/de-de/faqs/">Häufig gestellte Fragen</a> 1877 </li> 1878 <li> 1879 <a href="/de-de/faqs/kontaktformular-kundigung/">Verträge hier kündigen</a> 1880 </li> 1881 <li> 1882 <a href="/de-de/kundenservice/">Kontakt</a> 1883 </li> 1884 </ul> 1885 </div> 1886 </div> 1887 1888 <div class="col-md-3"> 1889 <div class="qp-doormat__category">
1890 <span class="inline-block strong large-text">Direkt zum</span> 1891 <ul class="qp-doormat__navigation list-unstyled no-margin"> 1892 <li> 1893 <a href="/de-de/shop/seasonticket/product/" class="white">Online-Shop</a> 1894 </li> 1895 </ul> 1896 </div> 1897 1898 <div class="qp-doormat__category qp-apps margin-top-xs-important"> 1899 <span class="inline-block strong large-text">Download</span> 1900 <ul class="qp-doormat__navigation list-unstyled no-margin"> 1901 <li> 1902 <a href="https://apps.apple.com/de/app/q-park/id1477955834" target="_blank" class="white"> 1903 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-apple-white.svg" alt="apple"> 1904 iOS App 1905 </a> 1906 </li> 1907 <li> 1908 <a href="https://play.google.com/store/apps/details?id=com.qpark.mobilepark.android" target="_blank" class="white"> 1909 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon-android-white.svg" alt="android"> 1910 Android App 1911 </a> 1912 </li> 1913 </ul> 1914 </div> 1915 </div> 1916 1917 </div> 1918 </div> 1919 1920 </div> 1921 1922 <div class="col-xs-12 col-lg-4"> 1923<div class="col-xs-12 clean-footer-logo padding-horizontal-sm right "> 1924 1925 <a href="/de-de/"> 1926 <div class="img-bg qp-logo-img" data-background-image="https://q-park-online-prod-static.azureedge.net/static/assets/svg/logo-tagline-diapositive.svg"></div> 1927 </a> 1928 1929 <div class="legal right"> 1930 <div class="privacy-button-wrapper"> 1931 <button type="button" class="privacy-button hoverable" onclick="UC_UI.showSecondLayer();">Cookie Informationen</button> 1932 </div> 1933 <span class="copyright">© <span class="nobr">Q-Park</span> Deutschland (2018)</span> 1934 1935 <ul> 1936 <li> 1937 <a href="/de-de/agb/" class="hoverable">AGB</a> 1938 </li> 1939 <li> 1940 <a href="/de-de/compliance-kontakt/" class="hoverable">Compliance</a> 1941 </li> 1942 <li> 1943 <a href="/de-de/datenschutz/" class="hoverable">Datenschutzerklärung</a> 1944 </li> 1945 <li> 1946 <a href="/de-de/impressum/" class="hoverable">Impressum</a> 1947 </li> 1948 </ul> 1949 </div> 1950 1951 <div class="social"> 1952 <ul> 1953 <li> 1954 <a href="https://www.facebook.com/qparkdeutschland"> 1955 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_social_header_facebook.svg" alt="Facebook"> 1956 </a> 1957 </li> 1958 <li> 1959 <a href="https://twitter.com/QPark_DE"> 1960 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_social_header_x.svg" alt="X"> 1961 </a> 1962 </li> 1963 <li> 1964 <a href="https://www.instagram.com/qparkdeutschland/"> 1965 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_social_header_instagram.svg" alt="Instagram"> 1966 </a> 1967 </li> 1968 <li> 1969 <a href="https://www.xing.com/companies/q-parkoperationsgermanygmbh%26co.kg"> 1970 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_social_header_xing.svg" alt="Xing"> 1971 </a> 1972 </li> 1973 <li> 1974 <a href="https://www.linkedin.com/company/q-park-deutschland/?originalSubdomain=de"> 1975 <img src="https://q-park-online-prod-static.azureedge.net/static/assets/svg/icon_social_header_linkedin.svg" alt="LinkedIn"> 1976 </a> 1977 </li> 1978 </ul> 1979 </div> 1980</div> 1981 </div> 1982 </div> 1983 1984 <div class="row"> 1985 <div class="col-xs-12"> 1986 1987 </div> 1988 </div> 1989 </div> 1990</footer> 1991 1992 1993
1993<script src="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/dist/runtime.bundle.js" type="text/javascript"></script>
1993 1994
1994<script src="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/dist/vendors.bundle.js" type="text/javascript"></script>
1994 1995
1995<script src="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/dist/shared.bundle.js" type="text/javascript"></script>
1995 1996
1996<script src="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/dist/content.bundle.js" type="text/javascript"></script>
1996 1997 1998
1998<script src="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/dist/booking.bundle.js" type="text/javascript"></script>
1998 1999 2000 2001
2001<script src="https://q-park-online-prod-static.azureedge.net/static/ver/3.1.7.28315/ver/js/dist/main.bundle.js" type="text/javascript"></script>
2001 2002 2003</body> 2004</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.