PageSourceSearch

https://www.apcoa.de/en/

html apcoa.de collected 2026-10-02 06:22:25 UTC 176,256 bytes, 4,710 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-IE">
3<head>
4    <meta charset="utf-8">
5
6<!-- 
7	Coded with <3 by:
8	u+i interact GmbH
9	mail(at)uandi.com
10	uandi.com
11
12	This website is powered by TYPO3 - inspiring people to share!
13	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
14	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
15	Information and contribution at https://typo3.org/
16-->
17
18
19<title>🚘 Comfortable &amp; central parking at 300+ garages across Germany - APCOA</title>
20<meta http-equiv="x-ua-compatible" content="IE=edge">
21<meta name="generator" content="TYPO3 CMS">
22<meta name="description" content="Discover modern parking solutions with APCOA: ☑️ Digital services ☑️ 300+ locations ☑️ Smart app usage ➡️ Learn more!">
23<meta name="robots" content="index,follow">
24<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=5, user-scalable=yes">
25<meta name="format-detection" content="telephone=no">
26<meta name="revisit-after" content="7 days">
27<meta name="date" content="2026-09-18">
28<meta name="title" content="🚘 Comfortable &amp; central parking at 300+ garages across Germany">
29
30
31
32
33
34
35
36
37
38<link rel="preload" as="image" fetchpriority="high" href="https://www.apcoa.de/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_30dc883f04.jpeg">
39            <link rel="apple-touch-icon" sizes="180x180" href="/assets/country-websites/favicon/apple-touch-icon.png?v=m2cqleqKBM">
40            <link rel="icon" type="image/png" sizes="32x32" href="/assets/country-websites/favicon/favicon-32x32.png?v=m2cqleqKBM">
41            <link rel="icon" type="image/png" sizes="16x16" href="/assets/country-websites/favicon/favicon-16x16.png?v=m2cqleqKBM">
42            <link rel="manifest" href="/assets/country-websites/favicon/site.webmanifest?v=m2cqleqKBM">
43            <link rel="mask-icon" href="/assets/country-websites/favicon/safari-pinned-tab.svg?v=m2cqleqKBM" color="#011022">
44            <link rel="shortcut icon" href="/assets/country-websites/favicon/favicon.ico?v=m2cqleqKBM">
45            <meta name="msapplication-TileColor" content="#011022">
46            <meta name="msapplication-config" content="/assets/country-websites/favicon/browserconfig.xml?v=m2cqleqKBM">
47            <meta name="theme-color" content="#ffffff">                <link rel="preconnect" href="https://web.cmp.usercentrics.eu" crossorigin>
48                <link rel="preconnect" href="https://uct.service.usercentrics.eu" crossorigin>
49                <link rel="preconnect" href="https://v1.api.service.cmp.usercentrics.eu" crossorigin>
50                <link rel="preconnect" href="https://consent-api.service.consent.usercentrics.eu" crossorigin>				<!-- Usercentrics CMP -->
51                
51<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="HRShX6FiCcKefx" async></script>
51
52                <!-- END Usercentrics CMP --><!-- Vite JS Assets --><link rel="modulepreload" href="/assets/country-websites/build/index.D9qhUdJc.js">
52<script type="module" src="/assets/country-websites/build/index.D9qhUdJc.js"></script>
52<!-- Vite CSS Assets --><link rel="preload" href="/assets/country-websites/build/index.9USdmZA0.css" as="style"><link rel="stylesheet" href="/assets/country-websites/build/index.9USdmZA0.css">
52<script nonce="">window.uiAppUtils = window.uiAppUtils || {};
53window.uiAppUtils.googleMapsApiKey = "AIzaSyAgStTY4T9ECzKL02sbgrBWIt4uuOs30fc";
54window.uiAppUtils.googleMapsId = "4979cf42e8d524f4";</script>
54                <link rel="preconnect" href="https://www.googletagmanager.com">
55                <link rel="preconnect" href="https://www.google-analytics.com">
56                <link rel="dns-prefetch" href="https://www.google.com">                    <!-- Google Tag Manager -->
57                    
57<script>
vendor: 407 bytes, lines 57-61
57(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
58                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
59                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
60                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
61                    })(window,document,'script','dataLayer','
61GTM-NFW3LJP4
vendor: 3 bytes, line 61
61');
61</script>
61
62                    <!-- End Google Tag Manager -->                    <!-- GTM - www.apcoa.de -->
63                    
63<script>!function(){"use strict";function l(e){for(var t=e,r=0,n=document.cookie.split(";");r<n.length;r++){var o=n[r].split("=");if(o[0].trim()===t)return o[1]}}function s(e){return localStorage.getItem(e)}function u(e){return window[e]}function A(e,t){e=document.querySelector(e);return t?null==e?void 0:e.getAttribute(t):null==e?void 0:e.textContent}var e=window,t=document,r="script",n="dataLayer",o="https://data.apcoa.de",a="",i="edwprultc",c="2px=aWQ9R1RNLUszWjVLWFJI&sort=desc",g="stapeUserId",v="",E="",d=!1;try{var d=!!g&&(m=navigator.userAgent,!!(m=new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m)))&&16.4<=parseFloat(m[1]),f="stapeUserId"===g,I=d&&!f?function(e,t,r){void 0===t&&(t="");var n={cookie:l,localStorage:s,jsVariable:u,cssSelector:A},t=Array.isArray(t)?t:[t];if(e&&n[e])for(var o=n[e],a=0,i=t;a<i.length;a++){var c=i[a],c=r?o(c,r):o(c);if(c)return c}else console.warn("invalid uid source",e)}(g,v,E):void 0;d=d&&(!!I||f)}catch(e){console.error(e)}var m=e,g=(m[n]=m[n]||[],m[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t.getElementsByTagName(r)[0]),v=I?"&bi="+encodeURIComponent(I):"",E=t.createElement(r),f=(d&&(i=8<i.length?i.replace(/([a-z]{8}$)/,"kp$1"):"kp"+i),!d&&a?a:o);E.async=!0,E.src=f+"/"+i+".js?"+c+v,null!=(e=g.parentNode)&&e.insertBefore(E,g)}();</script>
63
64                    <!-- GTM - www.apcoa.de --><link rel="alternate" type="text/plain" href="/llms.txt" />                <!-- TrustBox script -->
65                    
65<script type="text/plain" data-usercentrics="Trustpilot" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
65
66                <!-- End TrustBox script -->
67<link rel="canonical" href="https://www.apcoa.de/en/">
68
69<link rel="alternate" hreflang="de" href="https://www.apcoa.de/">
70<link rel="alternate" hreflang="en-IE" href="https://www.apcoa.de/en/">
71<link rel="alternate" hreflang="x-default" href="https://www.apcoa.de/">
72<!-- This site is optimized with the Yoast SEO for TYPO3 plugin - https://yoast.com/typo3-extensions-seo/ -->
73<script type="application/ld+json">[{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.apcoa.de","name":"\ud83d\ude98 Comfortable & central parking at 300+ garages across Germany"},{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.apcoa.de\/en\/","name":"APCOA"}}]}]</script>
73
74
75</head>
76<body class="page-1 pagelevel-0 language-1 layout-Homepage">
77
78
79
80
81    
82        <!-- Google Tag Manager (noscript) -->
vendor: 89 bytes, lines 82-84
82
83        <noscript>
84            <iframe src="https://www.googletagmanager.com/ns.html?id=
84GTM-NFW3LJP4
vendor: 100 bytes, lines 84-86
84" height="0" width="0" style="display:none;visibility:hidden"></iframe>
85        </noscript>
86        
86<!-- End Google Tag Manager (noscript) -->
87    
88
89    
90        <!-- GTM (noscript) - www.apcoa.de -->
91        <noscript><iframe src="https://data.apcoa.de/ns.html?id=GTM-K3Z5KXRH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
92        <!-- End GTM (noscript) - www.apcoa.de -->
93    
94
95    
96
97    <div class="w-full max-w-pageBox mx-auto bg-white shadow-pageBox">
98        
99
100
101
102
103
104
105
106
107
108
109        
110    <header data-scroll-offset="10" id="main-header"
111            class="header header--transparent">
112        <a class="header__logo focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="Logo APCOA Parking, links to the homepage" href="/en/">
113            
114
115
116
117
118<svg
119    xmlns:svg="http://www.w3.org/2000/svg"
120    xmlns="http://www.w3.org/2000/svg"
121    version="1.1"
122    width="256"
123    height="60"
124    viewBox="-1.2014676 -1.2014676 179.5406952 42.4518552"
125    id="svg14687">
126    <defs
127        id="defs14689" />
128    <path
129        d="m 162.78276,7.17875 14.35499,0 0,-7.17875 -14.35499,0 0,7.17875 z"
130        id="path14187"
131        style="fill:#001e50;fill-opacity:1;fill-rule:nonzero;stroke:none" />
132    <path
133        d="m 147.4015,7.17875 14.35501,0 0,-7.17875 -14.35501,0 0,7.17875 z"
134        id="path14189"
135        style="fill:#276699;fill-opacity:1;fill-rule:nonzero;stroke:none" />
136    <path
137        d="m 132.02025,7.17875 14.355,0 0,-7.17875 -14.355,0 0,7.17875 z"
138        id="path14191"
139        style="fill:#77b3d7;fill-opacity:1;fill-rule:nonzero;stroke:none" />
140    <path
141        d="m 116.63775,7.17875 14.35625,0 0,-7.17875 -14.35625,0 0,7.17875 z"
142        id="path14193"
143        style="fill:#a6d4ec;fill-opacity:1;fill-rule:nonzero;stroke:none" />
144    <path
145        d="m 101.25525,7.17875 14.35751,0 0,-7.17875 -14.35751,0 0,7.17875 z"
146        id="path14195"
147        style="fill:#dff1fb;fill-opacity:1;fill-rule:nonzero;stroke:none" />
148    <path
149        d="m 162.78276,23.5875 14.35499,0 0,-7.17875 -14.35499,0 0,7.17875 z"
150        id="path14197"
151        style="fill:#002b62;fill-opacity:1;fill-rule:nonzero;stroke:none" />
152    <path
153        d="m 147.4015,23.58625 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
154        id="path14199"
155        style="fill:#0069a2;fill-opacity:1;fill-rule:nonzero;stroke:none" />
156    <path
157        d="m 132.02025,23.58625 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
158        id="path14201"
159        style="fill:#4aa5d2;fill-opacity:1;fill-rule:nonzero;stroke:none" />
160    <path
161        d="m 116.63775,23.58625 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
162        id="path14203"
163        style="fill:#5bc5ed;fill-opacity:1;fill-rule:nonzero;stroke:none" />
164    <path
165        d="m 101.25525,23.58625 14.35751,0 0,-7.1775 -14.35751,0 0,7.1775 z"
166        id="path14205"
167        style="fill:#caeaf7;fill-opacity:1;fill-rule:nonzero;stroke:none" />
168    <path
169        d="m 162.78276,39.99125 14.35499,0 0,-7.1775 -14.35499,0 0,7.1775 z"
170        id="path14207"
171        style="fill:#001e50;fill-opacity:1;fill-rule:nonzero;stroke:none" />
172    <path
173        d="m 147.4015,39.99125 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
174        id="path14209"
175        style="fill:#004c88;fill-opacity:1;fill-rule:nonzero;stroke:none" />
176    <path
177        d="m 132.02025,39.99125 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
178        id="path14211"
179        style="fill:#4092c2;fill-opacity:1;fill-rule:nonzero;stroke:none" />
180    <path
181        d="m 116.63775,39.99125 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
182        id="path14213"
183        style="fill:#94d5f3;fill-opacity:1;fill-rule:nonzero;stroke:none" />
184    <path
185        d="m 101.25401,39.99125 14.3575,0 0,-7.1775 -14.3575,0 0,7.1775 z"
186        id="path14215"
187        style="fill:#d5ecfa;fill-opacity:1;fill-rule:nonzero;stroke:none" />
188    <path
189        d="m 162.78276,15.3825 14.35499,0 0,-7.1775 -14.35499,0 0,7.1775 z"
190        id="path14217"
191        style="fill:#00275b;fill-opacity:1;fill-rule:nonzero;stroke:none" />
192    <path
193        d="m 147.4015,15.3825 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
194        id="path14219"
195        style="fill:#0085c8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
196    <path
197        d="m 132.02025,15.3825 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
198        id="path14221"
199        style="fill:#50afdb;fill-opacity:1;fill-rule:nonzero;stroke:none" />
200    <path
201        d="m 116.63775,15.3825 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
202        id="path14223"
203        style="fill:#8ac9e8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
204    <path
205        d="m 101.25525,15.3825 14.35751,0 0,-7.1775 -14.35751,0 0,7.1775 z"
206        id="path14225"
207        style="fill:#d5ecfa;fill-opacity:1;fill-rule:nonzero;stroke:none" />
208    <path
209        d="m 162.78276,31.79 14.35499,0 0,-7.1775 -14.35499,0 0,7.1775 z"
210        id="path14227"
211        style="fill:#001e50;fill-opacity:1;fill-rule:nonzero;stroke:none" />
212    <path
213        d="m 147.4015,31.79 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
214        id="path14229"
215        style="fill:#003872;fill-opacity:1;fill-rule:nonzero;stroke:none" />
216    <path
217        d="m 132.02025,31.79 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
218        id="path14231"
219        style="fill:#008dcf;fill-opacity:1;fill-rule:nonzero;stroke:none" />
220    <path
221        d="m 116.63775,31.79 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
222        id="path14233"
223        style="fill:#8ac9e8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
224    <path
225        d="m 101.25525,31.79 14.35751,0 0,-7.1775 -14.35751,0 0,7.1775 z"
226        id="path14235"
227        style="fill:#b1dff6;
227fill-opacity:1;fill-rule:nonzero;stroke:none" />
228    <path
229        d="m 0,19.56887 5.23125,0 1.33751,-3.5775 6.77124,0 1.41626,3.5775 5.33,0 -7.73375,-18.6225 -4.54126,0 L 0,19.56887 z m 7.98001,-7.5075 2.02125,-5.46 1.97749,5.46 -3.99874,0 z m 21.195,-11.115 -7.59875,0 0,18.6225 4.805,0 0,-6.0475 2.6825,0 c 5.055,0 7.955,-2.31625 7.955,-6.35625 0,-4.06875 -2.71125,-6.21875 -7.84375,-6.21875 m -0.305,4.0675 c 2.19999,0 3.28624,0.74375 3.28624,2.17875 0,1.46875 -1.20375,2.31875 -3.37124,2.31875 l -2.40375,0 0,-4.4975 2.48875,0 z m 9.61874,5.2175 c 0,5.69375 4.20751,9.82625 10.00626,9.82625 2.94999,0 5.51749,-1.09375 7.22874,-3.08125 l 0.12626,-0.1475 -3.37126,-3.1725 -0.13624,0.18875 c -0.8025,1.12375 -2.14751,1.76875 -3.69375,1.76875 -2.92625,0 -4.97001,-2.21375 -4.97001,-5.3825 0,-3.11625 2.12251,-5.38 5.04626,-5.38 1.45625,0 2.80374,0.60875 3.51624,1.58875 l 0.13875,0.19125 3.28751,-3.28625 -0.125,-0.1425 c -1.4475,-1.66625 -4.18375,-2.745 -6.97125,-2.745 -5.9375,0 -10.0825,4.01875 -10.0825,9.77375 m 17.85375,-0.0512 c 0,5.815 4.15499,9.8775 10.10625,9.8775 5.96875,0 10.13625,-4.0625 10.13625,-9.8775 0,-5.815 -4.07251,-9.7225 -10.13625,-9.7225 -6.04501,0 -10.10625,3.9075 -10.10625,9.7225 m 5.11249,0 c 0,-3.1525 2.05376,-5.35375 4.99376,-5.35375 2.91,0 5.02375,2.25125 5.02375,5.35375 0,3.21375 -2.06625,5.4575 -5.02375,5.4575 -2.94,0 -4.99375,-2.24375 -4.99375,-5.4575 m 22.38624,-9.23375 -7.8125,18.6225 5.23251,0 1.33625,-3.5775 6.77499,0 1.41376,3.5775 5.33,0 -7.7325,-18.6225 -4.54251,0 z m 0.16876,11.115 2.0225,-5.46 1.9775,5.46 -4,0 z m -83.18813,27.585 1.61375,0 0,-7.37125 2.8225,0 c 3.2275,0 5.4025,-1.41375 5.4025,-4.26 0,-2.84625 -2.13,-4.235 -5.3575,-4.235 l -4.48125,0 0,15.86625 z m 1.61375,-14.4775 2.73375,0 c 2.4425,0 3.8775,0.8975 3.8775,2.84625 0,1.88375 -1.3675,2.89125 -3.8775,2.89125 l -2.73375,0 0,-5.7375 z m 11.975,10.31 8.2025,0 1.7475,4.1675 1.79375,0 -6.8125,-15.86625 -1.56875,0 -6.8575,15.86625 1.76875,0 1.72625,-4.1675 z m 4.10125,-9.905 3.49625,8.42625 -6.9925,0 3.49625,-8.42625 z m 12.165,6.655 2.69,0 4.39125,7.4175 1.9725,0 -4.6375,-7.55125 c 2.3075,-0.24625 4.05625,-1.72625 4.05625,-4.08 0,-3.09125 -2.28625,-4.235 -5.42375,-4.235 l -4.66125,0 0,15.86625 1.6125,0 0,-7.4175 z m 0,-7.06 2.86875,0 c 2.3975,0 3.98875,0.76375 3.98875,2.84625 0,1.88375 -1.47875,2.825 -4.055,2.825 l -2.8025,0 0,-5.67125 z m 14.45125,-1.38875 -1.6125,0 0,15.86625 1.6125,0 0,-8.4475 0.0225,0 7.93375,8.4475 2.37625,0 -8.44875,-8.67125 8,-7.195 -2.30875,0 -7.5525,7.12625 -0.0225,0 0,-7.12625 z m 15.10375,0 -1.61375,0 0,15.86625 1.61375,0 0,-15.86625 z m 6.7425,0 -2.0175,0 0,15.86625 1.61375,0 0,-13.6475 0.045,0 9.2325,13.6475 2.0175,0 0,-15.86625 -1.61375,0 0,13.51375 -0.045,0 -9.2325,-13.51375 z m 28.58125,1.72625 c -1.34375,-1.32375 -3.2275,-2.13 -5.7375,-2.13 -4.7275,0 -8.26875,3.51875 -8.26875,8.33625 0,4.81875 3.4725,8.33625 8.26875,8.33625 2.15125,0 4.19125,-0.51375 5.91625,-1.545 l 0,-7.15 -5.31,0 0,1.41375 3.69625,0 0,4.8175 c -0.91875,0.60375 -2.48625,1.03 -4.27875,1.03 -4.07875,0 -6.58875,-3.20375 -6.58875,-6.9025 0,-3.6975 2.51,-6.92375 6.58875,-6.92375 1.97125,0 3.495,0.6725 4.59375,1.8375 l 1.12,-1.12 z"
230        id="path14251"
231        style="fill:#00315a;fill-opacity:1;fill-rule:nonzero;stroke:none" />
232</svg>
233
234
235
236        </a>
237
238        <div class="header__service">
239            <nav class="header__serviceNav"
240                 aria-label="Meta navigation">
241                <ul class="header__serviceNavList">
242                    
243                        <li class="hidden lg:block">
244                            <a class="flex items-center gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2" href="https://www.apcoa.de/en/apcoa-flow-app"
245                               target="_blank">
246
247                                
248
249                                
250
251                                <span class="text-transparent flex place-items-center">
252                                    
253                                            <i class="icon icon-multitone icon-multitone--flow text-icon-lg"
254                                               aria-hidden="true"></i>
255                                        
256                                </span>
257                                <span class="whitespace-nowrap">FLOW App</span>
258                            </a>
259                        </li>
260                    
261                        <li class="hidden lg:block">
262                            <a class="flex items-center gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2" href="https://de.apcoa.com/loesungen-fuer-unternehmen"
263                               target="_blank">
264
265                                
266
267                                
268
269                                <span class="text-transparent flex place-items-center">
270                                    
271                                </span>
272                                <span class="whitespace-nowrap">Solutions for Businesses</span>
273                            </a>
274                        </li>
275                    
276                        <li class="hidden lg:block">
277                            <a class="flex items-center gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2" href="/en/about-apcoa"
278                               target="">
279
280                                
281
282                                
283
284                                <span class="text-transparent flex place-items-center">
285                                    
286                                </span>
287                                <span class="whitespace-nowrap">About APCOA</span>
288                            </a>
289                        </li>
290                    
291                        <li class="hidden lg:block">
292                            <a class="flex items-center gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2" href="https://www.apcoa.com/"
293                               target="_blank">
294
295                                
296
297                                
298
299                                <span class="text-transparent flex place-items-center">
300                                    
301                                </span>
302                                <span class="whitespace-nowrap">APCOA Group</span>
303                            </a>
304                        </li>
305                    
306
307                    
308                    
309                        
310                            
311                        
312                    
313                        
314                    
315                    
316                        <li>
317                            
318
319
320
321
322
323
324
325
326
327
328
329
330<ui-button-menu class="block relative" data-placement="bottom-start">
331    <button class="group flex items-center gap-8 uppercase focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
332            type="button"
333            id="language-switcher"
334            aria-haspopup="true"
335            aria-controls="language-switcher-menu"
336            aria-expanded="false">
337        en
338                            
339        <i class="icon icon--chevron-down group-aria-expanded:rotate-180" aria-hidden="true"></i>
340    </button>
341    <div id="language-switcher-menu"
342         class="hidden absolute top-full min-w-full bg-white text-black p-16 rounded-lg shadow-default ">
343        <ul
344            class="flex flex-col gap-16"
345            aria-labelledby="language-switcher">
346            
347                <li>
348                    <a href="/"
349                       class="flex items-center gap-8 p-4 text-primary-navy hover:text-secondary-blue focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 block">
350                        
351                            <span class="icon icon--direction-right text-icon-lg shrink-0"></span>
352                        
353                        
354                                <span>Deutsch</span>
355                            
356                    </a>
357                </li>
358            
359        </ul>
360    </div>
361</ui-button-menu>
362
363
364
365                        </li>
366                    
367                </ul>
368            </nav>
369
370            <ui-burger-menu-button>
371                <button class="header__burger focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-expanded="false"
372                        aria-controls="main-menu">
373                <span class="sr-only"
374                      data-close-label="Close menu">Open menu</span>
375                    <svg data-icon-open aria-hidden="true" width="32" height="30" viewBox="0 0 32 30" fill="none"
376                         xmlns="http://www.w3.org/2000/svg">
377                        <rect x="8" y="8" width="16" height="2" fill="currentColor"/>
378                        <rect x="8" y="14" width="12" height="2" fill="currentColor"/>
379                        <rect x="8" y="20" width="8" height="2" fill="currentColor"/>
380                    </svg>
381                    <svg data-icon-close class="hidden" aria-hidden="true" width="32" height="30"
382                         viewBox="0 0 30 30" fill="none"
383                         xmlns="http://www.w3.org/2000/svg">
384                        <path fill-rule="evenodd" clip-rule="evenodd"
385                              d="M21.7071 9.70711C22.0976 9.31658 22.0976 8.68342 21.7071 8.29289C21.3166 7.90237 20.6834 7.90237 20.2929 8.29289L15 13.5858L9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L13.5858 15L8.29289 20.2929C7.90237 20.6834 7.90237 21.3166 8.29289 21.7071C8.68342 22.0976 9.31658 22.0976 9.70711 21.7071L15 16.4142L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L16.4142 15L21.7071 9.70711ZM16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
386                              fill="currentColor"/>
387                        <path
388                            d="M16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
389                            fill="currentColor"/>
390                    </svg>
391                </button>
392            </ui-burger-menu-button>
393        </div>
394
395        
396
397
398
399
400
401
402
403<ui-main-navigation
404    class="header__main hidden translate-x-full lg:transform-none transition-transform lg:transition-none lg:block">
405    <nav id="main-menu"
406         aria-labelledby="main-menu-title"
407         class="">
408        <div id="main-menu-title" class="py-16 lg:hidden">
409            Main navigation
410        </div>
411        <ul class="flex flex-col lg:flex-row lg:gap-48 border-t border-secondary-light-grey-2 lg:border-0">
412            
413                <li>
414                    
415                            <ui-main-navigation-item>
416                                <button class="header__mainLink "
417                                        aria-expanded="false"
418                                        aria-controls="mainMenu-">
419                                    <span>Park once</span>
420                                    <span aria-hidden="true"
421                                          class="icon icon--chevron-right text-icon-lg lg:hidden"></span>
422                                </button>
423                                <div id="mainMenu-"
424                                     class="hidden translate-x-full lg:transform-none transition-transform lg:transition-none fixed inset-0 top-header overflow-auto bg-white z-10 px-24 lg:absolute lg:p-0 lg:z-auto lg:top-full lg:bottom-auto lg:bg-secondary-light-grey-3">
425                                    <div class="lg:grid lg:grid-cols-megaFlyout lg:grid-rows-megaFlyout">
426                                        <div class="hidden lg:block row-start-3 row-end-4 col-span-full"></div>
427                                        <ul class="row-start-2 row-end-3 col-start-2 col-end-3 divide-y divide-secondary-light-grey-2 grid lg:grid-flow-col lg:auto-cols-fr lg:gap-24 lg:divide-y-0">
428                                            <li class="lg:hidden">
429                                                <button data-back-button
430                                                        class="flex items-center w-full py-16 gap-8">
431                                                    <i class="icon icon--chevron-left text-icon-lg"></i>
432                                                    <span class="font-bold">Back</span>
433                                                    | Park once
434                                                </button>
435                                            </li>
436                                            
437                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
438                                                    <div class="text-md font-extrabold text-primary-navy">
439                                                        Find a parking space
440                                                    </div>
441                                                    
442                                                        <div class="hidden lg:block">Search and book parking spaces in over 80 German cities:
443                                                        </div>
444                                                    
445                                                    
446                                                        <ul class="flex flex-col gap-20">
447                                                            
448                                                                <li>
449                                                                    <a
450                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
451                                                                        href="/en/park-once/car-park-search">
452                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Car park search</span>
453                                                                    </a>
454                                                                </li>
455                                                            
456                                                                <li>
457                                                                    <a
458                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
459                                                                        href="/en/park-once/cities-a-z">
460                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Location A-Z</span>
461                                                                    </a>
462                                                                </li>
463                                                            
464                                                        </ul>
465                                                    
466                                                </li>
467                                            
468                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
469                                                    <div class="text-md font-extrabold text-primary-navy">
470                                                        Parking at airports
471                                                    </div>
472                                                    
473                                                        <div class="hidden lg:block">Take off relaxed for your holiday or business trip at these airports:
474                                                        </div>
475                                                    
476                                                    
477                                                        <ul class="flex flex-col gap-20">
478                                                            
479                                                                <li>
480                                                                    <a
481                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
482                                                                        href="/en/airport-berlin-brandenburg">
483                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Airport Berlin Brandenburg (BER)</span>
484                                                                    </a>
485                                                                </li>
486                                                            
487                                                                <li>
488                                                                    <a
489                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
490                                                                        href="/en/stuttgart-airport">
491                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Stuttgart Airport (STR)</span>
492                                                                    </a>
493                                                                </li>
494                                                            
495                                                                <li>
496                                                                    <a
497                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
498                                                                        href="/en/park-once/parking-at-airports/parking-services-at-airports">
499                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Parking services at airports</span>
500                                                                    </a>
501                                                                </li>
502                                                            
503                                                        </ul>
504                                                    
505                                                </li>
506                                            
507                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
508                                                    <div class="text-md font-extrabold text-primary-navy">
509                                                        Parking and travelling
510                                                    </div>
511                                                    
512                                                        <div class="hidden lg:block">Convenient parking offers for your flights, boat trips and city breaks:
513                                                        </div>
514                                                    
515                                                    
516                                                        <ul class="flex flex-col gap-20">
517                                                            
518                                                                <li>
519                                                                    <a
520                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
521                                                                        href="/en/park-once/parking-and-travelling/parking-travelling">
522                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Parking &amp; Travelling</span>
523                                                                    </a>
524                                                                </li>
525                                                            
526                                                                <li>
527                                                                    <a
528                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
529                                                                        href="/en/hamburg/cruise-center-steinwerder">
530                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Steinwerder cruise terminal</span>
531                                                                    </a>
532                                                                </li>
533                                                            
534                                                                <li>
535                                                                    <a
536                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
537                                                                        href="/en/park-once/parking-at-airports/parking-services-at-airports/cancellation-protection">
538                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Cancellation insurance</span>
539                                                                    </a>
540                                                                </li>
541                                                            
542                                                        </ul>
543                                                    
544                                                </li>
545                                            
546                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
547                                                    <div class="text-md font-extrabold text-primary-navy">
548                                                        City Prebooking
549                                                    </div>
550                                                    
551                                                        <div class="hidden lg:block">Reserve your parking before you arrive – City Prebooking makes city center parking easy.
552                                                        </div>
553                                                    
554                                                    
555                                                        <ul class="flex flex-col gap-20">
556                                                            
557                                                                <li>
558                                                                    <a
559                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
560                                                                        href="/en/park-once/city-prebooking/city-prebooking">
561                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>City Prebooking</span>
562                                                                    </a>
563                                                                </li>
564                                                            
565                                                        </ul>
566                                                    
567                                                </li>
568                                            
569                                        </ul>
570                                        <div
571                                            class="hidden lg:flex row-start-1 row-end-2 col-span-full px-24 pt-24 justify-end items-start">
572                                            <button class="header__mainLinkClose focus:border-2 focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
573                                                    aria-controls="mainMenu-">
574                                                <span class="sr-only">Close menu</span>
575                                                <svg aria-hidden="true" width="30" height="30"
576                                                     viewBox="0 0 30 30"
577                                                     fill="none"
578                                                     xmlns="http://www.w3.org/2000/svg">
579                                                    <path fill-rule="evenodd" clip-rule="evenodd"
580                                                          d="M21.7071 9.70711C22.0976 9.31658 22.0976 8.68342 21.7071 8.29289C21.3166 7.90237 20.6834 7.90237 20.2929 8.29289L15 13.5858L9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L13.5858 15L8.29289 20.2929C7.90237 20.6834 7.90237 21.3166 8.29289 21.7071C8.68342 22.0976 9.31658 22.0976 9.70711 21.7071L15 16.4142L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L16.4142 15L21.7071 9.70711ZM16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
581                                                          fill="#001E46"/>
582                                                    <path
583                                                        d="M16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
584                                                        fill="#001E46"/>
585                                                </svg>
586                                            </button>
587                                        </div>
588                                    </div>
589                                </div>
590                            </ui-main-navigation-item>
591
592                        
593                </li>
594            
595                <li>
596                    
597                            <ui-main-navigation-item>
598                                <button class="header__mainLink "
599                                        aria-expanded="false"
600                                        aria-controls="mainMenu-">
601                                    <span>Flatrate parking</span>
602                                    <span aria-hidden="true"
603                                          class="icon icon--chevron-right text-icon-lg lg:hidden"></span>
604                                </button>
605                                <div id="mainMenu-"
606                                     class="hidden translate-x-full lg:transform-none transition-transform lg:transition-none fixed inset-0 top-header overflow-auto bg-white z-10 px-24 lg:absolute lg:p-0 lg:z-auto lg:top-full lg:bottom-auto lg:bg-secondary-light-grey-3">
607                                    <div class="lg:grid lg:grid-cols-megaFlyout lg:grid-rows-megaFlyout">
608                                        <div class="hidden lg:block row-start-3 row-end-4 col-span-full"></div>
609                                        <ul class="row-start-2 row-end-3 col-start-2 col-end-3 divide-y divide-secondary-light-grey-2 grid lg:grid-flow-col lg:auto-cols-fr lg:gap-24 lg:divide-y-0">
610                                            <li class="lg:hidden">
611                                                <button data-back-button
612                                                        class="flex items-center w-full py-16 gap-8">
613                                                    <i class="icon icon--chevron-left text-icon-lg"></i>
614                                                    <span class="font-bold">Back</span>
615                                                    | Flatrate parking
616                                                </button>
617                                            </li>
618                                            
619                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
620                                                    <div class="text-md font-extrabold text-primary-navy">
621                                                        Flatrate parking 24/7
622                                                    </div>
623                                                    
624                                                        <div class="hidden lg:block">Unlimited parking – available around the clock.
625                                                        </div>
626                                                    
627                                                    
628                                                        <ul class="flex flex-col gap-20">
629                                                            
630                                                                <li>
631                                                                    <a
632                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
633                                                                        href="/en/flatrate-parking/pitch-search">
634                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Find flatrate parking</span>
635                                                                    </a>
636                                                                </li>
637                                                            
638                                                                <li>
639                                                                    <a
640                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
641                                                                        href="/en/flatrate-parking/search/subscription-offers">
642                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Compare flatrate parking</span>
643                                                                    </a>
644                                                                </li>
645                                                            
646                                                                <li>
647                                                                    <a
648                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
649                                                                        href="/en/flatrate-parking-24-7/overview">
650                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Find out more</span>
651                                                                    </a>
652                                                                </li>
653                                                            
654                                                        </ul>
655                                                    
656                                                </li>
657                                            
658                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
659                                                    <div class="text-md font-extrabold text-primary-navy">
660                                                        Overnight &amp; weekend
661                                                    </div>
662                                                    
663                                                        <div class="hidden lg:block">
663Parking spaces that fit your schedule.
664                                                        </div>
665                                                    
666                                                    
667                                                        <ul class="flex flex-col gap-20">
668                                                            
669                                                                <li>
670                                                                    <a
671                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
672                                                                        href="/en/flatrate-parking/overnight-weekend/overview">
673                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Find out more</span>
674                                                                    </a>
675                                                                </li>
676                                                            
677                                                        </ul>
678                                                    
679                                                </li>
680                                            
681                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
682                                                    <div class="text-md font-extrabold text-primary-navy">
683                                                        Pre-Paid
684                                                    </div>
685                                                    
686                                                        <div class="hidden lg:block">Flexible parking with hourly packages – tailored precisely to your needs.
687                                                        </div>
688                                                    
689                                                    
690                                                        <ul class="flex flex-col gap-20">
691                                                            
692                                                                <li>
693                                                                    <a
694                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
695                                                                        href="/en/pre-paid">
696                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Find out more</span>
697                                                                    </a>
698                                                                </li>
699                                                            
700                                                        </ul>
701                                                    
702                                                </li>
703                                            
704                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
705                                                    <div class="text-md font-extrabold text-primary-navy">
706                                                        Specials
707                                                    </div>
708                                                    
709                                                        <div class="hidden lg:block">Tailored parking solutions for your individual needs.
710                                                        </div>
711                                                    
712                                                    
713                                                        <ul class="flex flex-col gap-20">
714                                                            
715                                                                <li>
716                                                                    <a
717                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
718                                                                        href="/en/park-ride">
719                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Park+Ride</span>
720                                                                    </a>
721                                                                </li>
722                                                            
723                                                                <li>
724                                                                    <a
725                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
726                                                                        href="/en/oldtimer-parking">
727                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Oldtimer parking</span>
728                                                                    </a>
729                                                                </li>
730                                                            
731                                                        </ul>
732                                                    
733                                                </li>
734                                            
735                                        </ul>
736                                        <div
737                                            class="hidden lg:flex row-start-1 row-end-2 col-span-full px-24 pt-24 justify-end items-start">
738                                            <button class="header__mainLinkClose focus:border-2 focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
739                                                    aria-controls="mainMenu-">
740                                                <span class="sr-only">Close menu</span>
741                                                <svg aria-hidden="true" width="30" height="30"
742                                                     viewBox="0 0 30 30"
743                                                     fill="none"
744                                                     xmlns="http://www.w3.org/2000/svg">
745                                                    <path fill-rule="evenodd" clip-rule="evenodd"
746                                                          d="M21.7071 9.70711C22.0976 9.31658 22.0976 8.68342 21.7071 8.29289C21.3166 7.90237 20.6834 7.90237 20.2929 8.29289L15 13.5858L9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L13.5858 15L8.29289 20.2929C7.90237 20.6834 7.90237 21.3166 8.29289 21.7071C8.68342 22.0976 9.31658 22.0976 9.70711 21.7071L15 16.4142L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L16.4142 15L21.7071 9.70711ZM16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
747                                                          fill="#001E46"/>
748                                                    <path
749                                                        d="M16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
750                                                        fill="#001E46"/>
751                                                </svg>
752                                            </button>
753                                        </div>
754                                    </div>
755                                </div>
756                            </ui-main-navigation-item>
757
758                        
759                </li>
760            
761                <li>
762                    
763                            <ui-main-navigation-item>
764                                <button class="header__mainLink "
765                                        aria-expanded="false"
766                                        aria-controls="mainMenu-">
767                                    <span>Charge &amp; more</span>
768                                    <span aria-hidden="true"
769                                          class="icon icon--chevron-right text-icon-lg lg:hidden"></span>
770                                </button>
771                                <div id="mainMenu-"
772                                     class="hidden translate-x-full lg:transform-none transition-transform lg:transition-none fixed inset-0 top-header overflow-auto bg-white z-10 px-24 lg:absolute lg:p-0 lg:z-auto lg:top-full lg:bottom-auto lg:bg-secondary-light-grey-3">
773                                    <div class="lg:grid lg:grid-cols-megaFlyout lg:grid-rows-megaFlyout">
774                                        <div class="hidden lg:block row-start-3 row-end-4 col-span-full"></div>
775                                        <ul class="row-start-2 row-end-3 col-start-2 col-end-3 divide-y divide-secondary-light-grey-2 grid lg:grid-flow-col lg:auto-cols-fr lg:gap-24 lg:divide-y-0">
776                                            <li class="lg:hidden">
777                                                <button data-back-button
778                                                        class="flex items-center w-full py-16 gap-8">
779                                                    <i class="icon icon--chevron-left text-icon-lg"></i>
780                                                    <span class="font-bold">Back</span>
781                                                    | Charge &amp; more
782                                                </button>
783                                            </li>
784                                            
785                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
786                                                    <div class="text-md font-extrabold text-primary-navy">
787                                                        Parking &amp; Charging
788                                                    </div>
789                                                    
790                                                        <div class="hidden lg:block">State-of-the-art charging stations for electric vehicles await you at APCOA.
791                                                        </div>
792                                                    
793                                                    
794                                                        <ul class="flex flex-col gap-20">
795                                                            
796                                                                <li>
797                                                                    <a
798                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
799                                                                        href="/en/charge-more/find-a-charging-station">
800                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Find a charging station</span>
801                                                                    </a>
802                                                                </li>
803                                                            
804                                                                <li>
805                                                                    <a
806                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
807                                                                        href="/en/charge-more/parking-charging/charging-an-electric-car">
808                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Charging an electric car</span>
809                                                                    </a>
810                                                                </li>
811                                                            
812                                                        </ul>
813                                                    
814                                                </li>
815                                            
816                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
817                                                    <div class="text-md font-extrabold text-primary-navy">
818                                                        Urban solutions
819                                                    </div>
820                                                    
821                                                        <div class="hidden lg:block">Mobility, electrification, logistics, local supply for more sustainability in our cities:
822                                                        </div>
823                                                    
824                                                    
825                                                        <ul class="flex flex-col gap-20">
826                                                            
827                                                                <li>
828                                                                    <a
829                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
830                                                                        href="/en/charge-more/urban-solutions/urban-solutions">
831                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Urban solutions</span>
832                                                                    </a>
833                                                                </li>
834                                                            
835                                                        </ul>
836                                                    
837                                                </li>
838                                            
839                                        </ul>
840                                        <div
841                                            class="hidden lg:flex row-start-1 row-end-2 col-span-full px-24 pt-24 justify-end items-start">
842                                            <button class="header__mainLinkClose focus:border-2 focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
843                                                    aria-controls="mainMenu-">
844                                                <span class="sr-only">Close menu</span>
845                                                <svg aria-hidden="true" width="30" height="30"
846                                                     viewBox="0 0 30 30"
847                                                     fill="none"
848                                                     xmlns="http://www.w3.org/2000/svg">
849                                                    <path fill-rule="evenodd" clip-rule="evenodd"
850                                                          d="M21.7071 9.70711C22.0976 9.31658 22.0976 8.68342 21.7071 8.29289C21.3166 7.90237 20.6834 7.90237 20.2929 8.29289L15 13.5858L9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L13.5858 15L8.29289 20.2929C7.90237 20.6834 7.90237 21.3166 8.29289 21.7071C8.68342 22.0976 9.31658 22.0976 9.70711 21.7071L15 16.4142L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L16.4142 15L21.7071 9.70711ZM16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
851                                                          fill="#001E46"/>
852                                                    <path
853                                                        d="M16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
854                                                        fill="#001E46"/>
855                                                </svg>
856                                            </button>
857                                        </div>
858                                    </div>
859                                </div>
860                            </ui-main-navigation-item>
861
862                        
863                </li>
864            
865                <li>
866                    
867                            <ui-main-navigation-item>
868                                <button class="header__mainLink "
869                                        aria-expanded="false"
870                                        aria-controls="mainMenu-">
871                                    <span>Customer service</span>
872                                    <span aria-hidden="true"
873                                          class="icon icon--chevron-right text-icon-lg lg:hidden"></span>
874                                </button>
875                                <div id="mainMenu-"
876                                     class="hidden translate-x-full lg:transform-none transition-transform lg:transition-none fixed inset-0 top-header overflow-auto bg-white z-10 px-24 lg:absolute lg:p-0 lg:z-auto lg:top-full lg:bottom-auto lg:bg-secondary-light-grey-3">
877                                    <div class="lg:grid lg:grid-cols-megaFlyout lg:grid-rows-megaFlyout">
878                                        <div class="hidden lg:block row-start-3 row-end-4 col-span-full"></div>
879                                        <ul class="row-start-2 row-end-3 col-start-2 col-end-3 divide-y divide-secondary-light-grey-2 grid lg:grid-flow-col lg:auto-cols-fr lg:gap-24 lg:divide-y-0">
880                                            <li class="lg:hidden">
881                                                <button data-back-button
882                                                        class="flex items-center w-full py-16 gap-8">
883                                                    <i class="icon icon--chevron-left text-icon-lg"></i>
884                                                    <span class="font-bold">Back</span>
885                                                    | Customer service
886                                                </button>
887                                            </li>
888                                            
889                                                <li class="bg-white py-16 lg:p-24 flex flex-col gap-16 lg:gap-20 lg:rounded-lg">
890                                                    <div class="text-md font-extrabold text-primary-navy">
891                                                        Service at a glance
892                                                    </div>
893                                                    
894                                                        <div class="hidden lg:block">Answers to frequently asked questions and contact options for your needs
895                                                        </div>
896                                                    
897                                                    
898                                                        <ul class="flex flex-col gap-20">
899                                                            
900                                                                <li>
901                                                                    <a
902                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
903                                                                        href="/en/customer-service/service-at-a-glance/faq">
904                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Frequently asked questions</span>
905                                                                    </a>
906                                                                </li>
907                                                            
908                                                                <li>
909                                                                    <a
910                                                                        class="flex font-bold text-secondary-blue gap-8 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
911                                                                        href="/en/customer-service/service-at-a-glance/contact-us">
912                                                                        <i class="icon icon--direction-right text-icon-lg" style="min-width: 1em"></i><span>Contact us</span>
913                                                                    </a>
914                                                                </li>
915                                                            
916                                                        </ul>
917                                                    
918                                                </li>
919                                            
920                                        </ul>
921                                        <div
922                                            class="hidden lg:flex row-start-1 row-end-2 col-span-full px-24 pt-24 justify-end items-start">
923                                            <button class="header__mainLinkClose focus:border-2 focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
924                                                    aria-controls="mainMenu-">
925                                                <span class="sr-only">Close menu</span>
926                                                <svg aria-hidden="true" width="30" height="30"
927                                                     viewBox="0 0 30 30"
928                                                     fill="none"
929                                                     xmlns="http://www.w3.org/2000/svg">
930                                                    <path fill-rule="evenodd" clip-rule="evenodd"
931                                                          d="M21.7071 9.70711C22.0976 9.31658 22.0976 8.68342 21.7071 8.29289C21.3166 7.90237 20.6834 7.90237 20.2929 8.29289L15 13.5858L9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L13.5858 15L8.29289 20.2929C7.90237 20.6834 7.90237 21.3166 8.29289 21.7071C8.68342 22.0976 9.31658 22.0976 9.70711 21.7071L15 16.4142L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L16.4142 15L21.7071 9.70711ZM16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
932                                                          fill="#001E46"/>
933                                                    <path
934                                                        d="M16.4142 15L15 13.5858L13.5858 15L15 16.4142L16.4142 15Z"
935                                                        fill="#001E46"/>
936                                                </svg>
937                                            </button>
938                                        </div>
939                                    </div>
940                                </div>
941                            </ui-main-navigation-item>
942
943                        
944                </li>
945            
946        </ul>
947    </nav>
948
949    
950        <ul class="flex flex-col gap-y-16 mb-32 md:items-center lg:hidden">
951            
952                <li>
953                    
954                            <a class="text-secondary-blue block text-center"
955                               href="https://www.apcoa.com/"
956                               target="_blank">
957                                <span>APCOA Group</span>
958                            </a>
959                        
960                </li>
961            
962                <li>
963                    
964                            <a class="text-secondary-blue block text-center"
965                               href="/en/about-apcoa"
966                               target="">
967                                <span>About APCOA</span>
968                            </a>
969                        
970                </li>
971            
972                <li>
973                    
974                            <a class="text-secondary-blue block text-center"
975                               href="https://de.apcoa.com/loesungen-fuer-unternehmen"
976                               target="_blank">
977                                <span>Solutions for Businesses</span>
978                            </a>
979                        
980                </li>
981            
982                <li>
983                    
984                            
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012        
1013    
1014
1015        
1016    
1017
1018
1019
1020
1021        
1022    
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033        <a
1034            href="https://www.apcoa.de/en/apcoa-flow-app" id=""
1035            title=""
1036            target=""
1037            class="flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-secondary-blue hover:bg-primary-navy focus-visible:bg-primary-navy focus-visible:border-2 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 text-white  disabled:bg-secondary-light-grey  "
1038            
1039        >
1040    
1041        <span
1042            class="icon-multitone icon-multitone--flow shrink-0 text-icon-lg"
1043            aria-hidden="true"></span>
1044    
1045    
1046    <span class="">
1047        FLOW App
1048    </span>
1049</a>
1050    
1051
1052
1053                        
1054                </li>
1055            
1056        </ul>
1057    
1058</ui-main-navigation>
1059
1060
1061
1062    </header>
1063
1064
1065        
1066    
1067            
1068                
1069
1070
1071
1072    
1073    
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097    
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121    
1122
1123
1124
1125
1126
1127<div id="c4367" class="mb-48 md:mb-80">
1128    
1129    
1130            
1131        
1132    <div class="grid items-end">
1133        
1134            
1135            <div
1136                class="xl:col-start-1 xl:col-end-2 xl:row-start-1 xl:row-end-2 relative after:bg-homepageStage after:absolute after:inset-0">
1137                <picture title="Kunde benytter APCOA PARKING – nem og sikker parkering i byen "><source media="(min-width: 1920px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_1dac4e1db6.webp 1x" type="image/webp"/><source media="(min-width: 1920px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_9cb73a21ef.jpeg 1x" /><source media="(min-width: 1536px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_305b3f6f68.webp 1
1137x" type="image/webp"/><source media="(min-width: 1536px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_a8f89f19cf.jpeg 1x" /><source media="(min-width: 1280px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_966150acad.webp 1x" type="image/webp"/><source media="(min-width: 1280px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_443147b65f.jpeg 1x" /><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_8bbc4f53c3.webp 1x" type="image/webp"/><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_185717ee52.jpeg 1x" /><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_9c9d0ff978.webp 1x" type="image/webp"/><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_43bbd4da39.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_8436f4cc49.webp 1x" type="image/webp"/><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_76d4889f11.jpeg 1x" /><source srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_1dac4e1db6.webp 1x" type="image/webp" /><img
1138            
1139            src="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_9cb73a21ef.jpeg"
1140            srcset="/fileadmin/_processed_/9/4/csm_0aae511dc038375b224b09a70453056f_9cb73a21ef.jpeg 1x"
1141            class="w-full max-h-[50rem] object-cover object-center object-top"
1142            alt="Glad kvinde i bymiljø bruger APCOA PARKING til nem og fleksibel parkering "
1143            loading="eager"
1144            fetchpriority="high"
1145        /></picture>
1146            </div>
1147        
1148
1149        
1150        
1151            <div
1152                class="-mt-112 md:-mt-136 lg:-mt-144 xl:mt-0 xl:col-start-1 xl:col-end-2 xl:row-start-1 xl:row-end-2 xl:pb-64 z-20">
1153                
1154    
1155        <div class="container">
1156            
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180    
1181
1182
1183    
1184
1185
1186    
1187
1188
1189
1190
1191<ui-tabs class="block md:container">
1192    <div role="tablist" aria-labelledby="service-tabs-tablist-headline"
1193         class="mx-auto flex flex-row items-end gap-2 max-w-citySearchCard md:px-16">
1194        
1195        <div class="flex items-end gap-2 w-full md:w-auto md:mr-20">
1196            
1197                <button id="service-tabs-tab-park" type="button" role="tab"
1198                        aria-selected="true"
1199                        aria-controls="service-tabs-tabpanel-park"
1200                        class="flex-1 md:flex-none w-96 h-56 aria-selected:h-64 md:w-136 md:h-80 md:aria-selected:h-88 px-12 pb-8 flex flex-col md:gap-4 items-center justify-end first:rounded-tl-lg last:rounded-tr-lg  bg-primary-navy text-white aria-selected:bg-white aria-selected:text-primary-navy aria-selected:font-extrabold aria-selected:rounded-t-lg focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
1201                    <svg xmlns="http://www.w3.org/2000/svg" width="46" height="33" viewBox="0 0 46 33" fill="none" class="h-20 md:h-32">
1202    <g id="Icon" clip-path="url(#clip0_107_219)">
1203        <path id="Vector" d="M44.2832 15.1029L45.5 19.2472V32.2719H39.2337L37.9763 28.8381H7.96282L6.7055 32.2719H0.5V19.109L1.61537 15.1029L3.80554 13.1689C2.50766 12.9321 1.57481 12.3204 1.57481 11.5902C1.57481 10.6627 3.07548 9.91275 4.94119 9.91275C5.30622 9.91275 5.65097 9.95222 5.97544 9.99169L8.89567 1.52559L22.9493 0.973022L37.0232 1.52559L39.7812 9.6562C40.1462 9.597 40.5315 9.55753 40.9371 9.55753C42.8028 9.55753 44.3035 10.3074 44.3035 11.235C44.3035 12.0243 43.1881 12.6953 41.7078 12.8532L44.2832 15.1029ZM8.34813 11.7283H37.6113L34.8128 3.43983L22.9899 3.22275L11.1872 3.43983L8.34813 11.7283ZM9.4635 19.0696C9.4635 17.5303 8.20617 16.2673 6.64466 16.2673C5.08315 16.2673 3.82582 17.5105 3.82582 19.0696C3.82582 20.6286 5.08315 21.8719 6.64466 21.8719C8.20617 21.8719 9.4635 20.6088 9.4635 19.0696ZM35.3603 21.0825H10.5991V25.2267H35.3603V21.0825ZM42.1133 19.0696C42.1133 17.5303 40.856 16.2673 39.2945 16.2673C37.733 16.2673 36.4757 17.5105 36.4757 19.0696C36.4757 20.6286 37.733 21.8719 39.2945 21.8719C40.856 21.8719 42.1133 20.6088 42.1133 19.0696Z" fill="currentColor"/>
1204    </g>
1205    <defs>
1206        <clipPath id="clip0_107_219">
1207            <rect width="46" height="33" fill="white"/>
1208        </clipPath>
1209    </defs>
1210</svg>
1211                    <span
1212                        class="text-sm md:text-base text-ellipsis overflow-hidden w-full text-center">Park</span>
1213                </button>
1214            
1215                <button id="service-tabs-tab-charge" type="button" role="tab"
1216                        aria-selected="false"
1217                        aria-controls="service-tabs-tabpanel-charge"
1218                        class="flex-1 md:flex-none w-96 h-56 aria-selected:h-64 md:w-136 md:h-80 md:aria-selected:h-88 px-12 pb-8 flex flex-col md:gap-4 items-center justify-end first:rounded-tl-lg last:rounded-tr-lg  bg-primary-navy text-white aria-selected:bg-white aria-selected:text-primary-navy aria-selected:font-extrabold aria-selected:rounded-t-lg focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
1219                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="h-20 md:h-32">
1220    <g id="Electrification_Icon 1" clip-path="url(#clip0_107_224)">
1221        <path id="Vector" d="M14.7546 3.96839C14.3113 2.03648 12.6227 0.600745 10.5858 0.505733V0.484619H5.00264V1.9098H0V4.03173H5.00264V5.9003H0V8.02223H5.00264V9.44741H10.5858V9.42629C12.6332 9.34184 14.3219 7.89555 14.7546 5.96364H38.0053V38.4894H1.99472V25.5255H5.99472V32.9259H9.85752L10.6385 30.7301H29.3298L30.1108 32.9259H34.0053V24.5965L33.2454 21.9467L31.6834 20.5216C32.6121 20.4054 33.2982 19.9832 33.2982 19.4764C33.2982 18.8853 32.3588 18.3996 31.1979 18.3996C30.9446 18.3996 30.7018 18.4313 30.4802 18.4735L28.7704 13.269L20.0106 12.9101L11.2612 13.269L9.44591 18.6847C9.24538 18.653 9.02375 18.6319 8.80211 18.6319C7.64116 18.6319 6.70185 19.1069 6.70185 19.7087C6.70185 20.1732 7.28232 20.5638 8.09499 20.7116L6.72296 21.9467L6.29024 23.5197H0V40.4846H40V3.95783H14.7546V3.96839ZM27.6834 28.4181H12.2744V25.7789H27.6834V28.4181ZM31.8839 24.491C31.8839 25.4833 31.1029 26.2751 30.1319 26.2751C29.1609 26.2751 28.3799 25.4727 28.3799 24.491C28.3799 23.5092 29.1609 22.7068 30.1319 22.7068C31.1029 22.7068 31.8839 23.4986 31.8839 24.491ZM12.6332 14.4936L19.9894 14.3564L27.3456 14.4936L29.0871 19.7931H10.8707L12.6332 14.4936ZM9.8153 22.7068C10.7863 22.7068 11.5673 23.5092 11.5673 24.491C11.5673 25.4727 10.7863 26.2751 9.8153 26.2751C8.84433 26.2751 8.06332 25.4727 8.06332 24.491C8.06332 23.4986 8.85488 22.7068 9.8153 22.7068Z" fill="currentColor"/>
1222    </g>
1223    <defs>
1224        <clipPath id="clip0_107_224">
1225            <rect width="40" height="40" fill="white"/>
1226        </clipPath>
1227    </defs>
1228</svg>
1229                    <span
1230                        class="text-sm md:text-base text-ellipsis overflow-hidden w-full text-center">Charge</span>
1231                </button>
1232            
1233                <button id="service-tabs-tab-subscribe" type="button" role="tab"
1234                        aria-selected="false"
1235                        aria-controls="service-tabs-tabpanel-subscribe"
1236                        class="flex-1 md:flex-none w-96 h-56 aria-selected:h-64 md:w-136 md:h-80 md:aria-selected:h-88 px-12 pb-8 flex flex-col md:gap-4 items-center justify-end first:rounded-tl-lg last:rounded-tr-lg  bg-primary-navy text-white aria-selected:bg-white aria-selected:text-primary-navy aria-selected:font-extrabold aria-selected:rounded-t-lg focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
1237                    <svg xmlns="http://www.w3.org/2000/svg" width="62" height="37" viewB
1237ox="0 0 62 37" fill="none" class="h-20 md:h-32">
1238    <g id="Contract_Parking_icon_navy 1" clip-path="url(#clip0_107_231)">
1239        <path id="Vector" d="M24.4511 1.69626C24.4511 1.17952 24.0246 0.752645 23.4829 0.752645H20.8547V0H19.8173V0.752645H13.1779V0H12.1405V0.752645H9.52388C8.99365 0.752645 8.55563 1.16829 8.55563 1.69626V3.24648H24.4511V1.69626ZM12.6592 2.87578C12.1635 2.87578 11.7601 2.48261 11.7601 1.99956C11.7601 1.70749 11.9099 1.43789 12.1405 1.28062V1.99956C12.1405 2.2804 12.371 2.50507 12.6592 2.50507C12.9473 2.50507 13.1779 2.2804 13.1779 1.99956V1.28062C13.4084 1.43789 13.5583 1.69626 13.5583 1.99956C13.5583 2.48261 13.1548 2.87578 12.6592 2.87578ZM20.3476 2.87578C19.8519 2.87578 19.4485 2.48261 19.4485 1.99956C19.4485 1.70749 19.5983 1.43789 19.8289 1.28062V2.03327C19.8289 2.29164 20.0594 2.50507 20.3476 2.50507C20.6357 2.50507 20.8663 2.29164 20.8663 2.03327V1.28062C21.0968 1.43789 21.2466 1.69626 21.2466 1.99956C21.2466 2.48261 20.8432 2.87578 20.3476 2.87578Z" fill="currentColor"/>
1240        <path id="Vector_2" d="M12.0367 21.4223V22.0548L-0.857147 36.8571H62.5714L50.8487 21.6324V21.5346L49.7997 17.9624L47.6327 16.0415C48.9122 15.8954 49.8689 15.3225 49.8689 14.6373C49.8689 13.8397 48.5663 13.1881 46.9526 13.1881C46.5953 13.1881 46.2725 13.2218 45.9498 13.278L43.5752 6.24583L31.426 5.76279L24.4407 6.04363V3.83063H8.55564V14.5586C8.55564 15.0754 8.98214 15.5022 9.5239 15.5022H13.2125C13.5237 15.873 14.1461 16.1538 14.9069 16.2886L13.005 17.9624L12.0367 21.4223ZM20.7395 26.6908V23.1186H42.0987V26.6908H20.7395ZM17.3506 23.7926C16.0135 23.7926 14.9184 22.7142 14.9184 21.3774C14.9184 20.0406 16.002 18.9622 17.3506 18.9622C18.6992 18.9622 19.7828 20.0406 19.7828 21.3774C19.7712 22.7142 18.6877 23.7926 17.3506 23.7926ZM51.5691 24.8159L59.8038 35.5091H2.13175L11.2829 25.0024L11.3129 33.4871H17.8382L18.9217 30.5214H43.8461L44.9296 33.4871H51.4988L51.5691 24.8159ZM47.9312 21.3774C47.9312 22.7142 46.8477 23.7926 45.4991 23.7926C44.1504 23.7926 43.0669 22.7142 43.0669 21.3774C43.0669 20.0406 44.1504 18.9622 45.4991 18.9622C46.8477 18.9622 47.9312 20.0406 47.9312 21.3774ZM31.4364 7.68372L41.6376 7.87469L44.0467 15.0417H18.803L21.2467 7.87469L31.4364 7.68372ZM20.6818 4.44847H23.8056V6.0661L20.6818 6.18966V4.44847ZM16.8434 4.44847H20.094V6.21213L19.3102 6.24583L16.8434 13.3903V4.44847ZM12.9819 4.44847H16.1864V7.47028H12.9819V4.44847ZM12.9819 8.11059H16.1864V11.1998H12.9819V8.11059ZM12.3364 14.8619H9.65069C9.40863 14.8619 9.20115 14.671 9.20115 14.4238V11.8289H12.3364V14.8619ZM12.3364 11.211H9.20115V8.12183H12.3364V11.211ZM12.3364 7.47028H9.20115V4.44847H12.3364V7.47028ZM12.9819 14.8282V11.8401H16.1864V13.5027C16.0942 13.4914 15.9904 13.4914 15.8867 13.4914C14.3536 13.4914 13.0972 14.0756 12.9819 14.8282Z" fill="currentColor"/>
1241    </g>
1242    <defs>
1243        <clipPath id="clip0_107_231">
1244            <rect width="63.4286" height="36.8571" fill="white" transform="translate(-0.857147)"/>
1245        </clipPath>
1246    </defs>
1247</svg>
1248                    <span
1249                        class="text-sm md:text-base text-ellipsis overflow-hidden w-full text-center">Subscribe</span>
1250                </button>
1251            
1252        </div>
1253        
1254        
1255    </div>
1256</ui-tabs>
1257
1258    <div id="service-tabs-tabpanel-park"
1259         class=""
1260         role="tabpanel"
1261         aria-labelledby="service-tabs-tab-park">
1262        <div
1263        class="bg-white py-24 md:py-40 px-16 md:px-56 max-w-citySearchCard mx-auto rounded-b-lg md:rounded-lg shadow-m "><div class="flex flex-col gap-24 md:gap-32"><div class="text-h2 text-balance text-primary-navy md:text-center"
1264    
1265    
1266    
1267    >
1268    
1269                Find a car park
1270            
1271</div><form method="get"
1272      action="/en/park-once/car-park-search"
1273      class="md:bg-white md:shadow-default md:rounded-lg md:overflow-hidden   "><label for="park-search-input" class="sr-only">City, street or postcode</label><div
1274        class="flex items-stretch justify-stretch flex-col md:flex-row gap-24 md:gap-0"><ui-searchbar-input
1275            data-country="[&quot;de&quot;]"
1276            class="bg-white flex items-center gap-8 px-8 md:px-16 w-full shadow-default md:shadow-none rounded-lg md:rounded-none"
1277        ><i class="icon icon--park-location md:text-icon-lg" aria-hidden="true"></i><input id="park-search-input" type="text" name="query" placeholder="City, street or postcode"
1278                   class="w-full py-12 placeholder:text-secondary-grey-1 focus-visible:outline-none focus-visible:border-none focus-visible:shadow-none"/><button type="button" data-clear class="flex focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"><i class="icon icon--x text-secondary-grey-1" aria-hidden="true"></i><span class="sr-only">Clear value</span></button><input type="hidden" name="ld" value=""></ui-searchbar-input><button id="park-search-submit" class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-24 text-white bg-secondary-blue outline-none hover:bg-primary-navy focus-visible:bg-primary-navy focus-visible:border-2 focus-visible:border-white focus-visible:ring-2 focus-visible:ring-black   disabled:bg-secondary-light-grey md:rounded-none  focus-visible:outline-none focus-visible:border-none focus-visible:shadow-none " type="submit" ><span class="">
1279        Search
1280    </span></button></div></form></div></div>
1281    </div>
1282
1283    <div id="service-tabs-tabpanel-charge"
1284         class="hidden"
1285         role="tabpanel"
1286         aria-labelledby="service-tabs-tab-charge">
1287        <div
1288        class="bg-white py-24 md:py-40 px-16 md:px-56 max-w-citySearchCard mx-auto rounded-b-lg md:rounded-lg shadow-m "><div class="flex flex-col gap-24 md:gap-32"><div class="text-h2 text-balance text-primary-navy md:text-center"
1289    
1290    
1291    
1292    >
1293    
1294                Find a charging station
1295            
1296</div><form method="get"
1297      action="/en/charge-more/find-a-charging-station"
1298      class="md:bg-white md:shadow-default md:rounded-lg md:overflow-hidden   "><label for="charge-search-input" class="sr-only">City, street or postcode</label><div
1299        class="flex items-stretch justify-stretch flex-col md:flex-row gap-24 md:gap-0"><ui-searchbar-input
1300            data-country="[&quot;de&quot;]"
1301            class="bg-white flex items-center gap-8 px-8 md:px-16 w-full shadow-default md:shadow-none rounded-lg md:rounded-none"
1302        ><i class="icon icon--park-location md:text-icon-lg" aria-hidden="true"></i><input id="charge-search-input" type="text" name="query" placeholder="City, street or postcode"
1303                   class="w-full py-12 placeholder:text-secondary-grey-1 focus-visible:outline-none focus-visible:border-none focus-visible:shadow-none"/><button type="button" data-clear class="flex focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"><i class="icon icon--x text-secondary-grey-1" aria-hidden="true"></i><span class="sr-only">Clear value</span></button><input type="hidden" name="ld" value=""></ui-searchbar-input><button id="charge-search-submit" class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-24 text-white bg-secondary-blue outline-none hover:bg-primary-navy focus-visible:bg-primary-navy focus-visible:border-2 focus-visible:border-white focus-visible:ring-2 focus-visible:ring-black   disabled:bg-secondary-light-grey md:rounded-none  focus-visible:outline-none focus-visible:border-none focus-visible:shadow-none " type="submit" ><span class="">
1304        Search
1305    </span></button></div></form></div></div>
1306    </div>
1307
1308    <div id="service-tabs-tabpanel-subscribe"
1309         class="hidden"
1310         role="tabpanel"
1311         aria-labelledby="service-tabs-tab-subscribe">
1312        <div
1313        class="bg-white py-24 md:py-40 px-16 md:px-56 max-w-citySearchCard mx-auto rounded-b-lg md:rounded-lg shadow-m "><div class="flex flex-col gap-24 md:gap-32"><div class="text-h2 text-balance text-primary-navy md:text-center"
1314    
1315    
1316    
1317    >
1318    
1319                Find a subscription parking space
1320            
1321</div><form method="get"
1322      action="/en/flatrate-parking/pitch-search"
1323      class="md:bg-white md:shadow-default md:rounded-lg md:overflow-hidden   "><label for="subscribe-search-input" class="sr-only">City, street or postcode</label><div
1324        class="flex items-stretch justify-stretch flex-col md:flex-row gap-24 md:gap-0"><ui-searchbar-input
1325            data-country="[&quot;de&quot;]"
1326            class="bg-white flex items-center gap-8 px-8 md:px-16 w-full shadow-default md:shadow-none rounded-lg md:rounded-none"
1327        ><i class="icon icon--park-location md:text-icon-lg" aria-hidden="true"></i><input id="subscribe-search-input" type="text" name="query" placeholder="City, street or postcode"
1328                   class="w-full py-12 placeholder:text-secondary-grey-1 focus-visible:outline-none focus-visible:border-none focus-visible:shadow-none"/><button type="button" data-clear class="flex focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"><i class="icon icon--x text-secondary-grey-1" aria-hidden="true"></i><span class="sr-only">Clear value</span></button><input type="hidden" name="ld" value=""></ui-searchbar-input><button id="subscribe-search-submit" class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-24 text-white bg-secondary-blue outline-none hover:bg-primary-navy focus-visible:bg-primary-navy focus-visible:border-2 focus-visible:border-white focus-visible:ring-2 focus-visible:ring-black   disabled:bg-secondary-light-grey md:rounded-none  focus-visible:outline-none focus-visible:border-none focus-visible:shadow-none " type="submit" ><span class="">
1329        Search
1330    </span></button></div></form></div></div>
1331    </div>
1332
1333
1334
1335
1336        </div>
1337    
1338
1339            </div>
1340        
1341    </div>
1342</div>
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352            
1353        
1354
1355
1356        <main class="main">
1357            
1358    
1359        
1360                <section id="c4368" class="container module-margin ">
1361    <div class="w-full max-w-wrapper mx-auto">
1362
1363        <div class="md:max-w-[53rem] mx-auto">
1364            
1365                
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381        
1382    
1383
1384<h1 class="text-h2 text-primary-navy text-center mb-12">
1385    
1386                    Free parking spaces for you: Discover the FLOW of parking
1387                    
1388                
1389</h1>
1390
1391
1392
1393            
1394
1395            
1396
1397            <div class="mt-24 md:mt-32 grid gap-32 grid-cols-1 sm:grid-cols-2 place-content-center justify-items-center
1398            lg:grid-cols-3
1399            ">
1400
1401                
1402                    <div class="flex flex-col items-center text-center max-w-sm">
1403                        <div class="mb-24">
1404                            
1405                                
1406                                    <img src="/fileadmin/user_upload/CountryWebsites/_Global/Iconsets/FeatureSet/ANPR_Exit_process_icon_navy.svg" width="60" height="60" alt="">
1407                                
1408                            
1409                        </div>
1410                        <div class="text-primary-navy mb-16 text-h3 hyphens-auto">
1411                            No ticket
1412                        </div>
1413                        <p class="text-copy text-secondary-grey-1">With licence plate recognition, you can drive in and out almost without stopping.</p>
1414                    </div>
1415                
1416                    <div class="flex flex-col items-center text-center max-w-sm">
1417                        <div class="mb-24">
1418                            
1419                                
1420                                    <img src="/fileadmin/user_upload/CountryWebsites/_Global/Iconsets/FeatureSet/Mobile_Payment_icon_navy.svg" width="60" height="60" alt="">
1421                                
1422                            
1423                        </div>
1424                        <div class="text-primary-navy mb-16 text-h3 hyphens-auto">
1425                            No cash
1426                        </div>
1427                        <p class="text-copy text-secondary-grey-1">Leave ATMs on the left and pay automatically "digitally" when you leave.</p>
1428                    </div>
1429                
1430                    <div class="flex flex-col items-center text-center max-w-sm">
1431                        <div class="mb-24">
1432                            
1433                                
1434                                    <img src="/fileadmin/user_upload/CountryWebsites/_Global/Iconsets/FeatureSet/thumbsUp_Icon_navy.svg" width="60" height="60" alt="">
1435                                
1436                            
1437                        </div>
1438                        <div class="text-primary-navy mb-16 text-h3 hyphens-auto">
1439                            No stress
1440                        </div>
1441                        <p class="text-copy text-secondary-grey-1">Enjoy the effortless parking process: find, park, pay.</p>
1442                    </div>
1443                
1444            </div>
1445
1446            
1447                <div class="flex justify-center mt-24 md:mt-32">
1448                    
1449                            
1450
1451
1452
1453
1454
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464
1465
1466
1467
1468
1469
1470
1471
1472
1473
1474
1475
1476
1477        
1478    
1479
1480        
1481    
1482
1483
1484
1485
1486        
1487    
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498        <a href="https://www.apcoa.de/apcoa-flow-app" id="" title="" target="" class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-secondary-blue hover:bg-primary-navy focus-visible:bg-primary-navy focus-visible:border-2 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 text-white  disabled:bg-secondary-light-grey  ">
1499    
1500        <span class="icon-multitone icon-multitone--flow shrink-0 text-icon-lg" aria-hidden="true"></span>
1501    
1502    
1503    <span class="">
1504        Get the FLOW app
1505    </span>
1506</a>
1507    
1508
1509
1510                        
1511                </div>
1512            
1513        </div>
1514    </div>
1515</section>
1516
1517            
1518    
1519        
1520                
1521
1522
1523
1524    
1525
1526        
1527        
1528        
1529        
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562<section id="c4371" class="module-margin">
1563    <div class="mx-auto bg-white max-w-wrapper">
1564        
1565                
1566                        
1567                                <div class="px-16 md:px-64">
1568                                    <div class="flex flex-col gap-24 md:grid md:grid-cols-2 md:gap-48 md:items-center">
1569                                        <div class="md:order-1">
1570                                            
1571    
1572        
1573                <figure>
1574                    
1575                        <picture class="w-full block overflow-hidden rounded-lg"><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/9/2/csm_APCOA_Header_Pre-Paid_282a7ae785.jpeg 1x" /><source media="(min-width: 320px)" srcset="/fileadmin/_processed_/9/2/csm_APCOA_Header_Pre-Paid_f52d2c2d6d.jpeg 1x" /><img
1576            
1577            src="/fileadmin/_processed_/9/2/csm_APCOA_Header_Pre-Paid_206c703c43.jpeg"
1578            srcset="/fileadmin/_processed_/9/2/csm_APCOA_Header_Pre-Paid_206c703c43.jpeg 1x"
1579            class="object-cover overflow-hidden w-full transition-transform group-hover:scale-110"
1580            alt=""
1581            
1582            
1583        /></picture>
1584                    
1585                    
1586                </figure>
1587            
1588    
1589
1590                                        </div>
1591                                        <div class="relative md:order-2">
1592                                            
1593    
1594        
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610        
1611    
1612
1613<h2 class="text-h2 mb-16 md:mb-24 text-primary-navy"
1614    
1615    
1616    
1617    >
1618    
1619            APCOA pre-paid tariff
1620        
1621</h2>
1622
1623
1624
1625    
1626
1627    
1628
1629    <div>
1630        
1631            
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644        <div class="module-text text-text   rte-container text-md mb-16 md:mb-24 md:leading-150 text-secondary-grey-1"><p>With our flexible hourly packages, you can park according to your needs: 40, 70, 100 or 130 hours. You pay once and can drive in and out as often as you like until your hours are used up.<
1644/p></div>
1645    
1646
1647
1648
1649        
1650
1651        
1652            <div class="grid gap-y-16 justify-items-start">
1653                
1654                    
1655                            
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680        <a
1681        href="/en/pre-paid"
1682        title=""
1683        target=""
1684        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold    "
1685        aria-label=""
1686        role="link"
1687        data-letter=""
1688        >
1689        
1690    
1691        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
1692    
1693    <span class="group-hover:underline">
1694                                Discover pre-paid tariffs now!
1695                            </span>
1696
1697    </a>
1698    
1699
1700
1701                        
1702                
1703            </div>
1704        
1705    </div>
1706
1707                                        </div>
1708                                    </div>
1709                                </div>
1710                            
1711                    
1712            
1713    </div>
1714</section>
1715
1716
1717
1718    
1719
1720
1721            
1722    
1723        
1724                
1725
1726
1727
1728    
1729    
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755<section id="c4372"
1756    class="park-travel container module-margin bg-secondary-light-grey-3 py-64 md:py-120">
1757    <div class="max-w-wrapper mx-auto flex flex-col space-y-48 md:space-y-64">
1758        
1759        <div class="space-y-8">
1760            
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776        
1777    
1778
1779<h2 class="text-h2 text-primary-navy"
1780    
1781    
1782    
1783    >
1784    
1785                Parking &amp; Travelling
1786            
1787</h2>
1788
1789
1790
1791            
1792                <p class="text-intro-body text-primary-navy lg:w-3/4">Wherever you are travelling by whatever means of transport - enjoy a stress-free start with your reserved parking space. </p>
1793            
1794        </div>
1795
1796        
1797        
1798            <div
1799                class="grid lg:grid-cols-2 gap-x-48 gap-y-24 lg:gap-y-10">
1800                
1801                    <div class="grid gap-y-10 md:row-span-3 md:grid-rows-subgrid">
1802                        <div class="flex items-center">
1803                        <span class="text-primary-navy mr-16">
1804                            
1805                                
1806                                    <img src="/fileadmin/user_upload/CountryWebsites/_Global/Iconsets/ParkTravel/airplane.svg" width="44" height="38" alt="" />
1807                                
1808                            
1809                        </span>
1810                            <h3 class="text-h3 text-primary-navy">Flying</h3>
1811                        </div>
1812                        <p class="text-copy text-primary-navy">Book your car park at these German airports</p>
1813
1814                        <div
1815                            class="grid grid-cols-2 sm:grid-cols-parkTravel md:flex md:flex-wrap gap-4 md:gap-16">
1816                            
1817                                <a href="/en/airport-berlin-brandenburg" class="group focus-visible:outline-none">
1818                                    <div
1819                                        class="bg-primary-navy text-white min-w-136 group-focus-visible:outline-black group-focus-visible:border-white min-h-90 flex flex-col gap-6 items-center justify-center text-center p-10 rounded-lg transition-colors duration-300  group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:border-2">
1820                                        <div class="text-intro-body font-extrabold leading-none hyphens-auto">
1821                                            BER
1822                                        </div>
1823                                        <div class="text-copy-xsmall leading-none hyphens-auto">Berlin Brandenburg Airport</div>
1824                                    </div>
1825                                </a>
1826                            
1827                                <a href="/en/stuttgart-airport" class="group focus-visible:outline-none">
1828                                    <div
1829                                        class="bg-primary-navy text-white min-w-136 group-focus-visible:outline-black group-focus-visible:border-white min-h-90 flex flex-col gap-6 items-center justify-center text-center p-10 rounded-lg transition-colors duration-300  group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:border-2">
1830                                        <div class="text-intro-body font-extrabold leading-none hyphens-auto">
1831                                            STR
1832                                        </div>
1833                                        <div class="text-copy-xsmall leading-none hyphens-auto">Stuttgart Airport</div>
1834                                    </div>
1835                                </a>
1836                            
1837                        </div>
1838                    </div>
1839                
1840                    <div class="grid gap-y-10 md:row-span-3 md:grid-rows-subgrid">
1841                        <div class="flex items-center">
1842                        <span class="text-primary-navy mr-16">
1843                            
1844                                
1845                                    <img src="/fileadmin/user_upload/CountryWebsites/_Global/Iconsets/ParkTravel/cruise.svg" width="39" height="38" alt="" />
1846                                
1847                            
1848                        </span>
1849                            <h3 class="text-h3 text-primary-navy">Cruising</h3>
1850                        </div>
1851                        <p class="text-copy text-primary-navy">Stress-free parking and convenient drop-off</p>
1852
1853                        <div
1854                            class="grid grid-cols-2 sm:grid-cols-parkTravel md:flex md:flex-wrap gap-4 md:gap-16">
1855                            
1856                                <a href="/en/hamburg/cruise-center-steinwerder" class="group focus-visible:outline-none">
1857                                    <div
1858                                        class="inline-block whitespace-nowrap bg-white text-primary-navy max-lg:min-w-136 group-focus-visible:outline-white group-focus-visible:border-black min-h-90 flex flex-col gap-6 items-center justify-center text-center p-10 rounded-lg transition-colors duration-300  group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:border-2">
1859                                        <div class="text-intro-body font-extrabold leading-none hyphens-auto">
1860                                            Hamburg
1861                                        </div>
1862                                        <div class="text-copy-xsmall leading-none hyphens-auto">Cruise Centre Steinwerder</div>
1863                                    </div>
1864                                </a>
1865                            
1866                        </div>
1867                    </div>
1868                
1869            </div>
1870        
1871
1872        
1873            
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888<div class="grid gap-y-16 grid-cols-1 md:grid-cols-cityTrips">
1889    
1890        
1891
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906        
1907    
1908
1909<h3 class="text-h3 md:row-start-1 md:row-end-2 md:col-start-1 md:col-end-2 text-primary-navy"
1910    
1911    
1912    
1913    >
1914    
1915            City breaks
1916        
1917</h3>
1918
1919
1920
1921    
1922    
1923        <div class="-mt-8 md:row-start-2 md:row-end-3 md:col-start-1 md:col-end-2 text-primary-navy">
1924            Find car parks at the most popular destinations, sights and local cities:
1925        </div>
1926    
1927
1928    
1929        <div class="md:col-start-1 md:col-end-3">
1930            
1931            <div class="hidden sm:grid sm:grid-cols-3 lg:grid-cols-6 gap-16">
1932                
1933                    
1934
1935
1936
1937
1938
1939
1940<a href="/en/berlin" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2">
1941    
1942        
1943        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/b/3/csm_Berlin_335a7deb08.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/b/3/csm_Berlin_e18273d121.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/b/3/csm_Berlin_5bc5602e03.jpeg 1x" /><img
1944            
1945            src="/fileadmin/_processed_/b/3/csm_Berlin_5bc5602e03.jpeg"
1946            srcset="/fileadmin/_processed_/b/3/csm_Berlin_5bc5602e03.jpeg 1x"
1947            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
1948            alt=""
1949            loading="lazy"
1950            
1951        /></picture>
1952    
1953    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
1954        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Berlin</div>
1955    </div>
1956</a>
1957
1958
1959
1960                
1961                    
1962
1963
1964
1965
1966
1967
1968<a href="/en/hamburg" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2">
1969    
1970        
1971        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/4/a/csm_Hamburg_36c6a62ff7.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/4/a/csm_Hamburg_0124780529.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/4/a/csm_Hamburg_349c4958f3.jpeg 1x" /><img
1972            
1973            src="/fileadmin/_processed_/4/a/csm_Hamburg_349c4958f3.jpeg"
1974            srcset="/fileadmin/_processed_/4/a/csm_Hamburg_349c4958f3.jpeg 1x"
1975            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
1976            alt=""
1977            loading="lazy"
1978            
1979        /></picture>
1980    
1981    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
1982        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Hamburg</div>
1983    </div>
1984</a>
1985
1986
1987
1988                
1989                    
1990
1991
1992
1993
1994
1995
1996<a href="/en/frankfurt" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2">
1997    
1998        
1999        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_57ec8db61e.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_eea10e71f9.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_832232a286.jpeg 1x" /><img
2000            
2001            src="/fileadmin/_processed_/a/4/csm_Frankfurt_832232a286.jpeg"
2002            srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_832232a286.jpeg 1x"
2003            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2004            alt=""
2005            loading="lazy"
2006            
2007        /></picture>
2008    
2009    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2010        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Frankfurt</div>
2011    </div>
2012</a>
2013
2014
2015
2016                
2017                    
2018
2019
2020
2021
2022
2023
2024<a href="/en/cologne" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2">
2025    
2026        
2027        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/
20277/5/csm_Koeln_ce8b20b767.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/7/5/csm_Koeln_4c731e61a4.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/7/5/csm_Koeln_730aa1b67b.jpeg 1x" /><img
2028            
2029            src="/fileadmin/_processed_/7/5/csm_Koeln_730aa1b67b.jpeg"
2030            srcset="/fileadmin/_processed_/7/5/csm_Koeln_730aa1b67b.jpeg 1x"
2031            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2032            alt=""
2033            loading="lazy"
2034            
2035        /></picture>
2036    
2037    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2038        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Cologne</div>
2039    </div>
2040</a>
2041
2042
2043
2044                
2045                    
2046
2047
2048
2049
2050
2051
2052<a href="/en/munich" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2">
2053    
2054        
2055        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/a/5/csm_Muenchen_663f8a0687.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/a/5/csm_Muenchen_9c6edc708e.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/a/5/csm_Muenchen_0b8bce0a11.jpeg 1x" /><img
2056            
2057            src="/fileadmin/_processed_/a/5/csm_Muenchen_0b8bce0a11.jpeg"
2058            srcset="/fileadmin/_processed_/a/5/csm_Muenchen_0b8bce0a11.jpeg 1x"
2059            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2060            alt=""
2061            loading="lazy"
2062            
2063        /></picture>
2064    
2065    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2066        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Munich</div>
2067    </div>
2068</a>
2069
2070
2071
2072                
2073                    
2074
2075
2076
2077
2078
2079
2080<a href="/en/stuttgart" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2">
2081    
2082        
2083        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_028ebf8dfb.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_2f7665655c.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_a105595e54.jpeg 1x" /><img
2084            
2085            src="/fileadmin/_processed_/b/8/csm_Stuttgart_a105595e54.jpeg"
2086            srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_a105595e54.jpeg 1x"
2087            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2088            alt=""
2089            loading="lazy"
2090            
2091        /></picture>
2092    
2093    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2094        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Stuttgart</div>
2095    </div>
2096</a>
2097
2098
2099
2100                
2101            </div>
2102
2103            
2104
2105            
2106            
2107            
2108
2109            <div class="relative sm:hidden">
2110                
2111                <div class="flex flex-col absolute top-1/2 -translate-y-1/2 right-0 z-10">
2112                    <button type="button"
2113                            class="swiper-prev text-white bg-primary-navy rounded-full flex justify-center items-center mb-6 w-[32px] h-[32px] focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
2114                            aria-label="Previous slide"
2115                    >
2116                        <span aria-hidden="true">
2117                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="40" viewBox="0 0 24 24" fill="none" class="text-white">
2118<path fill-rule="evenodd" clip-rule="evenodd" d="M15.7071 5.29289C16.0976 5.68342 16.0976 6.31658 15.7071 6.70711L10.4142 12L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071C15.3166 19.0976 14.6834 19.0976 14.2929 18.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929L14.2929 5.29289C14.6834 4.90237 15.3166 4.90237 15.7071 5.29289Z" fill="currentColor"/>
2119</svg>
2120                        </span>
2121                    </button>
2122                    <button type="button"
2123                            class="swiper-next text-white bg-primary-navy rounded-full flex justify-center items-center w-[32px] h-[32px] focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
2124                            aria-label="Next slide"
2125                    >
2126                        <span aria-hidden="true">
2127                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="40" viewBox="0 0 24 24" fill="none">
2128<path fill-rule="evenodd" clip-rule="evenodd" d="M8.29289 5.29289C8.68342 4.90237 9.31658 4.90237 9.70711 5.29289L15.7071 11.2929C16.0976 11.6834 16.0976 12.3166 15.7071 12.7071L9.70711 18.7071C9.31658 19.0976 8.68342 19.0976 8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L13.5858 12L8.29289 6.70711C7.90237 6.31658 7.90237 5.68342 8.29289 5.29289Z" fill="currentColor"/>
2129</svg>
2130                        </span>
2131                    </button>
2132                </div>
2133
2134                <div class="pr-16">
2135                    <div class="swiper citytrips-slider"
2136                         data-labels="{&quot;prevSlideMessage&quot;:null,&quot;nextSlideMessage&quot;:null,&quot;firstSlideMessage&quot;:null,&quot;lastSlideMessage&quot;:null,&quot;paginationBulletMessage&quot;:null,&quot;slideLabelMessage&quot;:null,&quot;containerMessage&quot;:null,&quot;itemRoleDescriptionMessage&quot;:null,&quot;containerRoleDescriptionMessage&quot;:null}"
2137                         aria-roledescription="carousel">
2138                        <div class="swiper-wrapper">
2139                            
2140                                <div class="swiper-slide p-4">
2141                                    
2142
2143
2144
2145
2146
2147
2148<a href="/en/berlin" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2 block">
2149    
2150        
2151        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/b/3/csm_Berlin_335a7deb08.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/b/3/csm_Berlin_e18273d121.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/b/3/csm_Berlin_5bc5602e03.jpeg 1x" /><img
2152            
2153            src="/fileadmin/_processed_/b/3/csm_Berlin_5bc5602e03.jpeg"
2154            srcset="/fileadmin/_processed_/b/3/csm_Berlin_5bc5602e03.jpeg 1x"
2155            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2156            alt=""
2157            loading="lazy"
2158            
2159        /></picture>
2160    
2161    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2162        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Berlin</div>
2163    </div>
2164</a>
2165
2166
2167
2168                                </div>
2169                            
2170                                <div class="swiper-slide p-4">
2171                                    
2172
2173
2174
2175
2176
2177
2178<a href="/en/hamburg" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2 block">
2179    
2180        
2181        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/4/a/csm_Hamburg_36c6a62ff7.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/4/a/csm_Hamburg_0124780529.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/4/a/csm_Hamburg_349c4958f3.jpeg 1x" /><img
2182            
2183            src="/fileadmin/_processed_/4/a/csm_Hamburg_349c4958f3.jpeg"
2184            srcset="/fileadmin/_processed_/4/a/csm_Hamburg_349c4958f3.jpeg 1x"
2185            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2186            alt=""
2187            loading="lazy"
2188            
2189        /></picture>
2190    
2191    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2192        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Hamburg</div>
2193    </div>
2194</a>
2195
2196
2197
2198                                </div>
2199                            
2200                                <div class="swiper-slide p-4">
2201                                    
2202
2203
2204
2205
2206
2207
2208<a href="/en/frankfurt" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2 block">
2209    
2210        
2211        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_57ec8db61e.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_eea10e71f9.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_832232a286.jpeg 1x" /><img
2212            
2213            src="/fileadmin/_processed_/a/4/csm_Frankfurt_832232a286.jpeg"
2214            srcset="/fileadmin/_processed_/a/4/csm_Frankfurt_832232a286.jpeg 1x"
2215            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2216            alt=""
2217            loading="lazy"
2218            
2219        /></picture>
2220    
2221    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2222        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Frankfurt</div>
2223    </div>
2224</a>
2225
2226
2227
2228                                </div>
2229                            
2230                                <div class="swiper-slide p-4">
2231                                    
2232
2233
2234
2235
2236
2237
2238<a href="/en/cologne" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2 block">
2239    
2240        
2241        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/
22417/5/csm_Koeln_ce8b20b767.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/7/5/csm_Koeln_4c731e61a4.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/7/5/csm_Koeln_730aa1b67b.jpeg 1x" /><img
2242            
2243            src="/fileadmin/_processed_/7/5/csm_Koeln_730aa1b67b.jpeg"
2244            srcset="/fileadmin/_processed_/7/5/csm_Koeln_730aa1b67b.jpeg 1x"
2245            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2246            alt=""
2247            loading="lazy"
2248            
2249        /></picture>
2250    
2251    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2252        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Cologne</div>
2253    </div>
2254</a>
2255
2256
2257
2258                                </div>
2259                            
2260                                <div class="swiper-slide p-4">
2261                                    
2262
2263
2264
2265
2266
2267
2268<a href="/en/munich" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2 block">
2269    
2270        
2271        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/a/5/csm_Muenchen_663f8a0687.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/a/5/csm_Muenchen_9c6edc708e.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/a/5/csm_Muenchen_0b8bce0a11.jpeg 1x" /><img
2272            
2273            src="/fileadmin/_processed_/a/5/csm_Muenchen_0b8bce0a11.jpeg"
2274            srcset="/fileadmin/_processed_/a/5/csm_Muenchen_0b8bce0a11.jpeg 1x"
2275            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2276            alt=""
2277            loading="lazy"
2278            
2279        /></picture>
2280    
2281    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2282        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Munich</div>
2283    </div>
2284</a>
2285
2286
2287
2288                                </div>
2289                            
2290                                <div class="swiper-slide p-4">
2291                                    
2292
2293
2294
2295
2296
2297
2298<a href="/en/stuttgart" class="relative group overflow-hidden rounded-lg focus:border-2 focus:outline-black focus:border-white focus:outline focus:outline-2 block">
2299    
2300        
2301        <picture><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_028ebf8dfb.jpeg 1x" /><source media="(min-width: 481px)" srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_2f7665655c.jpeg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_a105595e54.jpeg 1x" /><img
2302            
2303            src="/fileadmin/_processed_/b/8/csm_Stuttgart_a105595e54.jpeg"
2304            srcset="/fileadmin/_processed_/b/8/csm_Stuttgart_a105595e54.jpeg 1x"
2305            class="w-full h-full object-cover aspect-square transition-transform group-hover:scale-110"
2306            alt=""
2307            loading="lazy"
2308            
2309        /></picture>
2310    
2311    <div class="absolute inset-0 bg-gradient-to-t from-black/50 flex items-end justify-start">
2312        <div class="m-16 text-white text-lg md:text-base lg:text-lg font-extrabold hyphens-auto text-balance">Stuttgart</div>
2313    </div>
2314</a>
2315
2316
2317
2318                                </div>
2319                            
2320                        </div>
2321                    </div>
2322                </div>
2323            </div>
2324        </div>
2325
2326        
2327            <div class="md:row-start-1 md:row-end-2 md:col-start-2 md:col-end-3 self-center">
2328                
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353        <a
2354        href="/en/park-once/cities-a-z"
2355        title=""
2356        target=""
2357        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold   text-primary-navy flex items-center "
2358        aria-label=""
2359        role="link"
2360        data-letter=""
2361        >
2362        
2363    
2364        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
2365    
2366    <span class="group-hover:underline">
2367                    All cities from A-Z
2368                </span>
2369
2370    </a>
2371    
2372
2373
2374            </div>
2375        
2376    
2377</div>
2378
2379
2380
2381        
2382
2383        
2384            <div class="space-y-8">
2385                
2386
2387
2388
2389
2390
2391
2392
2393
2394
2395
2396
2397
2398
2399
2400
2401        
2402    
2403
2404<h3 class="text-h3 text-primary-navy"
2405    
2406    
2407    
2408    >
2409    
2410                    Parking in the destination country
2411                
2412</h3>
2413
2414
2415
2416                <p class="text-primary-navy">Find more APCOA car parks in other European countries:</p>
2417                <div class="w-full max-w-sm">
2418                    
2419
2420
2421
2422
2423
2424
2425
2426
2427
2428<generic-dropdown options='null'>
2429    <select name="destinations" id="internationalSwitch"
2430            placeholder="Select country">
2431        
2432            <option value="https://www.apcoa.at" data-link>
2433                Østerrike
2434            </option>
2435        
2436            <option value="https://www.apcoa.dk" data-link>
2437                Danmark
2438            </option>
2439        
2440            <option value="https://www.apcoa.de" data-link>
2441                Tyskland
2442            </option>
2443        
2444            <option value="https://www.apcoa.ie" data-link>
2445                Irland
2446            </option>
2447        
2448            <option value="https://www.apcoa.it" data-link>
2449                Italia
2450            </option>
2451        
2452            <option value="https://www.apcoa.lu" data-link>
2453                Luxembourg
2454            </option>
2455        
2456            <option value="https://www.apcoa.no" data-link>
2457                Norge
2458            </option>
2459        
2460            <option value="https://www.apcoa.pl" data-link>
2461                Polen
2462            </option>
2463        
2464            <option value="https://www.apcoa.se" data-link>
2465                Sverige
2466            </option>
2467        
2468            <option value="https://www.apcoa.ch" data-link>
2469                Sveits
2470            </option>
2471        
2472            <option value="https://www.apcoa.co.uk" data-link>
2473                Storbritannien
2474            </option>
2475        
2476    </select>
2477</generic-dropdown>
2478
2479
2480
2481                </div>
2482            </div>
2483        
2484    </div>
2485</section>
2486
2487
2488
2489
2490
2491
2492            
2493    
2494        
2495                
2496
2497
2498
2499    
2500        
2501
2502
2503
2504
2505
2506
2507
2508
2509
2510
2511
2512
2513<section id="c4374" class="container module-margin ">
2514    <div class="max-w-wrapper mx-auto bg-white overflow-hidden">
2515        <div class="grid grid-cols-12 gap-4">
2516            <div class="col-span-12 lg:col-span-9">
2517                <div>
2518                    
2519
2520                    
2521                </div>
2522            </div>
2523        </div>
2524    </div>
2525</section>
2526
2527
2528
2529    
2530
2531
2532            
2533    
2534        
2535                
2536
2537
2538
2539    
2540    
2541
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552<section id="c10054" class="container module-margin">
2553    <div class="max-w-wrapper mx-auto">
2554        
2555            
2556
2557
2558
2559
2560
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571        
2572    
2573
2574<h2 class="text-h2 text-primary-navy text-center mb-32 md:mb-48 px-16 sm:px-24"
2575    
2576    
2577    
2578    >
2579    
2580                New attractive offers
2581            
2582</h2>
2583
2584
2585
2586        
2587
2588        <div class="teaserSet" data-items="3">
2589            
2590                
2591                        
2592
2593
2594
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611<div class=" relative p-48 md:p-40 rounded-lg flex flex-col items-center text-center bg-secondary-light-grey-3">
2612    
2613        <div class="absolute top-8 -left-[24px] md:-left-[40px] bg-secondary-blue text-white rounded-full w-80 h-80 flex items-center justify-center overflow-hidden">
2614            <div class="text-center -rotate-6">
2615                <div class="text-copy-small leading-[16px]">
2616                    <p><strong>Save more than 50%!</strong></p>
2617                </div>
2618            </div>
2619        </div>
2620    
2621
2622    
2623            <div class="mb-16">
2624                
2625                        <h3 class="text-h3 inline break-words text-primary-navy">
2626                            Easter special
2627                        </h3>
2628                    
2629            </div>
2630        
2631
2632    
2633        <div class="text-md text-primary-navy font-bold mb-16">
2634            At Stuttgart Airport
2635        </div>
2636    
2637
2638    <p class="text-copy text-secondary-grey-1 mb-16 md:mb-24">Get the Easter special now from 27 March to 12 April 2026 in parking zones P0, P2, P4, P6 and P14. Park from just €65 per week.</p>
2639
2640    
2641
2642    
2643        
2644
2645
2646
2647
2648
2649
2650
2651
2652
2653
2654
2655
2656
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668        <a
2669        href="https://parken.flughafen-stuttgart.de/en/"
2670        title="Secure your Easter special now!"
2671        target=""
2672        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold    "
2673        aria-label="Secure your Easter special now!"
2674        role="link"
2675        data-letter=""
2676        id="teaser-link-10054">
2677        
2678    
2679        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
2680    
2681    <span class="group-hover:underline">
2682            Secure your Easter special now!
2683        </span>
2684
2685    </a>
2686    
2687
2688
2689    
2690</div>
2691
2692
2693
2694                    
2695            
2696                
2697                        
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717<div class=" relative p-48 md:p-40 rounded-lg flex flex-col items-center text-center bg-secondary-light-grey-3">
2718    
2719        <div class="absolute top-8 -left-[24px] md:-left-[40px] bg-secondary-blue text-white rounded-full w-80 h-80 flex items-center justify-center overflow-hidden">
2720            <div class="text-center -rotate-6">
2721                <div class="text-copy-small leading-[16px]">
2722                    <p><strong>Save over 50%!</strong></p>
2723                </div>
2724            </div>
2725        </div>
2726    
2727
2728    
2729            <div class="mb-16">
2730                
2731                        <h3 class="text-h3 inline break-words text-primary-navy">
2732                            Weekend special
2733                        </h3>
2734                    
2735            </div>
2736        
2737
2738    
2739        <div class="text-md text-primary-navy font-bold mb-16">
2740            At Stuttgart Airport
2741        </div>
2742    
2743
2744    <p class="text-copy text-secondary-grey-1 mb-16 md:mb-24">Park with the weekend special in P14 - bookable every weekend from Friday 10:00 to Monday 08:00.</p>
2745
2746    
2747
2748    
2749        
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771
2772
2773
2774        <a
2775        href="https://parken.flughafen-stuttgart.de/en/"
2776        title="Get the weekend special now!"
2777        target=""
2778        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold    "
2779        aria-label="Get the weekend special now!"
2780        role="link"
2781        data-letter=""
2782        id="teaser-link-10054">
2783        
2784    
2785        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
2786    
2787    <span class="group-hover:underline">
2788            Get the weekend special now!
2789        </span>
2790
2791    </a>
2792    
2793
2794
2795    
2796</div>
2797
2798
2799
2800                    
2801            
2802                
2803                        
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823<div class=" relative p-48 md:p-40 rounded-lg flex flex-col items-center text-center bg-secondary-light-grey-3">
2824    
2825        <div class="absolute top-8 -left-[24px] md:-left-[40px] bg-secondary-blue text-white rounded-full w-80 h-80 flex items-center justify-center overflow-hidden">
2826            <div class="text-center -rotate-6">
2827                <div class="text-copy-small leading-[16px]">
2828                    <p><strong>Save up to 20%!</strong></p>
2829                </div>
2830            </div>
2831        </div>
2832    
2833
2834    
2835            <div class="mb-16">
2836                
2837                        <h3 class="text-h3 inline break-words text-primary-navy">
2838                            Spring special
2839                        </h3>
2840                    
2841            </div>
2842        
2843
2844    
2845        <div class="text-md text-primary-navy font-bold mb-16">
2846            At Berlin-Brandenburg Airport BER
2847        </div>
2848    
2849
2850    <p class="text-copy text-secondary-grey-1 mb-16 md:mb-24">Secure your parking space in advance and benefit from up to 20% discount. Valid from 22 February to 25 March 2026 in car park P3.</p>
2851
2852    
2853
2854    
2855        
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880        <a
2881        href="https://ber.apcoa.de/en/"
2882        title="Secure your spring special now!"
2883        target=""
2884        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold    "
2885        aria-label="Secure your spring special now!"
2886        role="link"
2887        data-letter=""
2888        id="teaser-link-10054">
2889        
2890    
2891        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
2892    
2893    <span class="group-hover:underline">
2894            Secure your spring special now!
2895        </span>
2896
2897    </a>
2898    
2899
2900
2901    
2902</div>
2903
2904
2905
2906                    
2907            
2908        </div>
2909    </div>
2910</section>
2911
2912
2913
2914
2915
2916
2917            
2918    
2919        
2920                
2921
2922
2923
2924    
2925
2926        
2927        
2928        
2929        
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962<section id="c4375" class="module-margin">
2963    <div class="mx-auto bg-white max-w-wrapper">
2964        
2965                
2966                        
2967                                <div class="px-16 md:px-64">
2968                                    <div class="flex flex-col gap-24 md:grid md:grid-cols-2 md:gap-48 md:items-center">
2969                                        <div class="md:order-2">
2970                                            
2971    
2972        
2973                <figure>
2974                    
2975                        <picture class="w-full block overflow-hidden rounded-lg"><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/d/c/csm_APCOA_FLOW_App_Koeln_Aktion__1be1bd104c.jpg 1x" /><source media="(min-width: 320px)" srcset="/fileadmin/_processed_/d/c/csm_APCOA_FLOW_App_Koeln_Aktion__4922b7290a.jpg 1x" /><img
2976            
2977            src="/fileadmin/_processed_/d/c/csm_APCOA_FLOW_App_Koeln_Aktion__080e36fe8a.jpg"
2978            srcset="/fileadmin/_processed_/d/c/csm_APCOA_FLOW_App_Koeln_Aktion__080e36fe8a.jpg 1x"
2979            class="object-cover overflow-hidden w-full transition-transform group-hover:scale-110"
2980            alt=""
2981            
2982            
2983        /></picture>
2984                    
2985                    
2986                </figure>
2987            
2988    
2989
2990                                        </div>
2991                                        <div class="relative md:order-1">
2992                                            
2993    
2994        
2995
2996
2997
2998
2999
3000
3001
3002
3003
3004
3005
3006
3007
3008
3009
3010        
3011    
3012
3013<h2 class="text-h2 mb-16 md:mb-24 text-primary-navy"
3014    
3015    
3016    
3017    >
3018    
3019            Parking and saving via app in Cologne
3020        
3021</h2>
3022
3023
3024
3025    
3026
3027    
3028
3029    <div>
3030        
3031            
3032
3033
3034
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044        <div class="module-text text-text   rte-container text-md mb-16 md:mb-24 md:leading-150 text-secondary-grey-1"><p>Secure up to 50% discount with the APCOA FLOW app - ticketless, cashless and stress-free! Simply register and benefit at the <a href="https://www.apcoa.de/einmal-parken/standorte/koeln/am-guerzenich" target="_blank">Gürzenich</a>, <a href="https://www.apcoa.de/einmal-parken/standorte/koeln/klapperhof" target="_blank">Klapperhof</a> and <a href="https://www.apcoa.de/einmal-parken/standorte/koeln/rheinauhafen" target="_blank">Rheinauhafen</a> locations.</p></div>
3045    
3046
3047
3048
3049        
3050
3051        
3052            <div class="grid gap-y-16 justify-items-start">
3053                
3054                    
3055                            
3056
3057
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069
3070
3071
3072
3073
3074
3075
3076
3077
3078
3079
3080
3081
3082
3083        
3084    
3085
3086        
3087    
3088
3089
3090
3091
3092        
3093    
3094
3095
3096
3097
3098
3099
3100
3101
3102
3103
3104        <a
3105            href="https://www.apcoa.de/apcoa-flow-app" id=""
3106            title=""
3107            target=""
3108            class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-secondary-blue hover:bg-primary-navy focus-visible:bg-primary-navy focus-visible:border-2 focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 text-white  disabled:bg-secondary-light-grey  "
3109            
3110        >
3111    
3112        <span
3113            class="icon-multitone icon-multitone--flow shrink-0 text-icon-lg"
3114            aria-hidden="true"></span>
3115    
3116    
3117    <span class="">
3118        Download the app now!
3119    </span>
3120</a>
3121    
3122
3123
3124                        
3125                
3126            </div>
3127        
3128    </div>
3129
3130                                        </div>
3131                                    </div>
3132                                </div>
3133                            
3134                    
3135            
3136    </div>
3137</section>
3138
3139
3140
3141    
3142
3143
3144            
3145    
3146        
3147                
3148
3149
3150
3151    
3152        
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165<section id="c4376" class="container module-margin ">
3166    <div class="max-w-wrapper mx-auto bg-white overflow-hidden">
3167        <div class="grid grid-cols-12 gap-4">
3168            <div class="col-span-12 lg:col-span-9">
3169                <div>
3170                    
3171                        <div class="text-primary-navy">
3172                            
3173                                
3174
3175
3176
3177
3178
3179
3180
3181
3182
3183
3184
3185
3186
3187
3188
3189        
3190    
3191
3192<h2 class="text-h2 "
3193    
3194    
3195    
3196    >
3197    
3198                                    Parking 24/7
3199                                    
3200                                
3201</h2>
3202
3203
3204
3205                            
3206                        </div>
3207                    
3208
3209                    
3210                </div>
3211            </div>
3212        </div>
3213    </div>
3214</section>
3215
3216
3217
3218    
3219
3220
3221            
3222    
3223        
3224                
3225
3226
3227
3228    
3229    
3230
3231
3232
3233
3234
3235
3236<section id="c4378" class="w-full module-margin-special">
3237    <div class="flex flex-row flex-wrap">
3238        
3239            <section class="group flex-1 px-24 py-40 lg:py-80 min-w-[240px] flex flex-col items-center justify-center text-center bg-primary-cyan text-primary-navy">
3240                
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256        
3257    
3258
3259<h3 class="text-h3 max-w-96 text-primary-navy"
3260    
3261    
3262    
3263    >
3264    
3265                    Parking-Flat month
3266                
3267</h3>
3268
3269
3270
3271
3272                
3273                    <div class="mt-24">
3274                        
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287        <div class="module-text text-text   text-md mb-16 md:leading-150 ">Your car park at APCOA at a fixed monthly price</div>
3288    
3289
3290
3291
3292                    </div>
3293                
3294                
3295                    
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319
3320
3321
3322
3323        
3324    
3325
3326        
3327    
3328
3329
3330
3331
3332        
3333    
3334
3335
3336
3337
3338
3339
3340
3341
3342
3343
3344        <a
3345            href="/en/flatrate-parking-24-7/park-flat-month" id=""
3346            title=""
3347            target=""
3348            class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-primary-navy hover:bg-secondary-blue text-white focus:bg-secondary-blue focus:border-2 focus:outline-2 focus:outline-black focus:border-white focus:outline focus:outline-2  disabled:bg-secondary-light-grey mt-12 !w-auto "
3349            
3350        >
3351    
3352    
3353    <span class="">
3354        Learn more
3355    </span>
3356</a>
3357    
3358
3359
3360                
3361            </section>
3362        
3363            <section class="group flex-1 px-24 py-40 lg:py-80 min-w-[240px] flex flex-col items-center justify-center text-center bg-primary-navy text-primary-cyan">
3364                
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380        
3381    
3382
3383<h3 class="text-h3 max-w-96 text-primary-cyan"
3384    
3385    
3386    
3387    >
3388    
3389                    Parking-Flat week
3390                
3391</h3>
3392
3393
3394
3395
3396                
3397                    <div class="mt-24">
3398                        
3399
3400
3401
3402
3403
3404
3405
3406
3407
3408
3409
3410
3411        <div class="module-text text-text   text-md mb-16 md:leading-150 text-white">Your car park at APCOA at a fixed weekly price</div>
3412    
3413
3414
3415
3416                    </div>
3417                
3418                
3419                    
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432
3433
3434
3435
3436
3437
3438
3439
3440
3441
3442
3443
3444
3445
3446
3447        
3448    
3449
3450        
3451    
3452
3453
3454
3455    
3456
3457
3458        
3459    
3460
3461
3462
3463
3464
3465
3466
3467
3468
3469
3470        <a
3471            href="/en/flatrate-parking-24-7/park-flat-week" id=""
3472            title=""
3473            target=""
3474            class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-secondary-light-grey-3 hover:bg-secondary-light-grey-4 text-primary-navy hover:bg-primary-cyan hover:text-white focus-visible:border-2 focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2  disabled:bg-secondary-light-grey mt-12 !w-auto "
3475            
3476        >
3477    
3478    
3479    <span class="">
3480        Learn more
3481    </span>
3482</a>
3483    
3484
3485
3486                
3487            </section>
3488        
3489    </div>
3490</section>
3491
3492
3493
3494
3495
3496
3497            
3498    
3499        
3500                
3501
3502
3503
3504    
3505        
3506
3507
3508
3509
3510
3511
3512
3513
3514
3515
3516
3517
3518<section id="c4379" class="container module-margin ">
3519    <div class="max-w-wrapper mx-auto bg-white overflow-hidden">
3520        <div class="grid grid-cols-12 gap-4">
3521            <div class="col-span-12 lg:col-span-9">
3522                <div>
3523                    
3524                        <div class="text-primary-navy">
3525                            
3526                                
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542        
3543    
3544
3545<h2 class="text-h2 "
3546    
3547    
3548    
3549    >
3550    
3551                                    Parking after work & weekend
3552                                    
3553                                
3554</h2>
3555
3556
3557
3558                            
3559                        </div>
3560                    
3561
3562                    
3563                </div>
3564            </div>
3565        </div>
3566    </div>
3567</section>
3568
3569
3570
3571    
3572
3573
3574            
3575    
3576        
3577                
3578
3579
3580
3581    
3582    
3583
3584
3585
3586
3587
3588
3589<section id="c4380" class="w-full module-margin-special">
3590    <div class="flex flex-row flex-wrap">
3591        
3592            <section class="group flex-1 px-24 py-40 lg:py-80 min-w-[240px] flex flex-col items-center justify-center text-center bg-primary-cyan text-primary-navy">
3593                
3594
3595
3596
3597
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609        
3610    
3611
3612<h3 class="text-h3 max-w-96 text-primary-navy"
3613    
3614    
3615    
3616    >
3617    
3618                    Park-Flat after work
3619                
3620</h3>
3621
3622
3623
3624
3625                
3626                    <div class="mt-24">
3627                        
3628
3629
3630
3631
3632
3633
3634
3635
3636
3637
3638
3639
3640        <div class="module-text text-text   text-md mb-16 md:leading-150 ">Parking from 5 pm - flexible after work</div>
3641    
3642
3643
3644
3645                    </div>
3646                
3647                
3648                    
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659
3660
3661
3662
3663
3664
3665
3666
3667
3668
3669
3670
3671
3672
3673
3674
3675
3676        
3677    
3678
3679        
3680    
3681
3682
3683
3684
3685        
3686    
3687
3688
3689
3690
3691
3692
3693
3694
3695
3696
3697        <a
3698            href="/en/overnight-weekend/park-flat-overnight" id=""
3699            title=""
3700            target=""
3701            class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-primary-navy hover:bg-secondary-blue text-white focus:bg-secondary-blue focus:border-2 focus:outline-2 focus:outline-black focus:border-white focus:outline focus:outline-2  disabled:bg-secondary-light-grey mt-12 !w-auto "
3702            
3703        >
3704    
3705    
3706    <span class="">
3707        Learn more
3708    </span>
3709</a>
3710    
3711
3712
3713                
3714            </section>
3715        
3716            <section class="group flex-1 px-24 py-40 lg:py-80 min-w-[240px] flex flex-col items-center justify-center text-center bg-primary-navy text-primary-cyan">
3717                
3718
3719
3720
3721
3722
3723
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733        
3734    
3735
3736<h3 class="text-h3 max-w-96 text-primary-cyan"
3737    
3738    
3739    
3740    >
3741    
3742                    Park-Flat weekend
3743                
3744</h3>
3745
3746
3747
3748
3749                
3750                    <div class="mt-24">
3751                        
3752
3753
3754
3755
3756
3757
3758
3759
3760
3761
3762
3763
3764        <div class="module-text text-text   text-md mb-16 md:leading-150 text-white">Your car park at APCOA at the weekend</div>
3765    
3766
3767
3768
3769                    </div>
3770                
3771                
3772                    
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786
3787
3788
3789
3790
3791
3792
3793
3794
3795
3796
3797
3798
3799
3800        
3801    
3802
3803        
3804    
3805
3806
3807
3808    
3809
3810
3811        
3812    
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823        <a
3824            href="/en/overnight-weekend/park-flat-weekend" id=""
3825            title=""
3826            target=""
3827            class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-secondary-light-grey-3 hover:bg-secondary-light-grey-4 text-primary-navy hover:bg-primary-cyan hover:text-white focus-visible:border-2 focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2  disabled:bg-secondary-light-grey mt-12 !w-auto "
3828            
3829        >
3830    
3831    
3832    <span class="">
3833        Learn more
3834    </span>
3835</a>
3836    
3837
3838
3839                
3840            </section>
3841        
3842            <section class="group flex-1 px-24 py-40 lg:py-80 min-w-[240px] flex flex-col items-center justify-center text-center bg-primary-cyan text-primary-navy">
3843                
3844
3845
3846
3847
3848
3849
3850
3851
3852
3853
3854
3855
3856
3857
3858
3859        
3860    
3861
3862<h3 class="text-h3 max-w-96 text-primary-navy"
3863    
3864    
3865    
3866    >
3867    
3868                    Parking-Flat after work + weekend
3869                
3870</h3>
3871
3872
3873
3874
3875                
3876                    <div class="mt-24">
3877                        
3878
3879
3880
3881
3882
3883
3884
3885
3886
3887
3888
3889
3890        <div class="module-text text-text   text-md mb-16 md:leading-150 ">Combined parking for after work and weekend</div>
3891    
3892
3893
3894
3895                    </div>
3896                
3897                
3898                    
3899
3900
3901
3902
3903
3904
3905
3906
3907
3908
3909
3910
3911
3912
3913
3914
3915
3916
3917
3918
3919
3920
3921
3922
3923
3924
3925
3926        
3927    
3928
3929        
3930    
3931
3932
3933
3934
3935        
3936    
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947        <a
3948            href="/en/overnight-weekend/park-flat-overnight-weekend" id=""
3949            title=""
3950            target=""
3951            class="inline-flex items-center justify-center gap-12 font-bold rounded-full py-12 px-40 bg-primary-navy hover:bg-secondary-blue text-white focus:bg-secondary-blue focus:border-2 focus:outline-2 focus:outline-black focus:border-white focus:outline focus:outline-2  disabled:bg-secondary-light-grey mt-12 !w-auto "
3952            
3953        >
3954    
3955    
3956    <span class="">
3957        Learn more
3958    </span>
3959</a>
3960    
3961
3962
3963                
3964            </section>
3965        
3966    </div>
3967</section>
3968
3969
3970
3971
3972
3973
3974            
3975    
3976        
3977                
3978
3979
3980
3981    
3982    
3983
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994
3995
3996
3997
3998
3999<section id="c4387"
4000         class="grid lg:flex lg:flex-col lg:pt-104 relative min-h-[480px] xl:min-h-[584px] module-margin-special">
4001    <div class="col-span-full row-start-2 row-end-3 h-64 order-2 lg:hidden"></div>
4002    <div class="col-span-full row-start-2 row-end-4 lg:pb-104 lg:-mt-104 lg:z-10 order-3">
4003        <div class="container">
4004            <div class="max-w-wrapper mx-auto md:grid md:grid-cols-12 md:gap-32">
4005                <div class="md:col-start-2 md:col-end-9 lg:col-end-8 xl:col-end-7 bg-white p-24 lg:p-48 flex flex-col gap-16 md:gap-24">
4006                    
4007                        
4008
4009
4010
4011
4012
4013
4014
4015
4016
4017
4018
4019
4020
4021
4022
4023        
4024    
4025
4026<h2 class="text-h3 text-balance text-primary-navy"
4027    
4028    
4029    
4030    >
4031    
4032                            E-charging & parking made easy
4033                        
4034</h2>
4035
4036
4037
4038                    
4039
4040                    
4041                        <div class="text-secondary-grey-1 rte-container">
4042                            <p><strong>Fast. Simple. Safe.</strong></p>
4043<p>Discover how uncomplicated parking and e-car charging can be. At APCOA locations, you can charge your vehicle in just a few steps - arrive, charge and continue your journey in comfort. Experience the convenience of state-of-the-art charging stations that take your driving experience to a new level.</p>
4044                        </div>
4045                    
4046
4047                    
4048                        
4049                        
4050                        
4051                                
4052
4053
4054
4055
4056
4057
4058
4059
4060
4061
4062
4063
4064
4065
4066
4067
4068
4069
4070
4071
4072
4073
4074
4075
4076        <a
4077        href="/en/charge-more/parking-charging/charging-an-electric-car"
4078        title=""
4079        target=""
4080        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold    "
4081        aria-label=""
4082        role="link"
4083        data-letter=""
4084        >
4085        
4086    
4087        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
4088    
4089    <span class="group-hover:underline">
4090                                    Learn more
4091                                </span>
4092
4093    </a>
4094    
4095
4096
4097                            
4098                    
4099                </div>
4100            </div>
4101        </div>
4102    </div>
4103
4104    
4105        <picture class="col-span-full row-start-1 row-end-3 lg:absolute lg:inset-0 lg:top-104"><source media="(min-width: 1920px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_2ada7a348e.webp 1x" type="image/webp"/><source media="(min-width: 1920px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_1c8ad31406.jpg 1x" /><source media="(min-width: 1536px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_a0ee2123c7.webp 1x" type="image/webp"/><source media="(min-width: 1536px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_a8f8b6ac0d.jpg 1x" /><source media="(min-width: 1280px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_c6aef08239.webp 1x" type="image/webp"/><source media="(min-width: 1280px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_7f3766d504.jpg 1x" /><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_2194c51533.webp 1x" type="image/webp"/><source media="(min-width: 1024px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_05ef67e2a4.jpg 1x" /><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_8df34479c5.webp 1x" type="image/webp"/><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_20824ee7b4.jpg 1x" /><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_b3da3140d7.webp 1x" type="image/webp"/><source media="(min-width: 0px)" srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_ddc7e4b875.jpg 1x" /><source srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_2fa1731e05.webp 1x" type="image/webp" /><img
4106            
4107            src="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_284a03e5ca.jpg"
4108            srcset="/fileadmin/_processed_/4/d/csm_E-Laden-Teaser_gespiegelt_284a03e5ca.jpg 1x"
4109            class="w-full h-full object-cover object-center object-top"
4110            alt=""
4111            
4112            
4113        /></picture>
4114    
4115</section>
4116
4117
4118
4119
4120
4121
4122            
4123    
4124        
4125                
4126
4127
4128
4129    
4130
4131        
4132        
4133        
4134            
4135        
4136        
4137
4138
4139
4140
4141
4142
4143
4144
4145
4146
4147
4148
4149
4150
4151
4152
4153
4154
4155
4156
4157
4158
4159
4160
4161
4162
4163
4164        
4165        
4166        
4167    
4168
4169
4170
4171
4172
4173<section id="c4388" class="module-margin">
4174    <div class="mx-auto bg-white max-w-wrapper">
4175        
4176                
4177                        <div class="px-16 md:px-64">
4178                            <div class="md:grid md:grid-cols-textMediaStrong md:items-center">
4179                                <div class="row-start-1 row-end-2 col-start-1 col-end-3 max-md:mb-8">
4180                                    
4181    
4182        
4183                <figure>
4184                    
4185                        <picture class="w-full block overflow-hidden max-md:rounded-lg"><source media="(min-width: 768px)" srcset="/fileadmin/_processed_/4/f/csm_Germany_Frankfurt_Opernturm_05_e0cbdeb65c.jpg 1x" /><source media="(min-width: 320px)" srcset="/fileadmin/_processed_/4/f/csm_Germany_Frankfurt_Opernturm_05_5c3206663f.jpg 1x" /><img
4186            
4187            src="/fileadmin/_processed_/4/f/csm_Germany_Frankfurt_Opernturm_05_5db6ad7598.jpg"
4188            srcset="/fileadmin/_processed_/4/f/csm_Germany_Frankfurt_Opernturm_05_5db6ad7598.jpg 1x"
4189            class="object-cover overflow-hidden w-full transition-transform group-hover:scale-110"
4190            alt=""
4191            
4192            
4193        /></picture>
4194                    
4195                    
4196                </figure>
4197            
4198    
4199
4200                                </div>
4201                                <div class="row-start-1 row-end-2 col-start-2 col-end-5 relative w-full px-16 py-24 md:p-40 lg:p-56 bg-white">
4202                                    
4203    
4204        
4205
4206
4207
4208
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218
4219
4220        
4221    
4222
4223<h2 class="text-h2 mb-16 md:mb-24 text-primary-navy"
4224    
4225    
4226    
4227    >
4228    
4229            Who is APCOA?
4230        
4231</h2>
4232
4233
4234
4235    
4236
4237    
4238
4239    <div>
4240        
4241            
4242
4243
4244
4245
4246
4247
4248
4249
4250
4251
4252
4253
4254        <div class="module-text text-text   rte-container text-md mb-16 md:mb-24 md:leading-150 text-secondary-grey-1"><p>As Europe's leading provider of parking services, we are shaping the future of parking - innovatively and sustainably.</p></div>
4255    
4256
4257
4258
4259        
4260
4261        
4262            <div class="grid gap-y-16 justify-items-start">
4263                
4264                    
4265                            
4266
4267
4268
4269
4270
4271
4272
4273
4274
4275
4276
4277
4278
4279
4280
4281
4282
4283
4284
4285
4286
4287
4288
4289
4290        <a
4291        href="/en/about-apcoa"
4292        title=""
4293        target=""
4294        class="inline-flex group items-start gap-6 text-primary-navy focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2 font-bold    "
4295        aria-label=""
4296        role="link"
4297        data-letter=""
4298        >
4299        
4300    
4301        <span class="icon icon--direction-right flex-shrink-0 text-icon-lg group-hover:translate-x-4 transition-transform duration-500 ease-out" aria-hidden="true"></span>
4302    
4303    <span class="group-hover:underline">
4304                                Learn more
4305                            </span>
4306
4307    </a>
4308    
4309
4310
4311                        
4312                
4313            </div>
4314        
4315    </div>
4316
4317                                </div>
4318                            </div>
4319                        </div>
4320                    
4321            
4322    </div>
4323</section>
4324
4325
4326
4327    
4328
4329
4330            
4331    
4332
4333        </main>
4334
4335        
4336    <footer class="bg-primary-navy text-white relative">
4337        <div class="container">
4338            <div class="max-w-wrapper mx-auto pt-64 md:pt-104 pb-64 md:pb-24">
4339                <div class="grid gap-y-40 md:grid-cols-4 md:gap-x-32">
4340                    
4341                        <div class="flex flex-col gap-40 md:gap-48">
4342                            
4343                                    
4344    <div>
4345        <h2 class="text-h4 md:text-copy font-extrabold mb-8">PARKING</h2>
4346        <ul class="space-y-8">
4347            
4348                <li>
4349                    <a href="/en/flatrate-parking/search/subscription-offers" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4350                        Subscription offers
4351                    </a>
4352                </li>
4353            
4354                <li>
4355                    <a href="/en/park-once/parking-at-airports/parking-services-at-airports" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4356                        Parking at airports
4357                    </a>
4358                </li>
4359            
4360                <li>
4361                    <a href="/en/charge-more/parking-charging/charging-an-electric-car" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4362                        Charging electric vehicles
4363                    </a>
4364                </li>
4365            
4366                <li>
4367                    <a href="/en/park-once/parking-and-travelling/parking-travelling" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4368                        City trips and car parks
4369                    </a>
4370                </li>
4371            
4372                <li>
4373                    <a href="/en/park-once/cities-a-z" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4374                        Car parks A-Z
4375                    </a>
4376                </li>
4377            
4378        </ul>
4379    </div>
4380
4381                                
4382                            
4383                        </div>
4384                    
4385                        <div class="flex flex-col gap-40 md:gap-48">
4386                            
4387                                    
4388    <div>
4389        <h2 class="text-h4 md:text-copy font-extrabold mb-8">CUSTOMER SERVICE</h2>
4390        <ul class="space-y-8">
4391            
4392                <li>
4393                    <a href="/en/customer-service/service-at-a-glance/faq" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4394                        Frequently asked questions
4395                    </a>
4396                </li>
4397            
4398                <li>
4399                    <a href="/en/customer-service/service-at-a-glance/contact-us" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4400                        Contact us
4401                    </a>
4402                </li>
4403            
4404        </ul>
4405    </div>
4406
4407                                
4408                            
4409                                
4410    
4411    <div>
4412        <h2 class="text-h4 md:text-copy font-extrabold mb-12 md:mb-8">Social Media</h2>
4413        <div class="flex items-center gap-16">
4414            
4415                <a href="https://www.facebook.com/apcoa.parking.de" target="_blank" class="text-white focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="Facebook">
4416                    <img alt="Facebook" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/Facebook_white.svg" width="24" height="24" />
4417                </a>
4418            
4419            
4420                <a href="https://www.linkedin.com/company/apcoa-parking-deutschland" target="_blank" class="text-white focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="LinkedIn">
4421                    <img alt="LinkedIn" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/LinkedIn_white.svg" width="24" height="24" />
4422                </a>
4423            
4424            
4425                <a href="https://www.youtube.com/playlist?list=PLLzXRdO-9Q5i6Dh_yQoLsLaP9ODjpZJ5L" target="_blank" class="text-white focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="YouTube">
4426                    <img alt="YouTube" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/Youtube_white.svg" width="24" height="24" />
4427                </a>
4428            
4429            
4430                <a href="https://www.instagram.com/apcoa_de/" target="_blank" class="text-white focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="Instagram">
4431                    <img alt="Instagram" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/Instagram_white.svg" width="24" height="24" />
4432                </a>
4433            
4434            
4435                <a href="https://www.tiktok.com/@apcoa_de" target="_blank" class="text-white focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="TikTok">
4436                    <img alt="Tiktok" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/TikTok_white.svg" width="24" height="24" />
4437                </a>
4438            
4439            
4440            
4441                <a href="https://twitter.com/apcoa_de" target="_blank" class="text-white focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="X">
4442                    <img alt="X" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/X.svg" width="24" height="24" />
4443                </a>
4444            
4445            
4446        </div>
4447    </div>
4448    
4449
4450                            
4451                        </div>
4452                    
4453                        <div class="flex flex-col gap-40 md:gap-48">
4454                            
4455                                    
4456                                        
4457                                            
4458    <div>
4459        <h2 class="text-h4 md:text-copy font-extrabold mb-8">APCOA EN</h2>
4460        <ul class="space-y-8">
4461            
4462                <li>
4463                    <a href="/en/about-apcoa" target="" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4464                        About APCOA
4465                    </a>
4466                </li>
4467            
4468        </ul>
4469    </div>
4470
4471                                        
4472                                    
4473                                        
4474                                            
4475    <div>
4476        <h2 class="text-h4 md:text-copy font-extrabold mb-8">APCOA</h2>
4477        <ul class="space-y-8">
4478            
4479                <li>
4480                    <a href="https://de.apcoa.com/business-lines/" target="_blank" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4481                        Business areas
4482                    </a>
4483                </li>
4484            
4485                <li>
4486                    <a href="https://de.apcoa.com/" target="_blank" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4487                        Business customers and partners
4488                    </a>
4489                </li>
4490            
4491                <li>
4492                    <a href="https://apcoa.bewerbungsportal.net/" target="_blank" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4493                        Career
4494                    </a>
4495                </li>
4496            
4497                <li>
4498                    <a href="https://www.apcoa.com/about-us/investors/" target="_blank" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4499                        Investors
4500                    </a>
4501                </li>
4502            
4503                <li>
4504                    <a href="https://de.apcoa.com/nachrichten/" target="_blank" class="hover:underline focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2">
4505                        News
4506                    </a>
4507                </li>
4508            
4509        </ul>
4510    </div>
4511
4512                                        
4513                                    
4514                                
4515                            
4516                        </div>
4517                    
4518
4519                    
4520                        <div>
4521                            
4522                                <h2 class="text-h4 font-extrabold mb-12 md:mb-32">
4523                                    APCOA FLOW App</h2>
4524                            
4525                            <div class="space-y-12 md:space-y-8">
4526                                
4527                                    <a href="https://apps.apple.com/de/app/apcoa-flow-mobile-parking/id1358202825?l=en-GB" target="_blank" class="block focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
4528                                       role="link">
4529                                        <img alt="Download on the Apple App Store" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/apple-store-en.svg" width="200" height="67" />
4530                                    </a>
4531                                
4532                                
4533                                    <a href="https://play.google.com/store/apps/details?id=com.apcoaflow.
4533consumer&amp;hl=en" target="_blank" class="block focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
4534                                       role="link">
4535                                        <img alt="Get it on Google Play" src="/_assets/f447216c5bb14f7e1e0cfcc80984782b/Images/google-play-en.svg" width="200" height="59" />
4536                                    </a>
4537                                
4538                            </div>
4539                        </div>
4540                    
4541
4542                    
4543                        
4544        <!-- TrustBox widget - Mini -->
4545        <div class="trustpilot-widget" data-locale="en-IE" data-template-id="53aa8807dec7e10d38f59f32" data-businessunit-id="61af791273dd3a551cb9e995" data-style-height="150px" data-style-width="100%" data-theme="dark" data-token="69084e4a-4e41-4850-bc4d-20d966517651">
4546            <a href="https://de.trustpilot.com/review/apcoa.de" target="_blank" rel="noopener">Trustpilot</a>
4547        </div>
4548        <!-- End TrustBox widget -->
4549    
4550                    
4551                </div>
4552            </div>
4553        </div>
4554        <div class="footer__logobay">
4555            <div class="footer__legal">
4556                
4557                    <a class="hover:underline focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
4558                       href="/en/data-protection" target="">
4559                        Data protection
4560                    </a>
4561                
4562                    <a class="hover:underline focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2"
4563                       href="/en/imprint" target="">
4564                        Imprint
4565                    </a>
4566                
4567            </div>
4568            <a class="footer__logo focus-visible:outline-black focus-visible:border-white focus-visible:outline focus-visible:outline-2 focus-visible:border-2" aria-label="Logo APCOA Parking, links to the homepage" href="/en/">
4569                
4570
4571
4572
4573
4574<svg
4575    xmlns:svg="http://www.w3.org/2000/svg"
4576    xmlns="http://www.w3.org/2000/svg"
4577    version="1.1"
4578    width="256"
4579    height="60"
4580    viewBox="-1.2014676 -1.2014676 179.5406952 42.4518552"
4581    id="svg14687">
4582    <defs
4583        id="defs14689" />
4584    <path
4585        d="m 162.78276,7.17875 14.35499,0 0,-7.17875 -14.35499,0 0,7.17875 z"
4586        id="path14187"
4587        style="fill:#001e50;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4588    <path
4589        d="m 147.4015,7.17875 14.35501,0 0,-7.17875 -14.35501,0 0,7.17875 z"
4590        id="path14189"
4591        style="fill:#276699;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4592    <path
4593        d="m 132.02025,7.17875 14.355,0 0,-7.17875 -14.355,0 0,7.17875 z"
4594        id="path14191"
4595        style="fill:#77b3d7;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4596    <path
4597        d="m 116.63775,7.17875 14.35625,0 0,-7.17875 -14.35625,0 0,7.17875 z"
4598        id="path14193"
4599        style="fill:#a6d4ec;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4600    <path
4601        d="m 101.25525,7.17875 14.35751,0 0,-7.17875 -14.35751,0 0,7.17875 z"
4602        id="path14195"
4603        style="fill:#dff1fb;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4604    <path
4605        d="m 162.78276,23.5875 14.35499,0 0,-7.17875 -14.35499,0 0,7.17875 z"
4606        id="path14197"
4607        style="fill:#002b62;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4608    <path
4609        d="m 147.4015,23.58625 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
4610        id="path14199"
4611        style="fill:#0069a2;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4612    <path
4613        d="m 132.02025,23.58625 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
4614        id="path14201"
4615        style="fill:#4aa5d2;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4616    <path
4617        d="m 116.63775,23.58625 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
4618        id="path14203"
4619        style="fill:#5bc5ed;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4620    <path
4621        d="m 101.25525,23.58625 14.35751,0 0,-7.1775 -14.35751,0 0,7.1775 z"
4622        id="path14205"
4623        style="fill:#caeaf7;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4624    <path
4625        d="m 162.78276,39.99125 14.35499,0 0,-7.1775 -14.35499,0 0,7.1775 z"
4626        id="path14207"
4627        style="fill:#001e50;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4628    <path
4629        d="m 147.4015,39.99125 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
4630        id="path14209"
4631        style="fill:#004c88;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4632    <path
4633        d="m 132.02025,39.99125 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
4634        id="path14211"
4635        style="fill:#4092c2;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4636    <path
4637        d="m 116.63775,39.99125 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
4638        id="path14213"
4639        style="fill:#94d5f3;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4640    <path
4641        d="m 101.25401,39.99125 14.3575,0 0,-7.1775 -14.3575,0 0,7.1775 z"
4642        id="path14215"
4643        style="fill:#d5ecfa;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4644    <path
4645        d="m 162.78276,15.3825 14.35499,0 0,-7.1775 -14.35499,0 0,7.1775 z"
4646        id="path14217"
4647        style="fill:#00275b;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4648    <path
4649        d="m 147.4015,15.3825 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
4650        id="path14219"
4651        style="fill:#0085c8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4652    <path
4653        d="m 132.02025,15.3825 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
4654        id="path14221"
4655        style="fill:#50afdb;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4656    <path
4657        d="m 116.63775,15.3825 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
4658        id="path14223"
4659        style="fill:#8ac9e8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4660    <path
4661        d="m 101.25525,15.3825 14.35751,0 0,-7.1775 -14.35751,0 0,7.1775 z"
4662        id="path14225"
4663        style="fill:#d5ecfa;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4664    <path
4665        d="m 162.78276,31.79 14.35499,0 0,-7.1775 -14.35499,0 0,7.1775 z"
4666        id="path14227"
4667        style="fill:#001e50;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4668    <path
4669        d="m 147.4015,31.79 14.35501,0 0,-7.1775 -14.35501,0 0,7.1775 z"
4670        id="path14229"
4671        style="fill:#003872;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4672    <path
4673        d="m 132.02025,31.79 14.355,0 0,-7.1775 -14.355,0 0,7.1775 z"
4674        id="path14231"
4675        style="fill:#008dcf;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4676    <path
4677        d="m 116.63775,31.79 14.35625,0 0,-7.1775 -14.35625,0 0,7.1775 z"
4678        id="path14233"
4679        style="fill:#8ac9e8;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4680    <path
4681        d="m 101.25525,31.79 14.35751,0 0,-7.1775 -14.35751,0 0,7.1775 z"
4682        id="path14235"
4683        style="fill:#b1dff6;
4683fill-opacity:1;fill-rule:nonzero;stroke:none" />
4684    <path
4685        d="m 0,19.56887 5.23125,0 1.33751,-3.5775 6.77124,0 1.41626,3.5775 5.33,0 -7.73375,-18.6225 -4.54126,0 L 0,19.56887 z m 7.98001,-7.5075 2.02125,-5.46 1.97749,5.46 -3.99874,0 z m 21.195,-11.115 -7.59875,0 0,18.6225 4.805,0 0,-6.0475 2.6825,0 c 5.055,0 7.955,-2.31625 7.955,-6.35625 0,-4.06875 -2.71125,-6.21875 -7.84375,-6.21875 m -0.305,4.0675 c 2.19999,0 3.28624,0.74375 3.28624,2.17875 0,1.46875 -1.20375,2.31875 -3.37124,2.31875 l -2.40375,0 0,-4.4975 2.48875,0 z m 9.61874,5.2175 c 0,5.69375 4.20751,9.82625 10.00626,9.82625 2.94999,0 5.51749,-1.09375 7.22874,-3.08125 l 0.12626,-0.1475 -3.37126,-3.1725 -0.13624,0.18875 c -0.8025,1.12375 -2.14751,1.76875 -3.69375,1.76875 -2.92625,0 -4.97001,-2.21375 -4.97001,-5.3825 0,-3.11625 2.12251,-5.38 5.04626,-5.38 1.45625,0 2.80374,0.60875 3.51624,1.58875 l 0.13875,0.19125 3.28751,-3.28625 -0.125,-0.1425 c -1.4475,-1.66625 -4.18375,-2.745 -6.97125,-2.745 -5.9375,0 -10.0825,4.01875 -10.0825,9.77375 m 17.85375,-0.0512 c 0,5.815 4.15499,9.8775 10.10625,9.8775 5.96875,0 10.13625,-4.0625 10.13625,-9.8775 0,-5.815 -4.07251,-9.7225 -10.13625,-9.7225 -6.04501,0 -10.10625,3.9075 -10.10625,9.7225 m 5.11249,0 c 0,-3.1525 2.05376,-5.35375 4.99376,-5.35375 2.91,0 5.02375,2.25125 5.02375,5.35375 0,3.21375 -2.06625,5.4575 -5.02375,5.4575 -2.94,0 -4.99375,-2.24375 -4.99375,-5.4575 m 22.38624,-9.23375 -7.8125,18.6225 5.23251,0 1.33625,-3.5775 6.77499,0 1.41376,3.5775 5.33,0 -7.7325,-18.6225 -4.54251,0 z m 0.16876,11.115 2.0225,-5.46 1.9775,5.46 -4,0 z m -83.18813,27.585 1.61375,0 0,-7.37125 2.8225,0 c 3.2275,0 5.4025,-1.41375 5.4025,-4.26 0,-2.84625 -2.13,-4.235 -5.3575,-4.235 l -4.48125,0 0,15.86625 z m 1.61375,-14.4775 2.73375,0 c 2.4425,0 3.8775,0.8975 3.8775,2.84625 0,1.88375 -1.3675,2.89125 -3.8775,2.89125 l -2.73375,0 0,-5.7375 z m 11.975,10.31 8.2025,0 1.7475,4.1675 1.79375,0 -6.8125,-15.86625 -1.56875,0 -6.8575,15.86625 1.76875,0 1.72625,-4.1675 z m 4.10125,-9.905 3.49625,8.42625 -6.9925,0 3.49625,-8.42625 z m 12.165,6.655 2.69,0 4.39125,7.4175 1.9725,0 -4.6375,-7.55125 c 2.3075,-0.24625 4.05625,-1.72625 4.05625,-4.08 0,-3.09125 -2.28625,-4.235 -5.42375,-4.235 l -4.66125,0 0,15.86625 1.6125,0 0,-7.4175 z m 0,-7.06 2.86875,0 c 2.3975,0 3.98875,0.76375 3.98875,2.84625 0,1.88375 -1.47875,2.825 -4.055,2.825 l -2.8025,0 0,-5.67125 z m 14.45125,-1.38875 -1.6125,0 0,15.86625 1.6125,0 0,-8.4475 0.0225,0 7.93375,8.4475 2.37625,0 -8.44875,-8.67125 8,-7.195 -2.30875,0 -7.5525,7.12625 -0.0225,0 0,-7.12625 z m 15.10375,0 -1.61375,0 0,15.86625 1.61375,0 0,-15.86625 z m 6.7425,0 -2.0175,0 0,15.86625 1.61375,0 0,-13.6475 0.045,0 9.2325,13.6475 2.0175,0 0,-15.86625 -1.61375,0 0,13.51375 -0.045,0 -9.2325,-13.51375 z m 28.58125,1.72625 c -1.34375,-1.32375 -3.2275,-2.13 -5.7375,-2.13 -4.7275,0 -8.26875,3.51875 -8.26875,8.33625 0,4.81875 3.4725,8.33625 8.26875,8.33625 2.15125,0 4.19125,-0.51375 5.91625,-1.545 l 0,-7.15 -5.31,0 0,1.41375 3.69625,0 0,4.8175 c -0.91875,0.60375 -2.48625,1.03 -4.27875,1.03 -4.07875,0 -6.58875,-3.20375 -6.58875,-6.9025 0,-3.6975 2.51,-6.92375 6.58875,-6.92375 1.97125,0 3.495,0.6725 4.59375,1.8375 l 1.12,-1.12 z"
4686        id="path14251"
4687        style="fill:#00315a;fill-opacity:1;fill-rule:nonzero;stroke:none" />
4688</svg>
4689
4690
4691
4692            </a>
4693        </div>
4694        <button
4695            type="button"
4696            id="scrollToTop"
4697            aria-label="Scroll to the top of the page"
4698            class="absolute z-10 -top-[14px] md:-top-[25px] right-10 bg-primary-navy border-white border-2 rounded-full text-center w-[28px] h-[28px] md:w-[44px] md:h-[44px] focus-visible:outline-white focus-visible:border-black focus-visible:outline focus-visible:outline-2"
4699        >
4700            <i class="icon icon--chevron-up text-white text-lg top-[1px] md:top-[2px] relative"></i>
4701        </button>
4702    </footer>
4703
4704    </div>
4705
4706
4707
4708
4709</body>
4710</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.