PageSourceSearch

https://www.q-park.de/de-de/shop/seasonticket/product/?sid=84168f45-0002-489e-a0a2-09c94ae26da3

html q-park.de collected 2026-10-02 06:04:05 UTC 158,345 bytes, 2,004 lines download raw bytes

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&#228;dte">
349                                        St&#228;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="&#39;selected&#39;">
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&#228;dte">
435                                St&#228;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="&#39;selected&#39;">
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": [{&quot;Id&quot;:&quot;0a6c546f-c342-4e2c-95ba-205df41d61e6&quot;,&quot;DisplayName&quot;:&quot;Aachen&quot;,&quot;Name&quot;:&quot;Aachen&quot;},{&quot;Id&quot;:&quot;f85e23b5-4a75-4387-bd41-d9331e677cc9&quot;,&quot;DisplayName&quot;:&quot;Augsburg&quot;,&quot;Name&quot;:&quot;Augsburg&quot;},{&quot;Id&quot;:&quot;b4591fea-8b91-4655-b38f-c4be5bee8daf&quot;,&quot;DisplayName&quot;:&quot;Berlin&quot;,&quot;Name&quot;:&quot;Berlin&quot;},{&quot;Id&quot;:&quot;b88375ce-946e-429b-8070-3c1e046b65a6&quot;,&quot;DisplayName&quot;:&quot;Bielefeld&quot;,&quot;Name&quot;:&quot;Bielefeld&quot;},{&quot;Id&quot;:&quot;b0580d2b-3b12-4ad0-ba4d-2f2dc4197a9f&quot;,&quot;DisplayName&quot;:&quot;B&#246;blingen&quot;,&quot;Name&quot;:&quot;Boblingen&quot;},{&quot;Id&quot;:&quot;8994108f-8703-45d0-b18d-115f916d16d6&quot;,&quot;DisplayName&quot;:&quot;Bonn Bad Godesberg&quot;,&quot;Name&quot;:&quot;Bonn Bad Godesberg&quot;},{&quot;Id&quot;:&quot;2c7653cc-3707-4eaa-8411-116ce1bfe4f0&quot;,&quot;DisplayName&quot;:&quot;Cottbus&quot;,&quot;Name&quot;:&quot;Cottbus&quot;},{&quot;Id&quot;:&quot;46c9316e-76a3-4990-bb0b-716b56cd2517&quot;,&quot;DisplayName&quot;:&quot;Crimmitschau&quot;,&quot;Name&quot;:&quot;Crimmitschau&quot;},{&quot;Id&quot;:&quot;817c348c-d4b5-48b9-937b-da111f654eec&quot;,&quot;DisplayName&quot;:&quot;Darmstadt&quot;,&quot;Name&quot;:&quot;Darmstadt&quot;},{&quot;Id&quot;:&quot;6e910f86-fcbf-44bc-b835-bc478319f835&quot;,&quot;DisplayName&quot;:&quot;Dresden&quot;,&quot;Name&quot;:&quot;Dresden&quot;},{&quot;Id&quot;:&quot;ca939bbb-c095-4f45-bc6b-b8df71a19e2f&quot;,&quot;DisplayName&quot;:&quot;D&#252;sseldorf&quot;,&quot;Name&quot;:&quot;Dusseldorf&quot;},{&quot;Id&quot;:&quot;617da648-4386-4b9a-9265-9db3ea3032cf&quot;,&quot;DisplayName&quot;:&quot;Erfurt&quot;,&quot;Name&quot;:&quot;Erfurt&quot;},{&quot;Id&quot;:&quot;e9f63077-9ba4-425b-b76c-a886d26b4280&quot;,&quot;DisplayName&quot;:&quot;Essen&quot;,&quot;Name&quot;:&quot;Essen&quot;},{&quot;Id&quot;:&quot;17578232-ed07-4639-88ed-1861734b0b2e&quot;,&quot;DisplayName&quot;:&quot;Frankfurt&quot;,&quot;Name&quot;:&quot;Frankfurt&quot;},{&quot;Id&quot;:&quot;d97b0375-9322-4273-8bde-311ef38cc4a1&quot;,&quot;DisplayName&quot;:&quot;Fulda&quot;,&quot;Name&quot;:&quot;Fulda&quot;},{&quot;Id&quot;:&quot;
514992b717a-f247-4d4c-96a2-ec7c046bb3a6&quot;,&quot;DisplayName&quot;:&quot;F&#252;rth&quot;,&quot;Name&quot;:&quot;Furth&quot;},{&quot;Id&quot;:&quot;ed55c994-3a4b-412f-a4f7-ae9e5916e7f0&quot;,&quot;DisplayName&quot;:&quot;Gie&#223;en&quot;,&quot;Name&quot;:&quot;Gieen&quot;},{&quot;Id&quot;:&quot;9f62f0a1-105b-4c12-87df-5e44d0c4320c&quot;,&quot;DisplayName&quot;:&quot;Hagen&quot;,&quot;Name&quot;:&quot;Hagen&quot;},{&quot;Id&quot;:&quot;9f885052-6eda-4941-9bd7-2fb5043f6cca&quot;,&quot;DisplayName&quot;:&quot;Hamburg&quot;,&quot;Name&quot;:&quot;Hamburg&quot;},{&quot;Id&quot;:&quot;e7c6fd9c-6d79-4db1-a913-3c04deec72b7&quot;,&quot;DisplayName&quot;:&quot;Hannover&quot;,&quot;Name&quot;:&quot;Hannover&quot;},{&quot;Id&quot;:&quot;eee5ae5e-413b-4202-8266-3e2c66d34183&quot;,&quot;DisplayName&quot;:&quot;Heidelberg&quot;,&quot;Name&quot;:&quot;Heidelberg&quot;},{&quot;Id&quot;:&quot;9ae8c12e-9831-4ff9-9c1b-21d03470f61c&quot;,&quot;DisplayName&quot;:&quot;Herne&quot;,&quot;Name&quot;:&quot;Herne&quot;},{&quot;Id&quot;:&quot;fa826690-4bea-4731-b2b5-2c1629d476e2&quot;,&quot;DisplayName&quot;:&quot;Hilden&quot;,&quot;Name&quot;:&quot;Hilden&quot;},{&quot;Id&quot;:&quot;88408b07-8f7a-4620-a0e7-0587d128677f&quot;,&quot;DisplayName&quot;:&quot;Kaiserslautern&quot;,&quot;Name&quot;:&quot;Kaiserslautern&quot;},{&quot;Id&quot;:&quot;814cb6bb-c75c-4126-a855-a7ff401c86d3&quot;,&quot;DisplayName&quot;:&quot;Kiel&quot;,&quot;Name&quot;:&quot;Kiel&quot;},{&quot;Id&quot;:&quot;5a60876b-eef0-4247-8f32-e9866fd960c7&quot;,&quot;DisplayName&quot;:&quot;K&#246;ln&quot;,&quot;Name&quot;:&quot;Koln&quot;},{&quot;Id&quot;:&quot;bdc2ed50-16b2-43a1-97f1-2e616e62c036&quot;,&quot;DisplayName&quot;:&quot;Landshut&quot;,&quot;Name&quot;:&quot;Landshut&quot;},{&quot;Id&quot;:&quot;63cd7c25-4ba1-4b55-89ed-0f41dcfa67c0&quot;,&quot;DisplayName&quot;:&quot;Leipzig&quot;,&quot;Name&quot;:&quot;Leipzig&quot;},{&quot;Id&quot;:&quot;312002ad-89b6-440b-98e5-48065b9972b9&quot;,&quot;DisplayName&quot;:&quot;Leverkusen&quot;,&quot;Name&quot;:&quot;Leverkusen&quot;},{&quot;Id&quot;:&quot;8c768f60-845f-4267-a2d8-c2c489637528&quot;,&quot;DisplayName&quot;:&quot;Lippstadt&quot;,&quot;Name&quot;:&quot;Lippstadt&quot;},{&quot;Id&quot;:&quot;2394b9ad-559b-4f14-9c74-6cbf9121687b&quot;,&quot;DisplayName&quot;:&quot;L&#246;rrach&quot;,&quot;Name&quot;:&quot;Lorrach&quot;},{&quot;Id&quot;:&quot;b5907cc9-e49b-4157-9a50-490490620ed5&quot;,&quot;DisplayName&quot;:&quot;Ludwigshafen&quot;,&quot;Name&quot;:&quot;Ludwigshafen&quot;},{&quot;Id&quot;:&quot;64dd2fd6-13f6-4b31-8bdf-fee7f26e0a76&quot;,&quot;DisplayName&quot;:&quot;L&#252;neburg&quot;,&quot;Name&quot;:&quot;Luneburg&quot;},{&quot;Id&quot;:&quot;f5fd992f-0ebc-4bf3-806d-103dc44ce016&quot;,&quot;DisplayName&quot;:&quot;M&#246;nchengladbach&quot;,&quot;Name&quot;:&quot;Monchengladbach&quot;},{&quot;Id&quot;:&quot;6bf5df73-4d77-49fc-b001-ea8df75d8754&quot;,&quot;DisplayName&quot;:&quot;M&#252;lheim an der Ruhr&quot;,&quot;Name&quot;:&quot;Mulheim an der Ruhr&quot;},{&quot;Id&quot;:&quot;afa69643-3ff5-4acf-9095-a75793e85a81&quot;,&quot;DisplayName&quot;:&quot;M&#252;nchen&quot;,&quot;Name&quot;:&quot;Munchen&quot;},{&quot;Id&quot;:&quot;2c711a09-c62c-4a19-88e7-56f4b92cd99d&quot;,&quot;DisplayName&quot;:&quot;Northeim&quot;,&quot;Name&quot;:&quot;Northeim&quot;},{&quot;Id&quot;:&quot;a23135fe-178f-47f9-8774-799591545c9d&quot;,&quot;DisplayName&quot;:&quot;N&#252;rnberg&quot;,&quot;Name&quot;:&quot;Nurnberg&quot;},{&quot;Id&quot;:&quot;012f79ed-6ef0-4004-8fdd-909ed70aa53a&quot;,&quot;DisplayName&quot;:&quot;Offenbach&quot;,&quot;Name&quot;:&quot;Offenbach&quot;},{&quot;Id&quot;:&quot;70c1bf20-5b49-438d-8326-606003403b93&quot;,&quot;DisplayName&quot;:&quot;Pforzheim&quot;,&quot;Name&quot;:&quot;Pforzheim&quot;},{&quot;Id&quot;:&quot;c5067999-e19d-4396-aab0-901c86850aac&quot;,&quot;DisplayName&quot;:&quot;Remscheid&quot;,&quot;Name&quot;:&quot;Remscheid&quot;},{&quot;Id&quot;:&quot;d03ca32f-3979-4eb3-b8f8-7e101265114f&quot;,&quot;DisplayName&quot;:&quot;Rosenheim&quot;,&quot;Name&quot;:&quot;Rosenheim&quot;},{&quot;Id&quot;:&quot;5e4cf75c-ef31-44d0-a102-3d17acd87024&quot;,&quot;DisplayName&quot;:&quot;R&#252;sselsheim&quot;,&quot;Name&quot;:&quot;Russelsheim&quot;},{&quot;Id&quot;:&quot;b5925bbd-a0e6-47e3-85a3-5d19bf9e167c&quot;,&quot;DisplayName&quot;:&quot;Saarbr&#252;cken&quot;,&quot;Name&quot;:&quot;Saarbrucken&quot;},{&quot;Id&quot;:&quot;a73f86df-845c-464b-b930-fcda0ef4b76d&quot;,&quot;DisplayName&quot;:&quot;Stuttgart&quot;,&quot;Name&quot;:&quot;Stuttgart&quot;},{&quot;Id&quot;:&quot;423461f5-e34e-457a-908e-138eb2385ef3&quot;,&quot;DisplayName&quot;:&quot;Wiesbaden&quot;,&quot;Name&quot;:&quot;Wiesbaden&quot;},{&quot;Id&quot;:&quot;387052f2-170f-4fc7-bd7a-b27d968aa393&quot;,&quot;DisplayName&quot;:&quot;Witten&quot;,&quot;Name&quot;:&quot;Witten&quot;},{&quot;Id&quot;:&quot;bcfeb1ec-105f-446a-8af4-fdbd4ccbebd1&quot;,&quot;DisplayName&quot;:&quot;Wuppertal&quot;,&quot;Name&quot;:&quot;Wuppertal&quot;}], "Parkings": [], "Places": [], "SelectedCityId": "", "SelectedParkingId": "", "SelectedPlaceId": "", "SelectedProductId": 0, "SelectedPeriod": "", "Quantity": 0, "bookingFlow": "SeasonTicket", "SelectedAddons": [], "gtmEComCheckoutProductSelectionJson": {&quot;event&quot;:&quot;ecomCheckout&quot;,&quot;ecommerce&quot;:{&quot;checkout&quot;:{&quot;products&quot;:[{&quot;category&quot;:&quot;#category#&quot;,&quot;variant&quot;:&quot;#variant#&quot;,&quot;name&quot;:&quot;#name#&quot;,&quot;id&quot;:&quot;#id#&quot;,&quot;brand&quot;:&quot;
514season ticket&quot;,&quot;quantity&quot;:1,&quot;price&quot;:&quot;#price#&quot;}],&quot;actionField&quot;:{&quot;step&quot;: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&#252;gbar, bitte w&#228;hlen Sie ein sp&#228;teres Datum.", "SelectedDays": [], "SelectDaysOfWeekText": "W&#228;hlen Sie aus, an welchen Tagen Sie parken m&#246;chten? ([DaysToSelect]) noch zu w&#228;hlende Tage", "SelectMoreDaysText": "Sie m&#252;ssen ([DaysToSelect]) weitere Tage ausw&#228;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&#228;hlen</span>
529            </a>
530        </li>
531        <li>
532            <a>
533                <span class="step-dot"></span>
534                <span class="step-text">Pers&#246;nliche Daten</span>
535            </a>
536        </li>
537        <li>
538            <span class="step-dot"></span>
539            <span class="step-text">&#220;bersicht &amp; Zahlung</span>
540        </li>
541        <li id="step-indicator-last-step">
542            <span class="step-dot"></span>
543            <span class="step-text">Best&#228;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&#252;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&nbsp;</span>
600                                <span class="bold lime promo-code-added-text text-uppercase" data-bind="text: PromotionCode"></span>
601                                <span class="lime">:&nbsp;</span>
602                                <span class="lime text-nowrap">
603                                    <!-- ko if: FormattedTotalDiscount -->
604                                    <span class="lime bold">&minus;</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&#252;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&#228;hlt</span>
675                        <span class="display-block">Bitte w&#228;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&#228;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&#228;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&#252;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&#252;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&#252;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&#228;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&#228;hlen Sie das gew&#252;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&#228;hlen Sie zun&#228;chst einen Standort und ein Datum, um alle verf&#252;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&#228;hlen Sie das gew&#252;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&#252;r das gew&#228;hlte Datum und die gew&#228;hlte Uhrzeit stehen keine Parkpl&#228;tze mehr zur Verf&#252;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&#252;r ausgew&#228;hltes Datum ' }">Ausgebucht f&#252;r ausgew&#228;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}">&minus;</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()}">&plus;</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&#228;hlen Sie zus&#228;tzliche Services in Bezug auf Ihr gew&#228;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&#228;hlen Sie zus&#228;tzliche Services in Bezug auf Ihr gew&#228;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}">&minus;</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}">&plus;</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&#246;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&#246;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&#246;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&#246;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&nbsp;<span class="required">*</span></label>
1330                                                            </div>
1331                                                            <div class="mobile col-xs-12 ">
1332                                                                <label class="col-form-label">Vorname&nbsp;<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&nbsp;<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&nbsp;<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&#246;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&#252;r Ihre Anfrage. Wir werden sie so schnell wie m&#246;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&#228;hlen Sie das gew&#252;nschte Parkprodukt</span>
1428                                            <span data-bind="if: SelectedProduct">Alternativ-Vorschl&#228;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&#252;r ausgew&#228;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&#252;r ausgew&#228;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&#252;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=&amp;extension=webp&amp;mh=60&amp;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=&amp;extension=webp&amp;mh=60&amp;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&amp;extension=webp&amp;mh=60&amp;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&#252;sseldorf/" class="white">Parken in D&#252;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&#246;ln/" class="white">Parken in K&#246;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">&#220;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&#228;ufig gestellte Fragen</a>
1747                                                        </li>
1748                                                        <li>
1749                                                            <a href="/de-de/faqs/kontaktformular-kundigung/" class="white">Vertr&#228;ge hier k&#252;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&#252;sseldorf/">Parken in D&#252;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&#246;ln/">Parken in K&#246;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/">&#220;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&#228;ufig gestellte Fragen</a>
1877                                                    </li>
1878                                                    <li>
1879                                                        <a href="/de-de/faqs/kontaktformular-kundigung/">Vertr&#228;ge hier k&#252;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">&#169; <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&#228;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.