PageSourceSearch

https://theatergemeinde-koeln.org/reisen?Kategorietyp=2&JTG=0&Kategorie=Unsere+Reisen

html theatergemeinde-koeln.org collected 2026-10-09 17:08:27 UTC 207,867 bytes, 2,504 lines download raw bytes

1<!doctype html>
2<html lang="de" class="scroll-smooth antialiased">
3
4<head>
5    <!-- Google Tag Manager -->
6<script type="text/plain" cookie-consent="tracking">
vendor: 331 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-WFS5JHLB
vendor: 3 bytes, line 10
10');
10</script>
10
11<!-- End Google Tag Manager -->
12    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
13        integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
14    <!-- Make sure you put this AFTER Leaflet's CSS -->
15
16
17
18
19
20    
21    <meta charset="utf-8"/>
22<meta name="csrf-token" content="ZcI0gwYQImSQh5PBUfm7day20J25lL0ulUBBOKKQ">
23<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
24<meta name="google-site-verification" content="tN_BPrSD-ZT4h5hZ_3Fz98OxXzhtkQNS272GPY74JUw">
25<meta name="Keywords" content="Theatergemeinde, Kultur, Service, Theater, Oper, Konzert, Karten, Eintrittskarten, Event, Abo, Organisation, Verein, Programm">
26<meta name="Author" content="Alexander Stirnberg | Theatergemeinde K&ouml;ln, Cologne, Germany">
27<meta name="Copyright" content="Theatergemeinde K&ouml;ln, Cologne, Germany">    <meta name="description"
28        content=" Entdecken Sie die Kulturszene Ihrer Stadt | Entscheiden Sie sich f&uuml;r den Service, der begeistert!  | Theatergemeinde KÖLN ">
29    
30    <!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
31<script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.0.0/cookie-consent.js" charset="UTF-8"></script>
vendor: 2 bytes, line 31
31
32<script type="text/javascript" charset="UTF-8">
33    document.addEventListener('DOMContentLoaded', function () {
34        cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palette":"dark","language":"de","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false,"website_name":"Theatergemeinde KÖLN","website_privacy_policy_url":"https://theatergemeinde-koeln.org/datenschutz"});
35    });
36</script>
36
37
38
39<noscript>Cookie Consent by <a href="https://www.freeprivacypolicy.com/" rel="nofollow noopener">Free Privacy Policy Generator website</a></noscript>
40<!-- End Cookie Consent -->
41    
42    
43    <title>
44            Unsere Reisen
45 | Theatergemeinde KÖLN
46        | Ihr Weg zur Kultur
47    </title>
48
49</head>
50
51
52<link rel="icon" type="image/x-icon" href="https://theatergemeinde-koeln.org/favicon.ico">
53
54
55<link rel="preload" as="style" href="https://theatergemeinde-koeln.org/build/assets/app-ClRgtDjR.css" /><link rel="preload" as="style" href="https://theatergemeinde-koeln.org/build/assets/app-BfDWlsp1.css" /><link rel="modulepreload" as="script" href="https://theatergemeinde-koeln.org/build/assets/app-Cs_m4kMi.js" /><link rel="stylesheet" href="https://theatergemeinde-koeln.org/build/assets/app-ClRgtDjR.css" /><link rel="stylesheet" href="https://theatergemeinde-koeln.org/build/assets/app-BfDWlsp1.css" />
55<script type="module" src="https://theatergemeinde-koeln.org/build/assets/app-Cs_m4kMi.js"></script>
55<link href="https://theatergemeinde-koeln.org/css/swiper-bundle.min.css" rel="stylesheet" type="text/css">
56
57
58
59<body
60    class="debug-screens transition-ease-in-out bg-skin-page theme-koeln break-words bg-contain bg-no-repeat text-skin-base transition-all"
61    style="background-image: url(" onload="" x-data>
62        <a href="#main" class="skip-link">
63    Zum Inhalt springen
64</a>
65    
66    
67    <div id="site-sidenav" x-cloak x-data="{ sidenavTransition: false }"
68    x-init="$nextTick(() => { sidenavTransition = true })" @keydown.escape.window="$store.ui.close()"
69
70    class="fixed right-0 top-0 z-50 h-screen w-80 transform overflow-y-auto bg-gradient-to-b from-skin-first to-skin-second px-8 py-2 pt-12 text-skin-inverted"
71
72    role="dialog" aria-modal="true" aria-label="Hauptnavigation"
73
74    :aria-hidden="$store.ui.sidenavOpen ? 'false' : 'true'" :inert="!$store.ui.sidenavOpen"
75
76    :class="[
77        $store.ui.sidenavOpen ? '!translate-x-0' : '!translate-x-full',
78        sidenavTransition ? 'transition-transform duration-300 ease-out' : '',
79    ]">
80
81    <button type="button" @click="$store.ui.close()" class="absolute right-0 top-0 m-4 rounded p-1 hover:bg-white/10"
82
83        aria-label="Menü schließen">
84
85        <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
86
87            aria-hidden="true" focusable="false"
88
89            style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
90
91            preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512">
92
93            <path
94
95                d="M400 145.49L366.51 112L256 222.51L145.49 112L112 145.49L222.51 256L112 366.51L145.49 400L256 289.49L366.51 400L400 366.51L289.49 256L400 145.49z" />
96
97        </svg>
98
99    </button>
100
101    
102
103    <div class="scrolling-touch w-full">
104
105        <div class="py-4 pr-2 text-right text-skin-inverted">
106
107            <a href="https://theatergemeinde-koeln.org">
108
109                <p class="text-xl font-bold">Theatergemeinde KÖLN</p>
110
111                <p>Ihr Weg zur Kultur</p>
112
113            </a>
114
115        </div>
116
117        <nav aria-label="Seitennavigation">
118
119            <div>
120
121                <ul class="m-2 p-2">
122
123                                                                                                                        
124                                                    <li>
125                                <details class="group mb-2.5">
126                                    <summary
127                                        class="flex cursor-pointer list-none items-center justify-between gap-3 border-b border-white px-1 py-3 marker:content-none hover:underline">
128                                        <span class="pr-2">Unser Angebot</span>
129                                        <span
130    class="inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-white/15 text-[10px] leading-none transition-transform duration-200 group-open:rotate-180"
131    aria-hidden="true">&#9660;</span>
132                                    </summary>
133                                    <ul>
134                                                                                    <li class="py-3 pl-5 hover:underline">
135                                                <a href="/kulturprogramme?Kategorietyp=2&JTG=0&Kategorie=Unsere+Kulturprogramme"
136                                                    >
137                                                    Unsere Kulturprogramme
138                                                </a>
139                                            </li>
140                                                                                    <li class="py-3 pl-5 hover:underline">
141                                                <a href="/reisen?Kategorietyp=2&JTG=0&Kategorie=Unsere+Reisen"
142                                                    >
143                                                    Unsere Reisen
144                                                </a>
145                                            </li>
146                                                                                    <li class="py-3 pl-5 hover:underline">
147                                                <a href="/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&Kategorietyp=2&JTG=0"
148                                                    >
149                                                    RHEINKULTUR - Das Kultur-Magazin
150                                                </a>
151                                            </li>
152                                                                                    <li class="py-3 pl-5 hover:underline">
153                                                <a href="/Kulturkompass?Kategorie=KulturKompassKöln - Der Kulturführer&Kategorietyp=2&JTG=0"
154                                                    >
155                                                    KulturKompassKöln - Der Kulturführer
156                                                </a>
157                                            </li>
158                                                                            </ul>
159                                </details>
160                            </li>
161                                                                                            
162                                                    <li class="border-b border-white px-1 py-3 hover:underline">
163                                <a href="/wir?Kategorietyp=2&JTG=0&Kategorie=So+funktioniert%C2%B4s"
164                                    >
165                                    So funktioniert´s
166                                </a>
167                            </li>
168                                            
169                                            <li>
170                            <details class="group mb-2.5" >
171                                <summary
172                                    class="flex cursor-pointer list-none items-center justify-between gap-3 border-b border-white px-1 py-3 marker:content-none hover:underline">
173                                    <span class="pr-2 font-bold">Die Junge Theatergemeinde</span>
174                                    <span
175    class="inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-white/15 text-[10px] leading-none transition-transform duration-200 group-open:rotate-180"
176    aria-hidden="true">&#9660;</span>
177                                </summary>
178                                <ul>
179                                                                            <li class="py-3 pl-5 hover:underline">
180                                            <a href="https://theatergemeinde-koeln.org/jtg"
181                                                class="">
182                                                 Angebote für dich
183                                            </a>
184                                        </li>
185                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="py-3 pl-5 hover:underline">
186                                                    <a href="https://theatergemeinde-koeln.org/jtg/kulturprogramme"
187                                                        >
188                                                        Unsere Jugendprogramme
189                                                    </a>
190                                                </li>
191                                                                                                                                                                                <li class="py-3 pl-5 hover:underline">
192                                                    <a href="https://theatergemeinde-koeln.org/jtg/ticket4u"
193                                                        >
194                                                        Ticket4U
195                                                    </a>
196                                                </li>
197                                                                                                                                                                                                                                                                    <li class="py-3 pl-5 hover:underline">
198                                                    <a href="https://theatergemeinde-koeln.org/jtg/kategorie/die-theatergruppe-koln"
199                                                        >
200                                                        Die THEATERGRUPPE KÖLN
201                                                    </a>
202                                                </li>
203                                                                                                                                                        </ul>
204                            </details>
205                        </li>
206                    
207                                                                        <li>
208                                <details class="group mb-2.5">
209                                    <summary
210                                        class="flex cursor-pointer list-none items-center justify-between gap-3 border-b border-white px-1 py-3 marker:content-none hover:underline">
211                                        <span>Monatsspielpl&auml;ne</span>
212                                        <span
213    class="inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-white/15 text-[10px] leading-none transition-transform duration-200 group-open:rotate-180"
214    aria-hidden="true">&#9660;</span>
215                                    </summary>
216                                    <ul>
217                        
218                        
219                                                                    
220                                                                                <li class="py-3 pl-5 hover:underline">
221                                <a href="https://theatergemeinde-koeln.org/kulturprogramme/monatsspielplan/008/R/2026/27">008 |
222                                    Schauspiel nach Wahl</a><br>
223                            </li>
224                                                                                <li class="py-3 pl-5 hover:underline">
225                                <a href="https://theatergemeinde-koeln.org/kulturprogramme/monatsspielplan/080/R/2026/27">080 |
226                                    Schauspiel nach Wahl Online</a><br>
227                            </li>
228                                                                                <li class="py-3 pl-5 hover:underline">
229                                <a href="https://theatergemeinde-koeln.org/kulturprogramme/monatsspielplan/091/R/2026/27">091 |
230                                    Kulturclub Online</a><br>
231                            </li>
232                        
233                                                                    
234                        
235                                                                    
236                        
237                                                                    
238                        
239                                                                    
240                        
241                                                                    
242                        
243                                                    <li class="py-3 pl-5 hover:underline">
244                                <a href="https://theatergemeinde-koeln.org/kulturprogramme/monatsspielplan/000/R/2026/27">Last Minute</a><br>
245                            </li>
246                                    </ul>
247                                </details>
248                            </li>
249                                            
250                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
251                            <a href="https://schultheaterfestival.info?Kategorietyp=1&JTG=0&Kategorie=Schultheaterfestival"
252                                 target="_blank" rel="noopener" >
253                                zum Schultheaterfestival
254                            </a>
255                        </li>
256                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
257                            <a href="/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0"
258                                >
259                                Terminsuche
260                            </a>
261                        </li>
262                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
263                            <a href="/kontakt?Kategorietyp=1&JTG=0&Kategorie=Kontakt"
264                                >
265                                Kontakt
266                            </a>
267                        </li>
268                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
269                            <a href="https://theatergemeinde-koeln.org/weitere-angebote?Kategorietyp=1&JTG=0&Kategorie=Die%20Kulturcard"
270                                >
271                                Die Kulturcard
272                            </a>
273                        </li>
274                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
275                            <a href="https://theatergemeinde-koeln.org/weitere-angebote?Kategorietyp=1&JTG=0&Kategorie=Downloads"
276                                >
277                                Downloads
278                            </a>
279                        </li>
280                    
281                </ul>
282
283            </div>
284
285                                                                    <div class="mt-5">
286                        <h2 class="text-xl text-skin-inverted">Meine TG</h2>
287                        <ul class="m-2 p-2">
288                                                                                                <li class="border-b border-white px-1 py-3 hover:underline">
289                                        <a href="/tg/login?Kategorietyp=2&JTG=0&Kategorie=Login"
290                                            >
291                                            Login
292                                        </a>
293                                    </li>
294                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
295                                        <a href="/tg/register?Kategorietyp=2&JTG=0&Kategorie=F%C3%BCr+Online-Nutzung+registrieren"
296                                            >
297                                            Für Online-Nutzung registrieren
298                                        </a>
299                                    </li>
300                                                                    <li class="border-b border-white px-1 py-3 hover:underline">
301                                        <a href="/tg/pwvergessen?Kategorietyp=2&JTG=0&Kategorie=Passwort+vergessen"
302                                            >
303                                            Passwort vergessen
304                                        </a>
305                                    </li>
306                                                                                                                </ul>
307                    </div>
308                            
309            
310        </nav>
311
312    </div>
313
314</div>
315
316    
317            <div class="relative hidden flex-col font-sans antialiased md:flex md:min-
317h-[18rem]">
318            <div class="relative hidden aspect-[3/1] h-[600px] w-full overflow-hidden md:block">
319
320        
321        <img src="https://theatergemeinde-koeln.org/images/a29lbG4vaGludGVyZ3J1bmRiaWxkZXIvMjAyNi0yNy9pbmRleF9yZWlzZW4yXzI2MjcuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjY2NyIsInEiOiI4NSIsInciOiIyMDAwIn0.webp" alt="Der Liebestrank © Matthias Jung"
322            class="absolute inset-0 h-full w-full object-cover" loading="lazy" />
323
324        
325                    <div class="absolute bottom-0 right-0 mb-20 pr-10 text-sm italic text-white opacity-40">
326                            Der Liebestrank
327        
328
329                                    | ©             Matthias Jung
330        
331                
332                                    | <a href="            
333        " target="_blank" class="underline">
334                                    
335        
336                    </a>
337                            </div>
338        
339    </div>
340
341            <div class="absolute z-30 w-full md:min-h-72">
342                <div class="container mx-auto">
343                    <div
344                        class="                        w-56 md:w-1/4 md:pt-6  text-skin-inverted relative float-right mb-12 py-8 pr-2 lg:py-12">
345                        <div class="">
346                                <a class="" href="/">
347      <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" viewBox="0 0 799.67 155.59">
348    <path d="M22.39,71V20.44l-16.61.31-.47-.31.23-3.9.63-.47,8,.23H42.51l1.33-.23.47.47L44,20.44l-.46.31c-2.43,0-5.54-.05-9.36-.16s-6-.15-6.56-.15q0,3.9.07,12.16t.08,12.48V60.49l.47,10.57-.47.47H22.72Z"
349          transform="translate(-5.31 0)"/>
350    <path d="M49.85,71.06V33.65q0-6.41-.15-11.79c-.09-3.6-.3-7.29-.63-11.1l.53-.54a14.55,14.55,0,0,0,2-.24l2.81-.54.39.47-.16,16,.16,5.38-.16,4.13a43.43,43.43,0,0,1,6.32-3.49,18.91,18.91,0,0,1,7.72-1.42,12.48,12.48,0,0,1,6.83,1.64A10.18,10.18,0,0,1,79.1,35.9a12.89,12.89,0,0,1,1.36,4.23A61.32,61.32,0,0,1,80.73,47v8.06q0,3.91.21,8.46c.14,3,.28,5.53.42,7.52l-.63.47H76.21L75.9,71V49.41q0-4.77-.16-7.35a7,7,0,0,0-1.64-4.3,8.57,8.57,0,0,0-3.16-2.43,10,10,0,0,0-3.86-.7,14.57,14.57,0,0,0-4.21.59,16.87,16.87,0,0,0-3.63,1.57c-1.11.65-2,1.17-2.57,1.53a16.16,16.16,0,0,0-2.07,1.57c0,3.45.11,8.64.32,15.54s.31,12.12.31,15.63l-.47.47H50.24Z"
351          transform="translate(-5.31 0)"/>
352    <path d="M94.62,50.86a28.2,28.2,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58,13.35,13.35,0,0,0,5.23,4.64,15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31L123,67.63l-.47.78L120,69.89a35.91,35.91,0,0,1-4.75,1.64,23.39,23.39,0,0,1-6.16.78,26.13,26.13,0,0,1-3.55-.24,30.32,30.32,0,0,1-5.93-1.83q-4.17-1.6-7.1-6.9a24.64,24.64,0,0,1-2.92-12.09A32.3,32.3,0,0,1,89.94,47a31.3,31.3,0,0,1,1.87-6.48,14.82,14.82,0,0,1,6-7.06,18.22,18.22,0,0,1,10.33-2.92c.94,0,1.77,0,2.5.11a22.94,22.94,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.35,12.35,0,0,1,3.94,6,29.59,29.59,0,0,1,1.24,5.54c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65a14.08,14.08,0,0,0-3.08-6.75q-2.53-3.16-8.31-3.16a18.48,18.48,0,0,0-3,.23A13.7,13.7,0,0,0,101,36.11a10.28,10.28,0,0,0-4,4.25,19.49,19.49,0,0,0-2.15,6.52Z"
353          transform="translate(-5.31 0)"/>
354    <path d="M154.21,71.14V68.41a24.11,24.11,0,0,1-4.84,2.73,16.36,16.36,0,0,1-6.47,1.17,21,21,0,0,1-2.42-.12,16.75,16.75,0,0,1-3.39-1,12.3,12.3,0,0,1-4.8-3.7q-2.41-2.81-2.42-8a12.52,12.52,0,0,1,2.26-7.45,12.26,12.26,0,0,1,6-4.48,51.34,51.34,0,0,1,9.24-2.18l6.87-1V42.82c0-.83,0-1.56-.08-2.18a10.21,10.21,0,0,0-.58-2.38,5,5,0,0,0-2.45-2.54,11.67,11.67,0,0,0-5.59-1.09,20.9,20.9,0,0,0-5.32.66,21.47,21.47,0,0,0-5.33,2.31l-.7-.39.24-3.59.39-.55a30.1,30.1,0,0,1,5.14-1.83,25.73,25.73,0,0,1,6.48-.74,15.51,15.51,0,0,1,7.76,1.64,8,8,0,0,1,3.63,3.51,13.35,13.35,0,0,1,1,3.47,26.84,26.84,0,0,1,.2,3.24V66.64l.31,4.13-.31.61-4.22.22Zm0-22.78L150,49c-3,.58-5.31,1.07-7,1.49a12.72,12.72,0,0,0-4.64,2.14A7.57,7.57,0,0,0,135.57,56a10,10,0,0,0-.71,3.51,10.25,10.25,0,0,0,.12,1.56,13.65,13.65,0,0,0,.63,2.23,7.92,7.92,0,0,0,2.57,3.16,9,9,0,0,0,5.89,1.71A15.48,15.48,0,0,0,154.21,64Z"
355          transform="translate(-5.31 0)"/>
356    <path d="M176.13,56.19c0,1.75,0,3.43,0,5a12,12,0,0,0,.46,3.6,4.6,4.6,0,0,0,1.33,2,4.29,4.29,0,0,0,2.85.78,8.86,8.86,0,0,0,1.95-.
35618c.52-.11,1.17-.29,2-.52l.62.38c-.1.71-.18,1.35-.24,1.91s-.08,1.07-.08,1.53l-.55.62c-1.1.21-2,.35-2.64.43a14.87,14.87,0,0,1-1.77.12,11.58,11.58,0,0,1-4.11-.66,6.3,6.3,0,0,1-2.56-1.64A9.79,9.79,0,0,1,172,67.4a8.43,8.43,0,0,1-.71-2.06,19.77,19.77,0,0,1-.19-2.73c0-1.21,0-2.24,0-3.07q0-2.8.15-9.85c.11-4.69.16-7.12.16-7.27V35.33l-6.4.24-.39-.63.16-3.19.54-.32h6.09c0-1.09-.05-2.7-.16-4.83s-.15-3.72-.15-4.76l.54-.47a28.68,28.68,0,0,0,4.53-1.09l.46.55c-.15,1-.27,2.11-.35,3.39s-.11,3.21-.11,5.81v1.4h9l.39.32a18.63,18.63,0,0,0-.23,2.1V35.1l-.55.47h-8.65Z"
357          transform="translate(-5.31 0)"/>
358    <path d="M193.75,50.86a29.07,29.07,0,0,0,.47,5.26,15.24,15.24,0,0,0,2.5,5.58,13.39,13.39,0,0,0,5.22,4.64,15.47,15.47,0,0,0,7,1.6,18,18,0,0,0,10.77-3.43,14.22,14.22,0,0,0,2.1-1.64l.63.31-.31,4.45-.47.78-2.5,1.48a35.59,35.59,0,0,1-4.76,1.64,23.34,23.34,0,0,1-6.16.78,26.24,26.24,0,0,1-3.55-.24,30.52,30.52,0,0,1-5.93-1.83q-4.17-1.6-7.09-6.9a24.64,24.64,0,0,1-2.93-12.09,34.08,34.08,0,0,1,.31-4.29A31.45,31.45,0,0,1,191,40.48a14.79,14.79,0,0,1,6-7.06,18.28,18.28,0,0,1,10.34-2.92c.93,0,1.77,0,2.49.11a22.71,22.71,0,0,1,3.44.82,15.49,15.49,0,0,1,5.18,3.08,12.28,12.28,0,0,1,3.94,6,29.8,29.8,0,0,1,1.25,5.54c.1,1.27.16,2.69.16,4.25l-.47.55Zm24.81-4-.24-2.65a14,14,0,0,0-3.08-6.75q-2.53-3.16-8.3-3.16a18.51,18.51,0,0,0-3,.23,13.67,13.67,0,0,0-3.78,1.56,10.36,10.36,0,0,0-4,4.25A19.71,19.71,0,0,0,194,46.88Z"
359          transform="translate(-5.31 0)"/>
360    <path d="M232.05,71V47q0-5.77-.12-8t-.5-6.63l.62-.31,4.45-.86.39.47v6.16a15,15,0,0,1,2.1-3.9,6.67,6.67,0,0,1,2.5-2.07,17,17,0,0,1,2.3-.85,7.41,7.41,0,0,1,2-.28,5.61,5.61,0,0,1,2.07.33,6.35,6.35,0,0,1,1.21.61l.46.39-.62,4.13-.62.47a8.51,8.51,0,0,0-1.45-.7,5.28,5.28,0,0,0-1.91-.31,7.23,7.23,0,0,0-3.31.86,7.81,7.81,0,0,0-3.08,3.63q-1.41,2.77-1.41,12.39c0,2.61.07,6.11.2,10.52s.19,7.07.19,8l-.62.47h-4.45Z"
361          transform="translate(-5.31 0)"/>
362    <path d="M268.63,64.66l6.63,2a15.1,15.1,0,0,1,7.14,4.24A10,10,0,0,1,285,77.76a13.68,13.68,0,0,1-.39,3.14,14.28,14.28,0,0,1-2.18,4.28,12.41,12.41,0,0,1-5.77,4.24A22.34,22.34,0,0,1,268.24,91a28.93,28.93,0,0,1-6.51-.78,15.21,15.21,0,0,1-6.67-3.87,10.23,10.23,0,0,1-3.35-7.91,10.38,10.38,0,0,1,.27-2.34,20.36,20.36,0,0,1,.86-2.69,10.21,10.21,0,0,1,2.14-3.2,30.67,30.67,0,0,1,4.21-3.63l-3.43-1.4-.23-.86,2-3,2.34-4.06a22.85,22.85,0,0,1-2.19-1.44,17,17,0,0,1-2.06-1.84,11.77,11.77,0,0,1-2-3.19,12.71,12.71,0,0,1-1-5.39A13.1,13.1,0,0,1,254.55,38a14.1,14.1,0,0,1,4.22-4.22,16.67,16.67,0,0,1,5-2,39.72,39.72,0,0,1,8.31-.63h13.8l.31.54L286,34.8l-.63.46c-2.39-.09-4.13-.13-5.22-.14l-2.58,0c.16.1.41.29.75.55a13.9,13.9,0,0,1,1.52,1.52,13.58,13.58,0,0,1,2,3.19,12,12,0,0,1,1,5.11,14.84,14.84,0,0,1-1.09,5.39,13.25,13.25,0,0,1-4.45,5.42q-3.34,2.61-9.2,2.61c-.52,0-1,0-1.52,0a18.22,18.22,0,0,1-2.38-.35q-.71,1-1.41,2.22l-1.09,1.91Zm-12,13.11a9.94,9.94,0,0,0,.24,2.22,9.33,9.33,0,0,0,1.32,2.77,9.56,9.56,0,0,0,3.63,3.08,14.25,14.25,0,0,0,6.74,1.36,13.88,13.88,0,0,0,5.7-1A10.59,10.59,0,0,0,277.64,84a9.63,9.63,0,0,0,1.68-2.5,7.61,7.61,0,0,0,.62-3.16,8.65,8.65,0,0,0-.31-2.26,4.82,4.82,0,0,0-1.05-2,10.43,10.43,0,0,0-1.37-1.29,11.76,11.76,0,0,0-1.95-1.09,54.43,54.43,0,0,0-5.73-2c-2.94-.88-5.19-1.51-6.75-1.87A18.49,18.49,0,0,0,258,72.93,9.63,9.63,0,0,0,256.62,77.77Zm18.49-39.94a8.73,8.73,0,0,0-2.77-1.91A10.17,10.17,0,0,0,268,35.1a16.45,16.45,0,0,0-1.95.12,12.77,12.77,0,0,0-2.81.78,9.8,9.8,0,0,0-5.77,9.47,9.18,9.18,0,0,0,2.88,7.1,10.43,10.43,0,0,0,7.34,2.65,9.76,9.76,0,0,0,10.22-10.29,10.41,10.41,0,0,0-.75-3.9A9.24,9.24,0,0,0,275.11,37.83Z"
363          transform="translate(-5.31 0)"/>
364    <path d="M294.53,50.86a28.2,28.2,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58,13.42,13.42,0,0,0,5.23,4.64,15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31-.31,4.45-.47.78L320,69.89a36.09,36.09,0,0,1-4.76,1.64,23.39,23.39,0,0,1-6.16.78,26.13,26.13,0,0,1-3.55-.24,30.32,30.32,0,0,1-5.93-1.83q-4.17-1.6-7.1-6.9a24.64,24.64,0,0,1-2.92-12.09,32.3,32.3,0,0,1,.31-4.29,32,32,0,0,1,1.87-6.48,14.82,14.82,0,0,1,6-7.06A18.22,18.22,0,0,1,308,30.5c.94,0,1.77,0,2.5.11a22.66,22.66,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.35,12.35,0,0,1,3.94,6,29.59,29.59,0,0,1,1.24,5.54c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65A14.08,14.08,0,0,0,316,37.48q-2.53-3.16-8.31-3.16a18.48,18.48,0,0,0-3,.23,13.82,13.82,0,0,0-3.79,1.56,
36410.28,10.28,0,0,0-4,4.25,19.72,19.72,0,0,0-2.15,6.52Z"
365          transform="translate(-5.31 0)"/>
366    <path d="M332.75,71q0-4.38-.08-13.44t-.08-13.68c0-3.13,0-5.3-.12-6.53s-.24-2.95-.5-5.19l.54-.44c.78-.1,1.63-.22,2.54-.37s1.62-.27,2.14-.36l.32.54v4.37c1.76-1.25,3.64-2.47,5.61-3.67a15.7,15.7,0,0,1,8.11-1.79,11.36,11.36,0,0,1,4.72.9,8.88,8.88,0,0,1,3.16,2.26,17.14,17.14,0,0,1,2,2.92,31.76,31.76,0,0,1,7.57-4.62,19.53,19.53,0,0,1,7.41-1.46,16.9,16.9,0,0,1,5.49,1A7.66,7.66,0,0,1,386,35.21a15.36,15.36,0,0,1,1.84,5.64,64.06,64.06,0,0,1,.31,6.67V59.6l.47,11.46-.47.47H383.6l-.31-.55V45.55c0-.67,0-1.86-.12-3.55a6.78,6.78,0,0,0-1.52-4.21,7.54,7.54,0,0,0-3.29-2.34,11.05,11.05,0,0,0-3.68-.66,14.25,14.25,0,0,0-6.93,1.61,35.62,35.62,0,0,0-5.44,3.65,29.44,29.44,0,0,1,.39,3.57c.05,1.12.08,2.47.08,4v2q0,3.62.27,10.76t.27,10.68l-.54.47h-4.37L358,71V52.57l-.23-8.19a13.86,13.86,0,0,0-.94-5.3,5.44,5.44,0,0,0-2.57-3,14.33,14.33,0,0,0-2.66-1,10.41,10.41,0,0,0-2.26-.23,12.32,12.32,0,0,0-1.91.12,21.56,21.56,0,0,0-2.88.82,16.41,16.41,0,0,0-3.79,1.78A30.65,30.65,0,0,0,337.51,40V56.16l.3,7.21.4,7.69-.7.47h-4.29Z"
367          transform="translate(-5.31 0)"/>
368    <path d="M401.78,50.86a28.2,28.2,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58A13.35,13.35,0,0,0,410,66.34a15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31-.31,4.45-.47.78-2.5,1.48a35.91,35.91,0,0,1-4.75,1.64,23.41,23.41,0,0,1-6.17.78,26.1,26.1,0,0,1-3.54-.24,30.32,30.32,0,0,1-5.93-1.83q-4.19-1.6-7.1-6.9a24.64,24.64,0,0,1-2.93-12.09A32.42,32.42,0,0,1,397.1,47,31.3,31.3,0,0,1,399,40.48a14.82,14.82,0,0,1,6-7.06,18.22,18.22,0,0,1,10.33-2.92c.94,0,1.77,0,2.5.11a22.66,22.66,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.35,12.35,0,0,1,3.94,6,29.59,29.59,0,0,1,1.24,5.54c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65a14.18,14.18,0,0,0-3.08-6.75q-2.53-3.16-8.31-3.16a18.39,18.39,0,0,0-3,.23,13.7,13.7,0,0,0-3.79,1.56,10.28,10.28,0,0,0-4,4.25A19.49,19.49,0,0,0,402,46.88Z"
369          transform="translate(-5.31 0)"/>
370    <path d="M439.06,18V13.4l.62-.61,4.93-.62.53.62v4.84l-.46.62-5.07.47ZM439.92,71V49.53c0-1.92-.11-4.81-.31-8.66s-.32-6.71-.32-8.58l.63-.47,4.52-.78.47.55-.23,9,.23,12.35.23,10.78.32,7.27-.32.47h-4.83Z"
371          transform="translate(-5.31 0)" />
372    <path d="M456.14,71.06V45.71a128.34,128.34,0,0,0-.7-13.42l.47-.54,1.71-.24q1.1-.15,3-.54l.39.46-.24,4.06a31,31,0,0,1,7.73-3.9,21.8,21.8,0,0,1,6.47-1.09,12.49,12.49,0,0,1,6.75,1.6,10.47,10.47,0,0,1,3.66,3.58,11.91,11.91,0,0,1,1.45,4.45,59.31,59.31,0,0,1,.31,6.83v8q0,3.91.21,8.46t.41,7.53l-.62.47-4.53.15-.39-.54v-21q0-4.06-.15-6.57a15.26,15.26,0,0,0-.86-4.37,6.13,6.13,0,0,0-2.73-3.09,9.38,9.38,0,0,0-4.91-1.21,15.33,15.33,0,0,0-7.14,1.59A30.06,30.06,0,0,0,461,40q0,3.75.12,12.56c.07,5.88.11,9,.11,9.44,0,1.25.07,2.94.2,5.07s.19,3.41.19,3.82l-.39.47-4.6.23Z"
373          transform="translate(-5.31 0)"/>
374    <path d="M525.09,71V67.47a20.18,20.18,0,0,1-4.82,3.06,16.34,16.34,0,0,1-6.92,1.31,21.32,21.32,0,0,1-3.89-.35,20.14,20.14,0,0,1-5.37-2.3,14.71,14.71,0,0,1-5.83-6.81A23.69,23.69,0,0,1,495.92,52a21.4,21.4,0,0,1,1.64-8.84A22.55,22.55,0,0,1,502,36.69a17,17,0,0,1,7.86-4.24A40.56,40.56,0,0,1,520.71,31l4.07.08q0-2.65-.23-8.85c-.16-4.14-.24-6.33-.24-6.59l-.46-4.92.46-.46,5-.86.39.47V44.15q0,4.68.27,14T530.24,71l-.54.39-4.14.16Zm-.31-24.73v-11c-.62,0-1.56,0-2.81-.08s-2.18-.08-2.8-.08a22.82,22.82,0,0,0-10.34,2.07,11.36,11.36,0,0,0-5.54,5.18,24.94,24.94,0,0,0-1.87,5.27,21,21,0,0,0-.43,4.17,26,26,0,0,0,1.21,7.29c.81,2.73,2.05,4.65,3.74,5.74A20.1,20.1,0,0,0,510.23,67a12.69,12.69,0,0,0,4,.59,17.78,17.78,0,0,0,4.29-.55,10.15,10.15,0,0,0,3.78-1.76,21.25,21.25,0,0,0,2.77-2.45Z"
375          transform="translate(-5.31 0)"/>
376    <path d="M543.19,50.86a29.07,29.07,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58,13.42,13.42,0,0,0,5.23,4.64,15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31-.31,4.45-.47.78-2.49,1.48a36.09,36.09,0,0,1-4.76,1.64,23.39,23.39,0,0,1-6.16.78,26.13,26.13,0,0,1-3.55-.24,30.32,30.32,0,0,1-5.93-1.83q-4.17-1.6-7.1-6.9a24.64,24.64,0,0,1-2.92-12.09,32.3,32.3,0,0,1,.31-4.29,32,32,0,0,1,1.87-6.48,14.82,14.82,0,0,1,6-7.06,18.22,18.22,0,0,1,10.33-2.92c.94,0,1.77,0,2.5.11a22.66,22.66,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.28,12.28,0,0,1,3.94,6A29.59,29.59,0,0,1,573,46.06c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65a14.08,14.08,0,0,0-3.08-6.75q-2.53-3.16-8.31-3.16a18.48,18.48,0,0,0-3,.23,13.82,13.82,0,0,0-3.79,1.56,
37610.28,10.28,0,0,0-4,4.25,19.72,19.72,0,0,0-2.15,6.52Z"
377          transform="translate(-5.31 0)"/>
378    <path d="M644.59,58.11c.83,1.46,2,3.43,3.47,5.93s2.79,4.6,3.94,6.32l-.24.62q-2.81,0-9.28.43c-4.31.28-7.2.43-8.66.43l-.7-.32c-.67-1.56-1.64-3.63-2.88-6.21L627,58.7,618.93,43l.31,15.21c0,.73,0,1.86.08,3.39s.07,2.69.07,3.47l.39,5.85-.54.47h-10.3l-5.69.47-.47-.47q0-4,.16-13.12c.1-6.09.15-9.36.15-9.83q0-5-.43-16.65t-.43-15.08l.47-.39h9.21l7.17-.23.39.39-.39,13.41-.15,10.69,9.75-17.24,3.74-6.78.55-.24,17.16-.23.39.47-8.43,11.38c-1.14,1.62-2.62,3.81-4.44,6.59s-2.89,4.44-3.2,5Z"
379          transform="translate(-5.31 0)" fill=""/>
380    <path d="M701,64.12a21.08,21.08,0,0,1-2.3,2.41,20.52,20.52,0,0,1-3.78,2.62,28,28,0,0,1-6,2.38,31.64,31.64,0,0,1-8.54,1,29.74,29.74,0,0,1-8.46-1A25,25,0,0,1,663,66.85a34.47,34.47,0,0,1-3-3.09,22.53,22.53,0,0,1-3.55-6.94,36.42,36.42,0,0,1-1.75-12.2,43.63,43.63,0,0,1,1.21-11.2A31.76,31.76,0,0,1,659.56,25,21,21,0,0,1,667,18.1q5-3,13.81-3a31.09,31.09,0,0,1,12.6,2.42,18.29,18.29,0,0,1,8.5,7.37,29.3,29.3,0,0,1,3.86,9.17,45.8,45.8,0,0,1,.86,9.12v1.25a40,40,0,0,1-1.41,11.35A24.78,24.78,0,0,1,701,64.12ZM677.43,12.25,665,12.48l-.23-.39V.78l.39-.55L677.66,0l.39.39-.23,11.38Zm11.62,25.19a18.39,18.39,0,0,0-1.91-6.86,6.38,6.38,0,0,0-2.89-2.93,11.07,11.07,0,0,0-2.46-.7l-1-.12a7.41,7.41,0,0,0-2.69.47,9.76,9.76,0,0,0-2.77,1.83q-1.56,1.36-2.5,5.15a42.62,42.62,0,0,0-.93,9.87c0,1.66.09,3.55.27,5.65a17.18,17.18,0,0,0,1.36,5.58,10.1,10.1,0,0,0,2.85,3.82,6.69,6.69,0,0,0,4.33,1.41,8.61,8.61,0,0,0,2.69-.43q1.29-.43,3.67-3.12t2.38-13.46c0-.73,0-1.44,0-2.14S689.25,39.42,689.05,37.44Zm7.72-25-12,.23-.32-.23V.86l.39-.47L697,0l.39.39-.23,11.7Z"
381          transform="translate(-5.31 0)" fill=""/>
382    <path d="M750.2,59.2l-.78,11.7-.47.47q-8.66,0-17.39.08l-17.48.15-.39-.54V55.22l-.07-15.91q0-4-.16-13.06c-.1-6.06-.16-9.25-.16-9.56l.55-.39,16.77-.23.55.31-.39,8.81-.16,11.94-.23,17.08.07,5c2.14,0,5.36-.08,9.68-.23s7.54-.24,9.67-.24Z"
383          transform="translate(-5.31 0)" fill=""/>
384    <path d="M769.31,71.37h-6.87l-6.16.23-.47-.39V36.74c0-1.67-.09-4.82-.27-9.48s-.27-8.15-.27-10.49l.54-.47h8.07l5.58-.23.32.23,1.8,2.77c.53.81,1.34,1.91,2.44,3.32l7.46,10.06,9.28,12.87q0-6.63-.2-16.81t-.19-11.82l.39-.39,12.63-.23.39.31V38.61q0,8,.12,20.12T804,70.9l-.55.47-10.84.23-.7-.31q-4.36-6.32-6.83-9.71t-7.49-10.14q-5-6.75-8.93-12,0,5.22.55,15.76t.55,15.75Z"
385          transform="translate(-5.31 0)" fill=""/>
386    <path d="M366.91,140.68V118.92c0-2.48-.06-5.89-.2-10.23s-.2-7.18-.2-8.49l.4-.29h3.54l.35.4v28.23l.41,12.14-.41.35h-3.54Z"
387          transform="translate(-5.31 0)"/>
388    <path d="M379.62,140.74V112.92c0-3.17,0-6.1-.11-8.77s-.23-5.42-.47-8.25l.4-.4a11.66,11.66,0,0,0,1.45-.18l2.09-.4.29.35-.12,11.89.12,4-.12,3.07a32.7,32.7,0,0,1,4.7-2.6,14.18,14.18,0,0,1,5.74-1,9.2,9.2,0,0,1,5.08,1.22,7.64,7.64,0,0,1,2.69,2.79,9.43,9.43,0,0,1,1,3.15,44.18,44.18,0,0,1,.2,5.12v6q0,2.91.16,6.29c.1,2.25.2,4.11.31,5.59l-.47.35h-3.36l-.23-.41v-16c0-2.37,0-4.19-.12-5.47a5.19,5.19,0,0,0-1.22-3.19,6.37,6.37,0,0,0-2.35-1.81,7.5,7.5,0,0,0-2.87-.52,10.86,10.86,0,0,0-3.13.44,12.31,12.31,0,0,0-2.7,1.17c-.83.48-1.47.86-1.91,1.13a13.67,13.67,0,0,0-1.54,1.17q0,3.85.24,11.56t.23,11.62l-.35.35h-3.36Z"
389          transform="translate(-5.31 0)"/>
390    <path d="M411.17,140.68V122.82q0-4.3-.09-6c-.06-1.12-.18-2.76-.38-4.93l.47-.23,3.3-.64.29.35V116a11.47,11.47,0,0,1,1.57-2.9,5,5,0,0,1,1.86-1.54,11.61,11.61,0,0,1,1.71-.63,5.24,5.24,0,0,1,1.48-.21,4,4,0,0,1,1.53.25,4.11,4.11,0,0,1,.9.45l.35.29-.47,3.07-.46.35a6.27,6.27,0,0,0-1.07-.52,4.1,4.1,0,0,0-1.42-.23,5.35,5.35,0,0,0-2.47.64,5.83,5.83,0,0,0-2.29,2.7c-.7,1.37-1,4.45-1,9.21,0,1.94,0,4.55.14,7.82s.15,5.26.15,6l-.47.35h-3.3Z"
391          transform="translate(-5.31 0)"/>
392    <path d="M474.1,140.69l-2.49-10.22L465,102.07l-5.19,22.53c-.65,2.69-1.25,5.21-1.79,7.54s-1.17,5.21-1.9,8.59l-.46.36h-4.85l-.41-.3-3.09-13.56-2-8.59-2.18-9.23c-.35-1.5-.68-2.94-1-4.29s-.71-2.94-1.22-4.76l.29-.34,3.65-.17.35.35c.74,3.86,1.31,6.81,1.74,8.84s1.21,5.64,2.37,10.82l4.12,18.44,6.1-26.57,1.58-6.31,1-5.06.47-.34h5.07l.41.23,2,8.36,1.2,5.16,5.8,24.52,5-22.84,3.12-15.14.36-.29h3.19l.36.35L486,113l-3.12,13.53-1.54,6.72-1.52,7.36-.4.47H474.5Z"
393          transform="translate(-5.31 0)"/>
394    <path d="M495.09,125.72a21.71,21.71,0,0,0,.35,3.91,11.33,11.33,0,0,0,1.86,4.15,9.9,9.9,0,0,0,3.88,3.45,11.57,11.5
3947,0,0,0,5.22,1.19,13.37,13.37,0,0,0,8-2.55,10.45,10.45,0,0,0,1.56-1.22l.47.23-.24,3.31-.34.58-1.86,1.1a28.15,28.15,0,0,1-3.54,1.22,17.34,17.34,0,0,1-4.58.58,19.3,19.3,0,0,1-2.64-.18,22.88,22.88,0,0,1-4.41-1.36,10.57,10.57,0,0,1-5.28-5.13,18.43,18.43,0,0,1-2.17-9,25.05,25.05,0,0,1,.23-3.19A24.19,24.19,0,0,1,493,118a11.07,11.07,0,0,1,4.44-5.25,13.57,13.57,0,0,1,7.69-2.17c.69,0,1.31,0,1.85.08a17.26,17.26,0,0,1,2.55.61,11.6,11.6,0,0,1,3.86,2.29,9.12,9.12,0,0,1,2.93,4.47,22.17,22.17,0,0,1,.93,4.12c.07.95.11,2,.11,3.16l-.34.41Zm18.45-3-.18-2a10.41,10.41,0,0,0-2.29-5q-1.89-2.35-6.18-2.35a13.94,13.94,0,0,0-2.23.17,10.33,10.33,0,0,0-2.81,1.16,7.64,7.64,0,0,0-3,3.16,14.65,14.65,0,0,0-1.59,4.85Z"
395          transform="translate(-5.31 0)"/>
396    <path d="M533.84,136l4.93,1.45a11.15,11.15,0,0,1,5.3,3.15,7.42,7.42,0,0,1,1.95,5.14,10.39,10.39,0,0,1-.29,2.34,10.82,10.82,0,0,1-1.63,3.18,9.2,9.2,0,0,1-4.29,3.15,16.49,16.49,0,0,1-6.26,1.2,21.55,21.55,0,0,1-4.85-.58,11.41,11.41,0,0,1-5-2.88,7.62,7.62,0,0,1-2.49-5.88,7.94,7.94,0,0,1,.2-1.74,16.07,16.07,0,0,1,.64-2,7.47,7.47,0,0,1,1.6-2.38,22.35,22.35,0,0,1,3.13-2.7l-2.55-1-.18-.64,1.51-2.2,1.74-3a16.74,16.74,0,0,1-1.62-1.07,11.7,11.7,0,0,1-1.54-1.37,8.61,8.61,0,0,1-1.48-2.37,9.57,9.57,0,0,1-.75-4,9.69,9.69,0,0,1,1.42-5.56A10.39,10.39,0,0,1,526.5,113a12.41,12.41,0,0,1,3.71-1.5,29.67,29.67,0,0,1,6.18-.47h10.26l.24.4-.18,2.33-.46.35c-1.78-.07-3.08-.1-3.89-.11h-1.91c.11.08.3.21.55.41a9.62,9.62,0,0,1,1.13,1.13,10.26,10.26,0,0,1,1.48,2.37,9,9,0,0,1,.72,3.8,11.11,11.11,0,0,1-.81,4,9.89,9.89,0,0,1-3.3,4,10.94,10.94,0,0,1-6.85,1.94c-.39,0-.76,0-1.13,0a15.91,15.91,0,0,1-1.77-.26c-.35.5-.69,1-1,1.65s-.62,1.08-.81,1.42Zm-8.94,9.75a7.32,7.32,0,0,0,.18,1.65,6.91,6.91,0,0,0,1,2.06,7.07,7.07,0,0,0,2.7,2.29,10.7,10.7,0,0,0,5,1A10.31,10.31,0,0,0,538,152a7.82,7.82,0,0,0,2.52-1.62,6.76,6.76,0,0,0,1.25-1.86,5.6,5.6,0,0,0,.47-2.35,6.31,6.31,0,0,0-.24-1.68,3.46,3.46,0,0,0-.78-1.48,8.57,8.57,0,0,0-1-1,9.38,9.38,0,0,0-1.45-.81,39.41,39.41,0,0,0-4.27-1.45q-3.27-1-5-1.39a13.84,13.84,0,0,0-3.6,3.77A7.19,7.19,0,0,0,524.9,145.73ZM538.65,116a6.45,6.45,0,0,0-2.06-1.42,7.52,7.52,0,0,0-3.22-.61,12.26,12.26,0,0,0-1.45.09,9.28,9.28,0,0,0-2.09.58A7.3,7.3,0,0,0,527,116.9a7.17,7.17,0,0,0-1.48,4.81,6.81,6.81,0,0,0,2.15,5.28,7.72,7.72,0,0,0,5.45,2,7.42,7.42,0,0,0,5.48-2.11,7.5,7.5,0,0,0,2.12-5.54,8,8,0,0,0-.55-2.9A6.94,6.94,0,0,0,538.65,116Z"
397          transform="translate(-5.31 0)"/>
398    <path d="M573.14,140.91h-7.87l-.17-.29,4.09-6.63,3.63-5.78,8.62-14.09-4.22-.06H566.85l-.35-.19.23-2.41.46-.3h19.52l.35.3-7.13,11.64-9.16,15h3.77l4.93-.23h7.25l.46.39-.17,2.45-.53.41-4.75-.18Z"
399          transform="translate(-5.31 0)"/>
400    <path d="M611.84,140.8v-2.73a13.28,13.28,0,0,1-5,2.9,17.46,17.46,0,0,1-4.79.7q-4.22,0-6.37-1.89A8.28,8.28,0,0,1,593,136a18.49,18.49,0,0,1-.66-4.44c-.08-1.7-.12-3.61-.12-5.74v-4.58q0-2.39-.09-6c0-2.4-.08-3.62-.08-3.66l.34-.35,3.48-.17.29.35c0,2.74,0,5.51,0,8.29s-.08,5.55-.12,8.3v2.2a13.67,13.67,0,0,0,.61,4.29,5.1,5.1,0,0,0,2,2.79,6.81,6.81,0,0,0,2.41,1.1,12.37,12.37,0,0,0,2,.17,13.26,13.26,0,0,0,3.19-.43,9.76,9.76,0,0,0,3-1.25,19.51,19.51,0,0,0,2.64-2.09c0-2.74,0-5.49-.05-8.23s-.08-5.51-.12-8.3c0-.93,0-2.18-.15-3.77s-.14-2.53-.14-2.84l.29-.41h1c.52,0,1.36,0,2.52-.17l.29.41v15.54l.17,8.64.24,4.93-.41.35-3.19.17Z"
401          transform="translate(-5.31 0)"/>
402    <path d="M623.91,140.68V122.82q0-4.3-.09-6c-.06-1.12-.18-2.76-.38-4.93l.47-.23,3.3-.64.29.35V116a11.47,11.47,0,0,1,1.57-2.9,5,5,0,0,1,1.86-1.54,11.61,11.61,0,0,1,1.71-.63,5.24,5.24,0,0,1,1.48-.21,4,4,0,0,1,1.53.25,4.11,4.11,0,0,1,.9.45l.35.29-.46,3.07-.47.35a6.27,6.27,0,0,0-1.07-.52,4.1,4.1,0,0,0-1.42-.23A5.35,5.35,0,0,0,631,115a5.83,5.83,0,0,0-2.29,2.7c-.7,1.37-1,4.45-1,9.21q0,2.91.14,7.82c.1,3.28.15,5.26.15,6l-.47.35h-3.3Z"
403          transform="translate(-5.31 0)"/>
404    <path d="M658.36,140.74V117.82q0-3-.2-9.16t-.21-8.41l.41-.34h3.42l.29.34V119.1l7.89-8.7c.77-.85,2.16-2.4,4.17-4.67s3.6-4.1,4.76-5.53l.58-.29h4.18l.17.46c-1.35,1.35-3.15,3.23-5.4,5.62l-5.1,5.45L666.51,119l3.1,3.45,7.86,8.78,8.62,9.3-.17.42H684l-2.41.18-.67-.27-8.44-9.88q-2.73-3.14-5-5.72t-5.34-5.83l.17,14.08.29,7.21-.46.29-3.36.12Z"
405          transform="translate(-5.31 0)"/>
406    <path d="M709.75,140.8v-2.73a13.32,13.32,0,0,1-5,2.9,17.46,17.46,0,0,1-4.79.7c-2.8,0-4.93-.63-6.37-1.89a8.28,8.28,0,0,1-2.71-3.77,18.49,18.49,0,0,1-.66-4.44c-.08-1.7-.12-3.61-.12-5.74v-4.58q0-2.39-.08-6t-.09-3.66l.35-.35,3.48-.17.29.35c0,2.74,0,5.51-.06,8.29s-.08,5.55-.12,8.3v2.2a13.67,13.67,0,0,0,.61,4.29,5.15,5.15,0,0,0,2,2.79,6.81,6.81,0,0,0,2.41,1.1,12.46,12.46,0,0,0,2,.17,13.19,13.19,0,0,0,3.19-.43,9.93,9.93,0,0,0,3-1.25,20.84,20.84,0,0,0,2.64-2.09c0-2.74,0-5.49-.06-8.23s-.08-5.51-.12-8.3c0-.93-.05-2.18-.14-3.77s-.15-2.53-.15-2.84l.29-.41h1c.52,0,1.36,0,2.52-.17l.29.41v15.54l.18,8.64.23,4.93-.41.35-3.19.17Z"
407          transform="translate(-5.31 0)"/>
408    <path d="M721.75,140.68v-28q0-6.31-.09-9.39c0-2-.22-4.55-.49-7.48l.4-.35a11.85,11.85,0,0,0,1.46-.18l2.09-.4.34.35-.17,15.15.17,17.31q0,3,.15,7.67c.09,3.09.14,4.85.14,5.28l-.29.35H722Z"
409          transform="translate(-5.31 0)"/>
410    <path d="M738.22,129.68c0,1.31,0,2.55,0,3.74a9,9,0,0,0,.35,2.67,3.34,3.34,0,0,0,1,1.46,3.15,3.15,0,0,0,2.11.58,7.19,7.19,0,0,0,1.45-.13c.39-.09.87-.22,1.45-.39l.47.28c-.08.53-.14,1-.18,1.42s-.06.8-.06,1.14l-.41.46c-.82.16-1.47.26-2,.32a11,11,0,0,1-1.32.09,8.75,8.75,0,0,1-3-.49,4.67,4.67,0,0,1-1.91-1.22,7,7,0,0,1-1-1.59,6.08,6.08,0,0,1-.53-1.53,14.34,14.34,0,0,1-.15-2c0-.91,0-1.67,0-2.29q0-2.08.12-7.32c.08-3.49.12-5.29.12-5.41v-5.27l-4.76.18-.29-.47.12-2.37.4-.24h4.53c0-.81,0-2-.12-3.59s-.12-2.77-.12-3.54l.41-.35a20.33,20.33,0,0,0,3.36-.81l.35.41c-.11.73-.2,1.57-.26,2.52s-.09,2.39-.09,4.32v1H745l.29.24a14,14,0,0,0-.17,1.56V114l-.41.35h-6.44Z"
411          transform="translate(-5.31 0)"/>
412    <path d="M769,140.8v-2.73a13.24,13.24,0,0,1-5,2.9,17.39,17.39,0,0,1-4.78.7q-4.22,0-6.37-1.89a8.2,8.2,0,0,1-2.71-3.77,19,19,0,0,1-.67-4.44c-.07-1.7-.11-3.61-.11-5.74v-4.58q0-2.39-.09-6c-.06-2.4-.08-3.62-.08-3.66l.34-.35,3.48-.17.29.35c0,2.74,0,5.51-.06,8.29s-.07,5.55-.11,8.3v2.2a13.67,13.67,0,0,0,.61,4.29,5.1,5.1,0,0,0,2,2.79,6.81,6.81,0,0,0,2.41,1.1,12.37,12.37,0,0,0,2,.17,13.26,13.26,0,0,0,3.19-.43,9.76,9.76,0,0,0,3-1.25,20.84,20.84,0,0,0,2.64-2.09c0-2.74,0-5.49-.06-8.23s-.07-5.51-.11-8.3c0-.93,0-2.18-.15-3.77s-.14-2.53-.14-2.84l.29-.41h1c.52,0,1.36,0,2.52-.17l.29.41v15.54l.17,8.64.24,4.93-.41.35-3.19.17Z"
413          transform="translate(-5.31 0)"/>
414    <path d="M781,140.68V122.82q0-4.3-.09-6c-.06-1.12-.18-2.76-.38-4.93l.47-.23,3.3-.64.29.35V116a11.47,11.47,0,0,1,1.57-2.9,5.09,5.09,0,0,1,1.85-1.54,12.11,12.11,0,0,1,1.72-.63,5.22,5.22,0,0,1,1.47-.21,4,4,0,0,1,1.54.25,4.11,4.11,0,0,1,.9.45l.35.29-.47,3.07-.46.35a6.27,6.27,0,0,0-1.07-.52,4.1,4.1,0,0,0-1.42-.23,5.32,5.32,0,0,0-2.47.64,5.83,5.83,0,0,0-2.29,2.7c-.7,1.37-1,4.45-1,9.21,0,1.94,0,4.55.14,7.82s.15,5.26.15,6l-.47.35h-3.3Z"
415          transform="translate(-5.31 0)"/>
416    <path d="M799.59,140.74v-4.58l.4-.47c.5,0,1.37,0,2.58-.11l1.95-.12.46.41v4.69l-.46.41h-1.87c-.48,0-1.34.08-2.61.23ZM800.8,130c0-1.93-.06-4.89-.2-8.87s-.2-6.67-.2-8.07q0-2.43-.32-8t-.32-7.34l.29-.34h2.32l1.91-.18.24.47q0,2.61-.29,8.43c-.2,3.89-.29,6.53-.29,7.92v15.84l-.29.34-2.5.24Z"
417          transform="translate(-5.31 0)"/>
418</svg>
419  </a>
420                        </div>
421                    </div>
422
423                    <div>
424                            <div class="relative w-full aspect-[3/1]">
425        <div class="absolute left-0 top-[73%] -translate-y-1/2 p-0">
426            <style>
427        .tg-kategorie-slogan {
428            max-width: calc(100vw - 1.5rem);
429        }
430        .tg-kategorie-slogan span {
431            white-space: normal;
432            overflow-wrap: anywhere;
433        }
434        @media (min-width: 768px) {
435            .tg-kategorie-slogan {
436                max-width: none;
437            }
438            .tg-kategorie-slogan span {
439                white-space: nowrap;
440            }
441        }
442    </style>
443    <div class="tg-kategorie-slogan max-w-none" aria-label="Slogan">
444                    <p class="m-0 leading-snug pl-0">
445                <span
446                    class="inline-block bg-[#EEE627] px-2 py-0.5 font-serif text-3xl font-bold text-black shadow-sm sm:text-4xl md:px-3 md:py-1 md:text-5xl lg:text-6xl">
447                    Mehr als
448                </span>
449            </p>
450                    <p class="m-0 leading-snug pl-6 md:pl-20">
451                <span
452                    class="inline-block bg-[#EEE627] px-2 py-0.5 font-serif text-3xl font-bold text-black shadow-sm sm:text-4xl md:px-3 md:py-1 md:text-5xl lg:text-6xl">
453                    nur unterwegs!
454                </span>
455            </p>
456            </div>
457        </div>
458    </div>
459                    </div>
460                </div>
461            </div>
462        </div>
463        <div class="sticky top-0 z-40 bg-skin-nav text-skin-inverted shadow-xl md:-mt-75px md:bg-black md:bg-opacity-75">
464
465        <!-- ##### Navbar -->
466<nav aria-label="Hauptnavigation" class="<!--bg-skin-first--> border-skin-first bg-gradient-to-tr from-skin-second via-skin-first to-skin-first"
467    >
468    <div class="container flex items-center">
469        
470        <div class="justify-left -ml-5 hidden min-w-0 flex-1 md:flex">
471            
472            
473            <ul class="hidden md:flex">
474                <!--Regular Link-->
475                                                            <li class="<!--hover:bg-skin-nav-hover--> hover:underline">
476                            <a
477                                href="/?Kategorietyp=2&JTG=0&Kategorie=Start"
478                                >
479                                <span
480                                    class="block cursor-pointer px-4 py-6 text-sm font-bold lg:p-6 lg:text-base">
481                                    <img src="/datenbankbilder/default/default/icons/home.png" alt="icon home" class="nav-icon-img float-left mr-3 block h-6 w-6 align-middle object-contain"
482        width="24" height="24" loading="lazy" decoding="async" />
483                                    <span class="hidden md:inline-block">
484
485                                        Start
486
487                                    </span>
488                                </span>
489                            </a>
490                        </li>
491                                                                                <li class="hoverable <!--hover:bg-skin-nav-hover--> hover:text-skin-inverted">
492                            <a href="#" class="relative block px-2 py-6 text-sm font-bold lg:p-6 lg:text-base">
493                                <img src="/datenbankbilder/default/default/icons/megaphone.png" alt="megaphone" class="nav-icon-img float-left mr-3 block h-6 w-6 align-middle object-contain"
494        width="24" height="24" loading="lazy" decoding="async" />
495                                <span class="hidden md:inline-block">Unser Angebot</span>
496                            </a>
497                            <div
498    class="mega-menu mb-16 bg-skin-nav-hover bg-gradient-to-br from-skin-second via-skin-first to-skin-first shadow-xl sm:mb-0 p-6">
499    <div class="container mx-auto mx-2 flex w-full flex-wrap justify-between">
500        <div class="mb-8 w-full">
501            <h2 class="text-2xl font-bold">
502                Theatergemeinde KÖLN
503            </h2>
504                            <p class="">Kölns größter Abopartner in Sachen Kultur</p>
505                    </div>
506
507                                    <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3">
508                    <a class=""
509                        href="/kulturprogramme?Kategorietyp=2&JTG=0&Kategorie=Unsere+Kulturprogramme"
510                        >
511                        <div class="flex items-center p-2">
512                            <img src="/datenbankbilder/default/default/icons/angebot.png" alt="icon" class="nav-icon-img mb-3 mr-3 block h-8 w-8 shrink-0 align-middle object-contain"
513        width="32" height="32" loading="lazy" decoding="async" />
514                            <h3 class="text-bold mb-2 text-xl font-bold">
515                                Unsere Kulturprogramme</h3>
516                        </div>
517                        <p class="text-sm">Hier finden Freunde der Kultur bestimmt das Richtige! Wir bieten Ihnen vielfältige Kulturprogramme und ein umfangreiches Angebot an Events. </p>
518                        <div class="flex items-center py-3">
519                            <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
520                                viewBox="0 0 20 20">
521                                <path
522                                    d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z" />
523                            </svg>
524                                                            Finden Sie mehr heraus
525                                                    </div>
526                    </a>
527                </div>
528                            <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3">
529                    <a class=""
530                        href="/reisen?Kategorietyp=2&JTG=0&Kategorie=Unsere+Reisen"
531                        >
532                        <div class="flex items-center p-2">
533                            <img src="/datenbankbilder/default/default/icons/reisen.png" alt="reisen icon" class="nav-icon-img mb-3 mr-3 block h-8 w-8 shrink-0 align-middle object-contain"
534        width="32" height="32" loading="lazy" decoding="async" />
535                            <h3 class="text-bold mb-2 text-xl font-bold">
536                                Unsere Reisen</h3>
537                        </div>
538                        <p class="text-sm">Sie lieben Kultur? Sie reisen gerne? 
539Wir bringen Sie zu den kulturellen Highlights in Europa! 
540Wir bieten Ihnen Kurzreisen mit kompetenter Reisebegleitung zu bekannten Festivals und Opernhäusern. </p>
541                        <div class="flex items-center py-3">
542                            <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
543                                viewBox="0 0 20 20">
544                                <path
545                                    d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z" />
546                            </svg>
547                                                            Finden Sie mehr heraus
548                                                    </div>
549                    </a>
550                </div>
551                            <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3">
552                    <a class=""
553                        href="/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&Kategorietyp=2&JTG=0"
554                        >
555                        <div class="flex items-center p-2">
556                            <img src="/datenbankbilder/default/default/icons/newspaper.png" alt="newspaper" class="nav-icon-img mb-3 mr-3 block h-8 w-8 shrink-0 align-middle object-contain"
557        width="32" height="32" loading="lazy" decoding="async" />
558                            <h3 class="text-bold mb-2 text-xl font-bold">
559                                RHEINKULTUR - Das Kultur-Magazin</h3>
560                        </div>
561                        <p class="text-sm">Kritiken, Tipps & Termine rund um die Kölner Kulturszene und darüber hinaus ... </p>
562                        <div class="flex items-center py-3">
563                            <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
564                                viewBox="0 0 20 20">
565                                <path
566                                    d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z" />
567                            </svg>
568                                                            Finden Sie mehr heraus
569                                                    </div>
570                    </a>
571                </div>
572                            <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3">
573                    <a class=""
574                        href="/Kulturkompass?Kategorie=KulturKompassKöln - Der Kulturführer&Kategorietyp=2&JTG=0"
575                        >
576                        <div class="flex items-center p-2">
577                            <img src="/datenbankbilder/default/default/icons/compass.png" alt="Kompass" class="nav-icon-img mb-3 mr-3 block h-8 w-8 shrink-0 align-middle object-contain"
578        width="32" height="32" loading="lazy" decoding="async" />
579                            <h3 class="text-bold mb-2 text-xl font-bold">
580                                KulturKompassKöln - Der Kulturführer</h3>
581                        </div>
582                        <p class="text-sm">Alle Premieren und Repertoirestücke der aktuellen Spielzeit auf einen Blick. Dazu alle Infos unserer Partnerspielstätten! </p>
583                        <div class="flex items-center py-3">
584                            <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
585                                viewBox="0 0 20 20">
586                                <path
587                                    d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z" />
588                            </svg>
589                                                            Alle Premieren und Repertoirestücke auf einem Blick
590                                                    </div>
591                    </a>
592                </div>
593                        </div>
594</div>
595                        </li>
596                                                                                <li class="<!--hover:bg-skin-nav-hover--> hover:underline">
597                            <a
598                                href="/wir?Kategorietyp=2&JTG=0&Kategorie=So+funktioniert%C2%B4s"
599                                >
600                                <span
601                                    class="block cursor-pointer px-4 py-6 text-sm font-bold lg:p-6 lg:text-base">
602                                    <img src="/datenbankbilder/default/default/icons/zahnrad.png" alt="icon zahnrad" class="nav-icon-img float-left mr-3 block h-6 w-6 align-middle object-contain"
603        width="24" height="24" loading="lazy" decoding="async" />
604                                    <span class="hidden md:inline-block">
605
606                                        So funktioniert´s
607
608                                    </span>
609                                </span>
610                            </a>
611                        </li>
612                                    
613                <!--Toggleable Link-->
614                                                            <li class="hoverable relative hover:text-skin-inverted" v-bind:style="{hover: bg_sec}">
615                            <a href="#" class="relative block px-4 py-6 text-[16px] font-bold lg:p-6">
616                                <svg class="float-left mr-3 block h-6 w-6 fill-current align-middle"
617                                    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
618                                    aria-hidden="true" focusable="false"
619                                    style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
620                                    preserveAspectRatio="xMidYMid meet" viewBox="0 0 1280 1536">
621                                    <path
622                                        d="M1280 1271q0 109-62.5 187t-150.5 78H213q-88 0-150.5-78T0 1271q0-85 8.5-160.5t31.5-152t58.5-131t94-89T327 704q131 128 313 128t313-128q76 0 134.5 34.5t94 89t58.5 131t31.5 152t8.5 160.5zm-256-887q0 159-112.5 271.5T640 768T368.5 655.5T256 384t112.5-271.5T640 0t271.5 112.5T1024 384z" />
623                                </svg>
624                                <span class="hidden md:inline-block">Meine TG</span>
625                            </a>
626                            <div
627                                class="mega-menu mb-2 w-72 bg-skin-nav-hover bg-gradient-to-t from-skin-first via-skin-first to-skin-second shadow-xl sm:mb-0">
628                                <div class="mb-6 w-full">
629                                    <ul class="w-full border-gray-600 pb-2 pt-1">
630                                                                                                                                                                                                                                                                                    <li class="pl-4 hover:underline">
631                                                        <a type="button "
632                                                            href="/tg/login?Kategorie=Login&Kategorietyp=2&JTG=false"
633                                                            class="block p-4">
634                                                            Login
635                                                        </a>
636                                                    </li>
637                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="pl-4 hover:underline">
638                                                        <a type="button "
639                                                            href="/tg/register?Kategorie=F%C3%BCr+Online-Nutzung+registrieren&Kategorietyp=2&JTG=false"
640                                                            class="block p-4">
641                                                            Für Online-Nutzung registrieren
642                                                        </a>
643                                                    </li>
644                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="pl-4 hover:underline">
645                                                        <a type="button "
646                                                            href="/tg/pwvergessen?Kategorie=Passwort+vergessen&Kategorietyp=2&JTG=false"
647                                                            class="block p-4">
648                                                            Passwort vergessen
649                                                        </a>
650                                                    </li>
651                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
652                                        
653                                    </ul>
654                                </div>
655                            </div>
656                        </li>
657                                                    <!--Hoverable Link-->
658                
659            </ul>
660        </div>
661        
662                <div class="flex shrink-0 items-center md:ml-auto">
663            <ul class="flex-wrapper flex">
664                <li class="hidden hover:text-skin-inverted md:flex">
665                    <a href="https://theatergemeinde-koeln.org/merkliste" data-merkliste-link aria-label="Merkliste"
666                        class="relative flex px-4 py-6 text-sm font-bold lg:py-6 lg:text-base">
667                        <svg data-merkliste-navherz class="inline-block h-6 w-6 align-middle" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
668                            <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
669                        </svg>
670                        <span data-merkliste-anzahl class="absolute z-30 -mt-3 ml-4 flex h-5 w-5 items-center justify-center rounded-full bg-skin-second text-xs">0</span>
671                    </a>
672                </li>
673                <li class="<!--hover:bg-skin-nav-hover--> hidden hover:text-skin-inverted md:flex">
674                    <a href="https://theatergemeinde-koeln.org/warenkorb" aria-label="Warenkorb"
675                        class="relative flex px-5 py-6 text-sm font-bold lg:py-6 lg:text-base">
676                        <svg class="inline-block h-6 w-6 fill-current align-middle" xmlns="http://www.w3.org/2000/svg"
677                            xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
678                            viewBox="0 0 576 512">
679                            <path
680                                d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" />
681                        </svg>
682                        <span
683                            class="absolute z-30 -mt-3 ml-4 flex h-5 w-5 items-center justify-center rounded-full bg-skin-second text-xs">0</span>
684                    </a>
685                </li>
686                <li class="<!--hover:bg-skin-nav-hover--> hidden pt-1 hover:text-skin-inverted md:flex">
687                    <button type="button" @click="$store.modal.openById('searchForm')" aria-haspopup="dialog"
688                        aria-label="Suche öffnen"
689                        :aria-expanded="$store.modal.open && $store.modal.targetId === 'searchForm' ? 'true' : 'false'"
690                        class="relative block px-4 py-6 text-sm lg:py-6 lg:text-base">
691                        <svg class="block h-5 w-5 fill-current align-middle" xmlns="http://www.w3.org/2000/svg"
692                            xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
693                            preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512">
694                            <path
695                                d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128c0-70.7 57.2-128 128-128c70.7 0 128 57.2 128 128c0 70.7-57.2 128-128 128z" />
696                        </svg>
697                    </button>
698                </li>
699                <li class="<!--hover:bg-skin-nav-hover--> pt-1 hover:text-skin-inverted">
700                    <button type="button" @click="$store.ui.toggle()" aria-controls="site-sidenav"
701                        :aria-expanded="$store.ui.sidenavOpen ? 'true' : 'false'" aria-label="Menü"
702                        class="relative block px-4 py-6 text-sm font-bold lg:py-6 lg:text-base">
703                        <svg class="block h-5 w-5 fill-current align-middle" xmlns="http://www.w3.org/2000/svg"
704                            xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
705                            style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
706                            preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1280">
707                            <path
708                                d="M1536 1088v128q0 26-19 45t-45 19H64q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19H64q-26 0-45-19T0 704V576q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19H64q-26 0-45-19T0 192V64q0-26 19-45T64 0h14
70808q26 0 45 19t19 45z" />
709                        </svg>
710                    </button>
711                </li>
712                <li>
713
714                </li>
715            </ul>
716
717        </div>
718        
719        <a class="navbar-mobile-logo ml-auto flex shrink-0 md:hidden" href="https://theatergemeinde-koeln.org"
720            aria-label="Zur Startseite">
721            <span
722                class="  w-44   h-8  block fill-current align-middle pr-2"><svg xmlns="http://www.w3.org/2000/svg" class="fill-current" viewBox="0 0 799.67 155.59">
723    <path d="M22.39,71V20.44l-16.61.31-.47-.31.23-3.9.63-.47,8,.23H42.51l1.33-.23.47.47L44,20.44l-.46.31c-2.43,0-5.54-.05-9.36-.16s-6-.15-6.56-.15q0,3.9.07,12.16t.08,12.48V60.49l.47,10.57-.47.47H22.72Z"
724          transform="translate(-5.31 0)"/>
725    <path d="M49.85,71.06V33.65q0-6.41-.15-11.79c-.09-3.6-.3-7.29-.63-11.1l.53-.54a14.55,14.55,0,0,0,2-.24l2.81-.54.39.47-.16,16,.16,5.38-.16,4.13a43.43,43.43,0,0,1,6.32-3.49,18.91,18.91,0,0,1,7.72-1.42,12.48,12.48,0,0,1,6.83,1.64A10.18,10.18,0,0,1,79.1,35.9a12.89,12.89,0,0,1,1.36,4.23A61.32,61.32,0,0,1,80.73,47v8.06q0,3.91.21,8.46c.14,3,.28,5.53.42,7.52l-.63.47H76.21L75.9,71V49.41q0-4.77-.16-7.35a7,7,0,0,0-1.64-4.3,8.57,8.57,0,0,0-3.16-2.43,10,10,0,0,0-3.86-.7,14.57,14.57,0,0,0-4.21.59,16.87,16.87,0,0,0-3.63,1.57c-1.11.65-2,1.17-2.57,1.53a16.16,16.16,0,0,0-2.07,1.57c0,3.45.11,8.64.32,15.54s.31,12.12.31,15.63l-.47.47H50.24Z"
726          transform="translate(-5.31 0)"/>
727    <path d="M94.62,50.86a28.2,28.2,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58,13.35,13.35,0,0,0,5.23,4.64,15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31L123,67.63l-.47.78L120,69.89a35.91,35.91,0,0,1-4.75,1.64,23.39,23.39,0,0,1-6.16.78,26.13,26.13,0,0,1-3.55-.24,30.32,30.32,0,0,1-5.93-1.83q-4.17-1.6-7.1-6.9a24.64,24.64,0,0,1-2.92-12.09A32.3,32.3,0,0,1,89.94,47a31.3,31.3,0,0,1,1.87-6.48,14.82,14.82,0,0,1,6-7.06,18.22,18.22,0,0,1,10.33-2.92c.94,0,1.77,0,2.5.11a22.94,22.94,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.35,12.35,0,0,1,3.94,6,29.59,29.59,0,0,1,1.24,5.54c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65a14.08,14.08,0,0,0-3.08-6.75q-2.53-3.16-8.31-3.16a18.48,18.48,0,0,0-3,.23A13.7,13.7,0,0,0,101,36.11a10.28,10.28,0,0,0-4,4.25,19.49,19.49,0,0,0-2.15,6.52Z"
728          transform="translate(-5.31 0)"/>
729    <path d="M154.21,71.14V68.41a24.11,24.11,0,0,1-4.84,2.73,16.36,16.36,0,0,1-6.47,1.17,21,21,0,0,1-2.42-.12,16.75,16.75,0,0,1-3.39-1,12.3,12.3,0,0,1-4.8-3.7q-2.41-2.81-2.42-8a12.52,12.52,0,0,1,2.26-7.45,12.26,12.26,0,0,1,6-4.48,51.34,51.34,0,0,1,9.24-2.18l6.87-1V42.82c0-.83,0-1.56-.08-2.18a10.21,10.21,0,0,0-.58-2.38,5,5,0,0,0-2.45-2.54,11.67,11.67,0,0,0-5.59-1.09,20.9,20.9,0,0,0-5.32.66,21.47,21.47,0,0,0-5.33,2.31l-.7-.39.24-3.59.39-.55a30.1,30.1,0,0,1,5.14-1.83,25.73,25.73,0,0,1,6.48-.74,15.51,15.51,0,0,1,7.76,1.64,8,8,0,0,1,3.63,3.51,13.35,13.35,0,0,1,1,3.47,26.84,26.84,0,0,1,.2,3.24V66.64l.31,4.13-.31.61-4.22.22Zm0-22.78L150,49c-3,.58-5.31,1.07-7,1.49a12.72,12.72,0,0,0-4.64,2.14A7.57,7.57,0,0,0,135.57,56a10,10,0,0,0-.71,3.51,10.25,10.25,0,0,0,.12,1.56,13.65,13.65,0,0,0,.63,2.23,7.92,7.92,0,0,0,2.57,3.16,9,9,0,0,0,5.89,1.71A15.48,15.48,0,0,0,154.21,64Z"
730          transform="translate(-5.31 0)"/>
731    <path d="M176.13,56.19c0,1.75,0,3.43,0,5a12,12,0,0,0,.46,3.6,4.6,4.6,0,0,0,1.33,2,4.29,4.29,0,0,0,2.85.78,8.86,8.86,0,0,0,1.95-.18c.52-.11,1.17-.29,2-.52l.62.38c-.1.71-.18,1.35-.24,1.91s-.08,1.07-.08,1.53l-.55.62c-1.1.21-2,.35-2.64.43a14.87,14.87,0,0,1-1.77.12,11.58,11.58,0,0,1-4.11-.66,6.3,6.3,0,0,1-2.56-1.64A9.79,9.79,0,0,1,172,67.4a8.43,8.43,0,0,1-.71-2.06,19.77,19.77,0,0,1-.19-2.73c0-1.21,0-2.24,0-3.07q0-2.8.15-9.85c.11-4.69.16-7.12.16-7.27V35.33l-6.4.24-.39-.63.16-3.19.54-.32h6.09c0-1.09-.05-2.7-.16-4.83s-.15-3.72-.15-4.76l.54-.47a28.68,28.68,0,0,0,4.53-1.09l.46.55c-.15,1-.27,2.11-.35,3.39s-.11,3.21-.11,5.81v1.4h9l.39.32a18.63,18.63,0,0,0-.23,2.1V35.1l-.55.47h-8.65Z"
732          transform="translate(-5.31 0)"/>
733    <path d="M193.75,50.86a29.07,29.07,0,0,0,.47,5.26,15.24,15.24,0,0,0,2.5,5.58,13.39,13.39,0,0,0,5.22,4.64,15.47,15.47,0,0,0,7,1.6,18,18,0,0,0,10.77-3.43,14.22,14.22,0,0,0,2.1-1.64l.63.31-.31,4.45-.47.78-2.5,1.48a35.59,35.59,0,0,1-4.76,1.64,23.34,23.34,0,0,1-6.16.78,26.24,26.24,0,0,1-3.55-.24,30.52,30.52,0,0,1-5.93-1.83q-4.17-1.6-7.09-6.9a24.64,24.64,0,0,1-2.93-12.09,34.08,34.08,0,0,1,.31-4.29A31.45,31.45,0,0,1,191,40.48a14.79,14.79,0,0,1,6-7.06,18.28,18.28,0,0,1,10.34-2.92c.93,0,1.77,0,2.49.11a22.71,22.71,0,0,1,3.44.82,15.49,15.49,0,0,1,5.18,3.08,12.28,12.28,0,0,1,3.94,6,29.8,29.8,0,0,1,1.25,5.54c.1,1.27.16,2.69.16,4.25l-.47.55Zm24.81-4-.24-2.65a14,14,0,0,0-3.08-6.75q-2.53-3.16-8.3-3.16a18.51,18.51,0,0,0-3,.23,13.67,13.67,0,0,0-3.78,1.56,10.36,10.36,0,0,0-4,4.25A19.71,19.71,0,0,0,194,46.88Z"
734          transform="translate(-5.31 0)"/>
735    <path d="M232.05,71V47q0-5.77-.12-8t-.5-6.63l.62-.31,4.45-.86.39.47v6.16a15,15,0,0,1,2.1-3.9,6.67,6.67,0,0,1,2.5-2.07,17,17,0,0,1,2.3-.85,7.41,7.41,0,0,1,2-.28,5.61,5.61,0,0,1,2.07.33,6.35,6.35,0,0,1,1.21.61l.46.39-.62,4.13-.62.47a8.51,8.51,0,0,0-1.45-.7,5.28,5.28,0,0,0-1.91-.31,7.23,7.23,0,0,0-3.31.86,7.81,7.81,0,0,0-3.08,3.63q-1.41,2.77-1.41,12.39c0,2.61.07,6.11.2,10.52s.19,7.07.19,8l-.62.47h-4.45Z"
736          transform="translate(-5.31 0)"/>
737    <path d="M268.63,64.66l6.63,2a15.1,15.1,0,0,1,7.14,4.24A10,10,0,0,1,285,77.76a13.68,13.68,0,0,1-.39,3.14,14.28,14.28,0,0,1-2.18,4.28,12.41,12.41,0,0,1-5.77,4.24A22.34,22.34,0,0,1,268.24,91a28.93,28.93,0,0,1-6.51-.78,15.21,15.21,0,0,1-6.67-3.87,10.23,10.23,0,0,1-3.35-7.91,10.38,10.38,0,0,1,.27-2.34,20.36,20.36,0,0,1,.86-2.69,10.21,10.21,0,0,1,2.14-3.2,30.67,30.67,0,0,1,4.21-3.63l-3.43-1.4-.23-.86,2-3,2.34-4.06a22.85,22.85,0,0,1-2.19-1.44,17,17,0,0,1-2.06-1.84,11.77,11.77,0,0,1-2-3.19,12.71,12.71,0,0,1-1-5.39A13.1,13.1,0,0,1,254.55,38a14.1,14.1,0,0,1,4.22-4.22,16.67,16.67,0,0,1,5-2,39.72,39.72,0,0,1,8.31-.63h13.8l.31.54L286,34.8l-.63.46c-2.39-.09-4.13-.13-5.22-.14l-2.58,0c.16.1.41.29.75.55a13.9,13.9,0,0,1,1.52,1.52,13.58,13.58,0,0,1,2,3.19,12,12,0,0,1,1,5.11,14.84,14.84,0,0,1-1.09,5.39,13.25,
73713.25,0,0,1-4.45,5.42q-3.34,2.61-9.2,2.61c-.52,0-1,0-1.52,0a18.22,18.22,0,0,1-2.38-.35q-.71,1-1.41,2.22l-1.09,1.91Zm-12,13.11a9.94,9.94,0,0,0,.24,2.22,9.33,9.33,0,0,0,1.32,2.77,9.56,9.56,0,0,0,3.63,3.08,14.25,14.25,0,0,0,6.74,1.36,13.88,13.88,0,0,0,5.7-1A10.59,10.59,0,0,0,277.64,84a9.63,9.63,0,0,0,1.68-2.5,7.61,7.61,0,0,0,.62-3.16,8.65,8.65,0,0,0-.31-2.26,4.82,4.82,0,0,0-1.05-2,10.43,10.43,0,0,0-1.37-1.29,11.76,11.76,0,0,0-1.95-1.09,54.43,54.43,0,0,0-5.73-2c-2.94-.88-5.19-1.51-6.75-1.87A18.49,18.49,0,0,0,258,72.93,9.63,9.63,0,0,0,256.62,77.77Zm18.49-39.94a8.73,8.73,0,0,0-2.77-1.91A10.17,10.17,0,0,0,268,35.1a16.45,16.45,0,0,0-1.95.12,12.77,12.77,0,0,0-2.81.78,9.8,9.8,0,0,0-5.77,9.47,9.18,9.18,0,0,0,2.88,7.1,10.43,10.43,0,0,0,7.34,2.65,9.76,9.76,0,0,0,10.22-10.29,10.41,10.41,0,0,0-.75-3.9A9.24,9.24,0,0,0,275.11,37.83Z"
738          transform="translate(-5.31 0)"/>
739    <path d="M294.53,50.86a28.2,28.2,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58,13.42,13.42,0,0,0,5.23,4.64,15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31-.31,4.45-.47.78L320,69.89a36.09,36.09,0,0,1-4.76,1.64,23.39,23.39,0,0,1-6.16.78,26.13,26.13,0,0,1-3.55-.24,30.32,30.32,0,0,1-5.93-1.83q-4.17-1.6-7.1-6.9a24.64,24.64,0,0,1-2.92-12.09,32.3,32.3,0,0,1,.31-4.29,32,32,0,0,1,1.87-6.48,14.82,14.82,0,0,1,6-7.06A18.22,18.22,0,0,1,308,30.5c.94,0,1.77,0,2.5.11a22.66,22.66,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.35,12.35,0,0,1,3.94,6,29.59,29.59,0,0,1,1.24,5.54c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65A14.08,14.08,0,0,0,316,37.48q-2.53-3.16-8.31-3.16a18.48,18.48,0,0,0-3,.23,13.82,13.82,0,0,0-3.79,1.56,10.28,10.28,0,0,0-4,4.25,19.72,19.72,0,0,0-2.15,6.52Z"
740          transform="translate(-5.31 0)"/>
741    <path d="M332.75,71q0-4.38-.08-13.44t-.08-13.68c0-3.13,0-5.3-.12-6.53s-.24-2.95-.5-5.19l.54-.44c.78-.1,1.63-.22,2.54-.37s1.62-.27,2.14-.36l.32.54v4.37c1.76-1.25,3.64-2.47,5.61-3.67a15.7,15.7,0,0,1,8.11-1.79,11.36,11.36,0,0,1,4.72.9,8.88,8.88,0,0,1,3.16,2.26,17.14,17.14,0,0,1,2,2.92,31.76,31.76,0,0,1,7.57-4.62,19.53,19.53,0,0,1,7.41-1.46,16.9,16.9,0,0,1,5.49,1A7.66,7.66,0,0,1,386,35.21a15.36,15.36,0,0,1,1.84,5.64,64.06,64.06,0,0,1,.31,6.67V59.6l.47,11.46-.47.47H383.6l-.31-.55V45.55c0-.67,0-1.86-.12-3.55a6.78,6.78,0,0,0-1.52-4.21,7.54,7.54,0,0,0-3.29-2.34,11.05,11.05,0,0,0-3.68-.66,14.25,14.25,0,0,0-6.93,1.61,35.62,35.62,0,0,0-5.44,3.65,29.44,29.44,0,0,1,.39,3.57c.05,1.12.08,2.47.08,4v2q0,3.62.27,10.76t.27,10.68l-.54.47h-4.37L358,71V52.57l-.23-8.19a13.86,13.86,0,0,0-.94-5.3,5.44,5.44,0,0,0-2.57-3,14.33,14.33,0,0,0-2.66-1,10.41,10.41,0,0,0-2.26-.23,12.32,12.32,0,0,0-1.91.12,21.56,21.56,0,0,0-2.88.82,16.41,16.41,0,0,0-3.79,1.78A30.65,30.65,0,0,0,337.51,40V56.16l.3,7.21.4,7.69-.7.47h-4.29Z"
742          transform="translate(-5.31 0)"/>
743    <path d="M401.78,50.86a28.2,28.2,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58A13.35,13.35,0,0,0,410,66.34a15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31-.31,4.45-.47.78-2.5,1.48a35.91,35.91,0,0,1-4.75,1.64,23.41,23.41,0,0,1-6.17.78,26.1,26.1,0,0,1-3.54-.24,30.32,30.32,0,0,1-5.93-1.83q-4.19-1.6-7.1-6.9a24.64,24.64,0,0,1-2.93-12.09A32.42,32.42,0,0,1,397.1,47,31.3,31.3,0,0,1,399,40.48a14.82,14.82,0,0,1,6-7.06,18.22,18.22,0,0,1,10.33-2.92c.94,0,1.77,0,2.5.11a22.66,22.66,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.35,12.35,0,0,1,3.94,6,29.59,29.59,0,0,1,1.24,5.54c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65a14.18,14.18,0,0,0-3.08-6.75q-2.53-3.16-8.31-3.16a18.39,18.39,0,0,0-3,.23,13.7,13.7,0,0,0-3.79,1.56,10.28,10.28,0,0,0-4,4.25A19.49,19.49,0,0,0,402,46.88Z"
744          transform="translate(-5.31 0)"/>
745    <path d="M439.06,18V13.4l.62-.61,4.93-.62.53.62v4.84l-.46.62-5.07.47ZM439.92,71V49.53c0-1.92-.11-4.81-.31-8.66s-.32-6.71-.32-8.58l.63-.47,4.52-.78.47.55-.23,9,.23,12.35.23,10.78.32,7.27-.32.47h-4.83Z"
746          transform="translate(-5.31 0)" />
747    <path d="M456.14,71.06V45.71a128.34,128.34,0,0,0-.7-13.42l.47-.54,1.71-.24q1.1-.15,3-.54l.39.46-.24,4.06a31,31,0,0,1,7.73-3.9,21.8,21.8,0,0,1,6.47-1.09,12.49,12.49,0,0,1,6.75,1.6,10.47,10.47,0,0,1,3.66,3.58,11.91,11.91,0,0,1,1.45,4.45,59.31,59.3
7471,0,0,1,.31,6.83v8q0,3.91.21,8.46t.41,7.53l-.62.47-4.53.15-.39-.54v-21q0-4.06-.15-6.57a15.26,15.26,0,0,0-.86-4.37,6.13,6.13,0,0,0-2.73-3.09,9.38,9.38,0,0,0-4.91-1.21,15.33,15.33,0,0,0-7.14,1.59A30.06,30.06,0,0,0,461,40q0,3.75.12,12.56c.07,5.88.11,9,.11,9.44,0,1.25.07,2.94.2,5.07s.19,3.41.19,3.82l-.39.47-4.6.23Z"
748          transform="translate(-5.31 0)"/>
749    <path d="M525.09,71V67.47a20.18,20.18,0,0,1-4.82,3.06,16.34,16.34,0,0,1-6.92,1.31,21.32,21.32,0,0,1-3.89-.35,20.14,20.14,0,0,1-5.37-2.3,14.71,14.71,0,0,1-5.83-6.81A23.69,23.69,0,0,1,495.92,52a21.4,21.4,0,0,1,1.64-8.84A22.55,22.55,0,0,1,502,36.69a17,17,0,0,1,7.86-4.24A40.56,40.56,0,0,1,520.71,31l4.07.08q0-2.65-.23-8.85c-.16-4.14-.24-6.33-.24-6.59l-.46-4.92.46-.46,5-.86.39.47V44.15q0,4.68.27,14T530.24,71l-.54.39-4.14.16Zm-.31-24.73v-11c-.62,0-1.56,0-2.81-.08s-2.18-.08-2.8-.08a22.82,22.82,0,0,0-10.34,2.07,11.36,11.36,0,0,0-5.54,5.18,24.94,24.94,0,0,0-1.87,5.27,21,21,0,0,0-.43,4.17,26,26,0,0,0,1.21,7.29c.81,2.73,2.05,4.65,3.74,5.74A20.1,20.1,0,0,0,510.23,67a12.69,12.69,0,0,0,4,.59,17.78,17.78,0,0,0,4.29-.55,10.15,10.15,0,0,0,3.78-1.76,21.25,21.25,0,0,0,2.77-2.45Z"
750          transform="translate(-5.31 0)"/>
751    <path d="M543.19,50.86a29.07,29.07,0,0,0,.47,5.26,15.37,15.37,0,0,0,2.49,5.58,13.42,13.42,0,0,0,5.23,4.64,15.41,15.41,0,0,0,7,1.6,18,18,0,0,0,10.76-3.43,14.27,14.27,0,0,0,2.11-1.64l.62.31-.31,4.45-.47.78-2.49,1.48a36.09,36.09,0,0,1-4.76,1.64,23.39,23.39,0,0,1-6.16.78,26.13,26.13,0,0,1-3.55-.24,30.32,30.32,0,0,1-5.93-1.83q-4.17-1.6-7.1-6.9a24.64,24.64,0,0,1-2.92-12.09,32.3,32.3,0,0,1,.31-4.29,32,32,0,0,1,1.87-6.48,14.82,14.82,0,0,1,6-7.06,18.22,18.22,0,0,1,10.33-2.92c.94,0,1.77,0,2.5.11a22.66,22.66,0,0,1,3.43.82,15.52,15.52,0,0,1,5.19,3.08,12.28,12.28,0,0,1,3.94,6A29.59,29.59,0,0,1,573,46.06c.11,1.27.16,2.69.16,4.25l-.47.55Zm24.8-4-.23-2.65a14.08,14.08,0,0,0-3.08-6.75q-2.53-3.16-8.31-3.16a18.48,18.48,0,0,0-3,.23,13.82,13.82,0,0,0-3.79,1.56,10.28,10.28,0,0,0-4,4.25,19.72,19.72,0,0,0-2.15,6.52Z"
752          transform="translate(-5.31 0)"/>
753    <path d="M644.59,58.11c.83,1.46,2,3.43,3.47,5.93s2.79,4.6,3.94,6.32l-.24.62q-2.81,0-9.28.43c-4.31.28-7.2.43-8.66.43l-.7-.32c-.67-1.56-1.64-3.63-2.88-6.21L627,58.7,618.93,43l.31,15.21c0,.73,0,1.86.08,3.39s.07,2.69.07,3.47l.39,5.85-.54.47h-10.3l-5.69.47-.47-.47q0-4,.16-13.12c.1-6.09.15-9.36.15-9.83q0-5-.43-16.65t-.43-15.08l.47-.39h9.21l7.17-.23.39.39-.39,13.41-.15,10.69,9.75-17.24,3.74-6.78.55-.24,17.16-.23.39.47-8.43,11.38c-1.14,1.62-2.62,3.81-4.44,6.59s-2.89,4.44-3.2,5Z"
754          transform="translate(-5.31 0)" fill=""/>
755    <path d="M701,64.12a21.08,21.08,0,0,1-2.3,2.41,20.52,20.52,0,0,1-3.78,2.62,28,28,0,0,1-6,2.38,31.64,31.64,0,0,1-8.54,1,29.74,29.74,0,0,1-8.46-1A25,25,0,0,1,663,66.85a34.47,34.47,0,0,1-3-3.09,22.53,22.53,0,0,1-3.55-6.94,36.42,36.42,0,0,1-1.75-12.2,43.63,43.63,0,0,1,1.21-11.2A31.76,31.76,0,0,1,659.56,25,21,21,0,0,1,667,18.1q5-3,13.81-3a31.09,31.09,0,0,1,12.6,2.42,18.29,18.29,0,0,1,8.5,7.37,29.3,29.3,0,0,1,3.86,9.17,45.8,45.8,0,0,1,.86,9.12v1.25a40,40,0,0,1-1.41,11.35A24.78,24.78,0,0,1,701,64.12ZM677.43,12.25,665,12.48l-.23-.39V.78l.39-.55L677.66,0l.39.39-.23,11.38Zm11.62,25.19a18.39,18.39,0,0,0-1.91-6.86,6.38,6.38,0,0,0-2.89-2.93,11.07,11.07,0,0,0-2.46-.7l-1-.12a7.41,7.41,0,0,0-2.69.47,9.76,9.76,0,0,0-2.77,1.83q-1.56,1.36-2.5,5.15a42.62,42.62,0,0,0-.93,9.87c0,1.66.09,3.55.27,5.65a17.18,17.18,0,0,0,1.36,5.58,10.1,10.1,0,0,0,2.85,3.82,6.69,6.69,0,0,0,4.33,1.41,8.61,8.61,0,0,0,2.69-.43q1.29-.43,3.67-3.12t2.38-13.46c0-.73,0-1.44,0-2.14S689.25,39.42,689.05,37.44Zm7.72-25-12,.23-.32-.23V.86l.39-.47L697,0l.39.39-.23,11.7Z"
756          transform="translate(-5.31 0)" fill=""/>
757    <path d="M750.2,59.2l-.78,11.7-.47.47q-8.66,0-17.39.08l-17.48.15-.39-.54V55.22l-.07-15.91q0-4-.16-13.06c-.1-6.06-.16-9.25-.16-9.56l.55-.39,16.77-.23.55.31-.39,8.81-.16,11.94-.23,17.08.07,5c2.14,0,5.36-.08,9.68-.23s7.54-.24,9.67-.24Z"
758          transform="translate(-5.31 0)" fill=""/>
759    <path d="M769.31,71.37h-6.87l-6.16.23-.47-.39V36.74c0-1.67-.09-4.82-.27-9.48s-.27-8.15-.27-10.49l.54-.47h8.07l5.58-.23.32.23,1.8,2.77c.53.81,1.34,1.91,2.44,3.32l7.46,10.06,9.28,12.87q0-6.63-.2-16.81t-.19-11.82l.39-.39,12.63-.23.39.31V38.61q0,8,.12,20.12T804,70.9l-.55.47-10.84.23-.7-.31q-4.36-6.32-6.83-9.71t-7.49-10.14q-5-6.75-8.93-12,0,5.22.55,15.76t.55,15.75Z"
760          transform="translate(-5.31 0)" fill=""/>
761    <path d="M366.91,140.68V118.92c0-2.48-.06-5.89-.2-10.23s-.2-7.18-.2-8.49l.4-.29h3.54l.35.4v28.23l.41,12.14-.41.35h-3.54Z"
762          transform="translate(-5.31 0)"/>
763    <path d="M379.62,140.74V112.92c0-3.17,0-6.1-.11-8.77s-.23-5.42-.47-8.25l.4-.4a11.66,11.66,0,0,0,1.45-.18l2.09-.4.29.35-.12,11.89.12,4-.12,3.07a32.7,32.7,0,0,1,4.7-2.6,14.18,14.18,0,0,1,5.74-1,9.2,9.2,0,0,1,5.08,1.22,7.64,7.64,0,0,1,2.69,2.79,9.43,9.43,0,0,1,1,3.15,44.18,44.18,0,0,1,.2,5.12v6q0,2.91.16,6.29c.1,2.25.2,4.11.31,5.59l-.47.35h-3.36l-.23-.41v-16c0-2.37,0-4.19-.12-5.47a5.19,5.19,0,0,0-1.22-3.19,6.37,6.37,0,0,0-2.35-1.81,7.5,7.5,0,0,0-2.87-.52,10.86,10.86,0,0,0-3.13.44,12.31,12.31,0,0,0-2.7,1.17c-.83.48-1.47.86-1.91,1.13a13.67,13.67,0,0,0-1.54,1.17q0,3.85.24,11.56t.23,11.62l-.35.35h-3.36Z"
764          transform="translate(-5.31 0)"/>
765    <path d="M411.17,140.68V122.82q0-4.3-.09-6c-.06-1.12-.18-2.76-.38-4.93l.47-.23,3.3-.64.29.35V116a11.47,11.47,0,0,1,1.57-2.9,5,5,0,0,1,1.86-1.54,11.61,11.61,0,0,1,1.71-.63,5.24,5.24,0,0,1,1.48-.21,4,4,0,0,1,1.53.25,4.11,4.11,0,0,1,.9.45l.35.29-.47,3.07-.46.35a6.27,6.27,0,0,0-1.07-.52,4.1,4.1,0,0,0-1.42-.23,5.35,5.35,0,0,0-2.47.64,5.83,5.83,0,0,0-2.29,2.7c-.7,1.37-1,4.45-1,9.21,0,1.94,0,4.55.14,7.82s.15,5.26.15,6l-.47.35h-3.3Z"
766          transform="translate(-5.31 0)"/>
767    <path d="M474.1,140.69l-2.49-10.22L465,102.07l-5.19,22.53c-.65,2.69-1.25,5.21-1.79,7.54s-1.17,5.21-1.9,8.59l-.46.36h-4.85l-.41-.3-3.09-13.56-2-8.59-2.18-9.23c-.35-1.5-.68-2.94-1-4.29s-.71-2.94-1.22-4.76l.29-.34,3.65-.17.35.35c.74,3.86,1.31,6.81,1.74,8.84s1.21,5.64,2.37,10.82l4.12,18.44,6.1-26.57,1.58-6.31,1-5.06.47-.34h5.07l.41.23,2,8.36,1.2,5.16,5.8,24.52,5-22.84,3.12-15.14.36-.29h3.19l.36.35L486,113l-3.12,13.53-1.54,6.72-1.52,7.36-.4.47H474.5Z"
768          transform="translate(-5.31 0)"/>
769    <path d="M495.09,125.72a21.71,21.71,0,0,0,.35,3.91,11.33,11.33,0,0,0,1.86,4.15,9.9,9.9,0,0,0,3.88,3.45,11.57,11.5
7697,0,0,0,5.22,1.19,13.37,13.37,0,0,0,8-2.55,10.45,10.45,0,0,0,1.56-1.22l.47.23-.24,3.31-.34.58-1.86,1.1a28.15,28.15,0,0,1-3.54,1.22,17.34,17.34,0,0,1-4.58.58,19.3,19.3,0,0,1-2.64-.18,22.88,22.88,0,0,1-4.41-1.36,10.57,10.57,0,0,1-5.28-5.13,18.43,18.43,0,0,1-2.17-9,25.05,25.05,0,0,1,.23-3.19A24.19,24.19,0,0,1,493,118a11.07,11.07,0,0,1,4.44-5.25,13.57,13.57,0,0,1,7.69-2.17c.69,0,1.31,0,1.85.08a17.26,17.26,0,0,1,2.55.61,11.6,11.6,0,0,1,3.86,2.29,9.12,9.12,0,0,1,2.93,4.47,22.17,22.17,0,0,1,.93,4.12c.07.95.11,2,.11,3.16l-.34.41Zm18.45-3-.18-2a10.41,10.41,0,0,0-2.29-5q-1.89-2.35-6.18-2.35a13.94,13.94,0,0,0-2.23.17,10.33,10.33,0,0,0-2.81,1.16,7.64,7.64,0,0,0-3,3.16,14.65,14.65,0,0,0-1.59,4.85Z"
770          transform="translate(-5.31 0)"/>
771    <path d="M533.84,136l4.93,1.45a11.15,11.15,0,0,1,5.3,3.15,7.42,7.42,0,0,1,1.95,5.14,10.39,10.39,0,0,1-.29,2.34,10.82,10.82,0,0,1-1.63,3.18,9.2,9.2,0,0,1-4.29,3.15,16.49,16.49,0,0,1-6.26,1.2,21.55,21.55,0,0,1-4.85-.58,11.41,11.41,0,0,1-5-2.88,7.62,7.62,0,0,1-2.49-5.88,7.94,7.94,0,0,1,.2-1.74,16.07,16.07,0,0,1,.64-2,7.47,7.47,0,0,1,1.6-2.38,22.35,22.35,0,0,1,3.13-2.7l-2.55-1-.18-.64,1.51-2.2,1.74-3a16.74,16.74,0,0,1-1.62-1.07,11.7,11.7,0,0,1-1.54-1.37,8.61,8.61,0,0,1-1.48-2.37,9.57,9.57,0,0,1-.75-4,9.69,9.69,0,0,1,1.42-5.56A10.39,10.39,0,0,1,526.5,113a12.41,12.41,0,0,1,3.71-1.5,29.67,29.67,0,0,1,6.18-.47h10.26l.24.4-.18,2.33-.46.35c-1.78-.07-3.08-.1-3.89-.11h-1.91c.11.08.3.21.55.41a9.62,9.62,0,0,1,1.13,1.13,10.26,10.26,0,0,1,1.48,2.37,9,9,0,0,1,.72,3.8,11.11,11.11,0,0,1-.81,4,9.89,9.89,0,0,1-3.3,4,10.94,10.94,0,0,1-6.85,1.94c-.39,0-.76,0-1.13,0a15.91,15.91,0,0,1-1.77-.26c-.35.5-.69,1-1,1.65s-.62,1.08-.81,1.42Zm-8.94,9.75a7.32,7.32,0,0,0,.18,1.65,6.91,6.91,0,0,0,1,2.06,7.07,7.07,0,0,0,2.7,2.29,10.7,10.7,0,0,0,5,1A10.31,10.31,0,0,0,538,152a7.82,7.82,0,0,0,2.52-1.62,6.76,6.76,0,0,0,1.25-1.86,5.6,5.6,0,0,0,.47-2.35,6.31,6.31,0,0,0-.24-1.68,3.46,3.46,0,0,0-.78-1.48,8.57,8.57,0,0,0-1-1,9.38,9.38,0,0,0-1.45-.81,39.41,39.41,0,0,0-4.27-1.45q-3.27-1-5-1.39a13.84,13.84,0,0,0-3.6,3.77A7.19,7.19,0,0,0,524.9,145.73ZM538.65,116a6.45,6.45,0,0,0-2.06-1.42,7.52,7.52,0,0,0-3.22-.61,12.26,12.26,0,0,0-1.45.09,9.28,9.28,0,0,0-2.09.58A7.3,7.3,0,0,0,527,116.9a7.17,7.17,0,0,0-1.48,4.81,6.81,6.81,0,0,0,2.15,5.28,7.72,7.72,0,0,0,5.45,2,7.42,7.42,0,0,0,5.48-2.11,7.5,7.5,0,0,0,2.12-5.54,8,8,0,0,0-.55-2.9A6.94,6.94,0,0,0,538.65,116Z"
772          transform="translate(-5.31 0)"/>
773    <path d="M573.14,140.91h-7.87l-.17-.29,4.09-6.63,3.63-5.78,8.62-14.09-4.22-.06H566.85l-.35-.19.23-2.41.46-.3h19.52l.35.3-7.13,11.64-9.16,15h3.77l4.93-.23h7.25l.46.39-.17,2.45-.53.41-4.75-.18Z"
774          transform="translate(-5.31 0)"/>
775    <path d="M611.84,140.8v-2.73a13.28,13.28,0,0,1-5,2.9,17.46,17.46,0,0,1-4.79.7q-4.22,0-6.37-1.89A8.28,8.28,0,0,1,593,136a18.49,18.49,0,0,1-.66-4.44c-.08-1.7-.12-3.61-.12-5.74v-4.58q0-2.39-.09-6c0-2.4-.08-3.62-.08-3.66l.34-.35,3.48-.17.29.35c0,2.74,0,5.51,0,8.29s-.08,5.55-.12,8.3v2.2a13.67,13.67,0,0,0,.61,4.29,5.1,5.1,0,0,0,2,2.79,6.81,6.81,0,0,0,2.41,1.1,12.37,12.37,0,0,0,2,.17,13.26,13.26,0,0,0,3.19-.43,9.76,9.76,0,0,0,3-1.25,19.51,19.51,0,0,0,2.64-2.09c0-2.74,0-5.49-.05-8.23s-.08-5.51-.12-8.3c0-.93,0-2.18-.15-3.77s-.14-2.53-.14-2.84l.29-.41h1c.52,0,1.36,0,2.52-.17l.29.41v15.54l.17,8.64.24,4.93-.41.35-3.19.17Z"
776          transform="translate(-5.31 0)"/>
777    <path d="M623.91,140.68V122.82q0-4.3-.09-6c-.06-1.12-.18-2.76-.38-4.93l.47-.23,3.3-.64.29.35V116a11.47,11.47,0,0,1,1.57-2.9,5,5,0,0,1,1.86-1.54,11.61,11.61,0,0,1,1.71-.63,5.24,5.24,0,0,1,1.48-.21,4,4,0,0,1,1.53.25,4.11,4.11,0,0,1,.9.45l.35.29-.46,3.07-.47.35a6.27,6.27,0,0,0-1.07-.52,4.1,4.1,0,0,0-1.42-.23A5.35,5.35,0,0,0,631,115a5.83,5.83,0,0,0-2.29,2.7c-.7,1.37-1,4.45-1,9.21q0,2.91.14,7.82c.1,3.28.15,5.26.15,6l-.47.35h-3.3Z"
778          transform="translate(-5.31 0)"/>
779    <path d="M658.36,140.74V117.82q0-3-.2-9.16t-.21-8.41l.41-.34h3.42l.29.34V119.1l7.89-8.7c.77-.85,2.16-2.4,4.17-4.67s3.6-4.1,4.76-5.53l.58-.29h4.18l.17.46c-1.35,1.35-3.15,3.23-5.4,5.62l-5.1,5.45L666.51,119l3.1,3.45,7.86,8.78,8.62,9.3-.17.42H684l-2.41.18-.67-.27-8.44-9.88q-2.73-3.14-5-5.72t-5.34-5.83l.17,14.08.29,7.21-.46.29-3.36.12Z"
780          transform="translate(-5.31 0)"/>
781    <path d="M709.75,140.8v-2.73a13.32,13.32,0,0,1-5,2.9,17.46,17.46,0,0,1-4.79.7c-2.8,0-4.93-.63-6.37-1.89a8.28,8.28,0,0,1-2.71-3.77,18.49,18.49,0,0,1-.66-4.44c-.08-1.7-.12-3.61-.12-5.74v-4.58q0-2.39-.08-6t-.09-3.66l.35-.35,3.48-.17.29.35c0,2.74,0,5.51-.06,8.29s-.08,5.55-.12,8.3v2.2a13.67,13.67,0,0,0,.61,4.29,5.15,5.15,0,0,0,2,2.79,6.81,6.81,0,0,0,2.41,1.1,12.46,12.46,0,0,0,2,.17,13.19,13.19,0,0,0,3.19-.43,9.93,9.93,0,0,0,3-1.25,20.84,20.84,0,0,0,2.64-2.09c0-2.74,0-5.49-.06-8.23s-.08-5.51-.12-8.3c0-.93-.05-2.18-.14-3.77s-.15-2.53-.15-2.84l.29-.41h1c.52,0,1.36,0,2.52-.17l.29.41v15.54l.18,8.64.23,4.93-.41.35-3.19.17Z"
782          transform="translate(-5.31 0)"/>
783    <path d="M721.75,140.68v-28q0-6.31-.09-9.39c0-2-.22-4.55-.49-7.48l.4-.35a11.85,11.85,0,0,0,1.46-.18l2.09-.4.34.35-.17,15.15.17,17.31q0,3,.15,7.67c.09,3.09.14,4.85.14,5.28l-.29.35H722Z"
784          transform="translate(-5.31 0)"/>
785    <path d="M738.22,129.68c0,1.31,0,2.55,0,3.74a9,9,0,0,0,.35,2.67,3.34,3.34,0,0,0,1,1.46,3.15,3.15,0,0,0,2.11.58,7.19,7.19,0,0,0,1.45-.13c.39-.09.87-.22,1.45-.39l.47.28c-.08.53-.14,1-.18,1.42s-.06.8-.06,1.14l-.41.46c-.82.16-1.47.26-2,.32a11,11,0,0,1-1.32.09,8.75,8.75,0,0,1-3-.49,4.67,4.67,0,0,1-1.91-1.22,7,7,0,0,1-1-1.59,6.08,6.08,0,0,1-.53-1.53,14.34,14.34,0,0,1-.15-2c0-.91,0-1.67,0-2.29q0-2.08.12-7.32c.08-3.49.12-5.29.12-5.41v-5.27l-4.76.18-.29-.47.12-2.37.4-.24h4.53c0-.81,0-2-.12-3.59s-.12-2.77-.12-3.54l.41-.35a20.33,20.33,0,0,0,3.36-.81l.35.41c-.11.73-.2,1.57-.26,2.52s-.09,2.39-.09,4.32v1H745l.29.24a14,14,0,0,0-.17,1.56V114l-.41.35h-6.44Z"
786          transform="translate(-5.31 0)"/>
787    <path d="M769,140.8v-2.73a13.24,13.24,0,0,1-5,2.9,17.39,17.39,0,0,1-4.78.7q-4.22,0-6.37-1.89a8.2,8.2,0,0,1-2.71-3.77,19,19,0,0,1-.67-4.44c-.07-1.7-.11-3.61-.11-5.74v-4.58q0-2.39-.09-6c-.06-2.4-.08-3.62-.08-3.66l.34-.35,3.48-.17.29.35c0,2.74,0,5.51-.06,8.29s-.07,5.55-.11,8.3v2.2a13.67,13.67,0,0,0,.61,4.29,5.1,5.1,0,0,0,2,2.79,6.81,6.81,0,0,0,2.41,1.1,12.37,12.37,0,0,0,2,.17,13.26,13.26,0,0,0,3.19-.43,9.76,9.76,0,0,0,3-1.25,20.84,20.84,0,0,0,2.64-2.09c0-2.74,0-5.49-.06-8.23s-.07-5.51-.11-8.3c0-.93,0-2.18-.15-3.77s-.14-2.53-.14-2.84l.29-.41h1c.52,0,1.36,0,2.52-.17l.29.41v15.54l.17,8.64.24,4.93-.41.35-3.19.17Z"
788          transform="translate(-5.31 0)"/>
789    <path d="M781,140.68V122.82q0-4.3-.09-6c-.06-1.12-.18-2.76-.38-4.93l.47-.23,3.3-.64.29.35V116a11.47,11.47,0,0,1,1.57-2.9,5.09,5.09,0,0,1,1.85-1.54,12.11,12.11,0,0,1,1.72-.63,5.22,5.22,0,0,1,1.47-.21,4,4,0,0,1,1.54.25,4.11,4.11,0,0,1,.9.45l.35.29-.47,3.07-.46.35a6.27,6.27,0,0,0-1.07-.52,4.1,4.1,0,0,0-1.42-.23,5.32,5.32,0,0,0-2.47.64,5.83,5.83,0,0,0-2.29,2.7c-.7,1.37-1,4.45-1,9.21,0,1.94,0,4.55.14,7.82s.15,5.26.15,6l-.47.35h-3.3Z"
790          transform="translate(-5.31 0)"/>
791    <path d="M799.59,140.74v-4.58l.4-.47c.5,0,1.37,0,2.58-.11l1.95-.12.46.41v4.69l-.46.41h-1.87c-.48,0-1.34.08-2.61.23ZM800.8,130c0-1.93-.06-4.89-.2-8.87s-.2-6.67-.2-8.07q0-2.43-.32-8t-.32-7.34l.29-.34h2.32l1.91-.18.24.47q0,2.61-.29,8.43c-.2,3.89-.29,6.53-.29,7.92v15.84l-.29.34-2.5.24Z"
792          transform="translate(-5.31 0)"/>
793</svg></span>
794        </a>
795    </div>
796</nav>
797        <div class="<!--bg-skin-footer bg-opacity-100--> border-skin-first bg-white py-4 pl-4 text-skin-second">
798    <div class="container mx-auto">
799        <div class="flex flex-wrap">
800            <div class="flex items-center">
801                <a href="tel:0221 92 57 420">
802                    <div class="flex items-center justify-center pr-6">
803                        <div class="inline-block content-center pr-2 text-skin-second md:pr-3">
804                            
805                            <svg class="-ml-2 h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
806                                viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
807                                <path
808                                    d="M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.7 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z" />
809                            </svg>
810                        </div>
811                        <div class="hidden text-[13px] text-skin-second lg:inline-block">
812                            0221 92 57 420
813                        </div>
814                    </div>
815                </a>
816                <a href="mailto:[email protected]">
817                    <div class="flex items-center justify-center pr-6">
818                        <div class="inline-block content-center pr-2 text-skin-second md:pr-3">
819                            
820                            <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
821                                viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
822                                <path
823                                    d="M16.1 260.2c-22.6 12.9-20.5 47.3 3.6 57.3L160 376V479.3c0 18.1 14.6 32.7 32.7 32.7c9.7 0 18.9-4.3 25.1-11.8l62-74.3 123.9 51.6c18.9 7.9 40.8-4.5 43.9-24.7l64-416c1.9-12.1-3.4-24.3-13.5-31.2s-23.3-7.5-34-1.4l-448 256zm52.1 25.5L409.7 90.6 190.1 336l1.2 1L68.2 285.7zM403.3 425.4L236.7 355.9 450.8 116.6 403.3 425.4z" />
824                            </svg>
825                        </div>
826                        <div class="hidden text-[13px] text-skin-second lg:inline-block">
827                            [email protected]
828                        </div>
829                    </div>
830                </a>
831                <a href="https://theatergemeinde-koeln.org/kontakt">
832                    <div class="flex items-center justify-center">
833                        <div class="inline-block content-center pr-2 text-skin-second md:pr-3">
834                            
835                            <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
836                                viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
837                                <path
838                                    d="M64 48c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16h80V400c0-26.5 21.5-48 48-48s48 21.5 48 48v64h80c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H64zM0 64C0 28.7 28.7 0 64 0H320c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm88 40c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v48c0 8.8-7.2 16-16 16H104c-8.8 0-16-7.2-16-16V104zM232 88h48c8.8 0 16 7.2 16 16v48c0 8.8-7.2 16-16 16H232c-8.8 0-16-7.2-16-16V104c0-8.8 7.2-16 16-16zM88 232c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v48c0 8.8-7.2 16-16 16H104c-8.8 0-16-7.2-16-16V232zm144-16h48c8.8 0 16 7.2 16 16v48c0 8.8-7.2 16-16 16H232c-8.8 0-16-7.2-16-16V232c0-8.8 7.2-16 16-16z" />
839                            </svg>
840                        </div>
841                        <div class="hidden text-[13px] text-skin-second lg:inline-block">
842                            Auf dem Berlich 34, 50667 Köln
843                        </div>
844
845                    </div>
846                </a>
847                <a href="https://theatergemeinde-koeln.org/newsletter/anmeldung">
848                    <div class="flex items-center justify-center px-6">
849                        <div class="inline-block content-center pr-2 text-[13px] text-skin-second md:pr-3">
850                            
851                            <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
852                                viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
853                                <path
854                                    d="M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H224v80c0 17.7 14.3 32 32 32h80V448c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0H64zm56 256c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24H264c13.3 0 24-10.7 24-24s-10.7-24-24-24H120z" />
855                            </svg>
856                        </div>
857                        <div class="hidden text-[13px] text-skin-second lg:inline-block">
858                            Newsletter
859                        </div>
860                    </div>
861                </a>
862                                    <a href="https://www.facebook.com/theatergemeinde">
863                        <div class="h-6 w-6 fill-current text-skin-second">
864                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
865    <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
866    <path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/>
867</svg>
868                        </div>
869
870                    </a>
871                                                    <a href="https://www.instagram.com/theatergemeinde_koeln/">
872                        <div class="-mt-1 ml-4 h-6 w-6 fill-current text-skin-second">
873                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
874    <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
875    <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
876</svg>
877
878                        </div>
879
880                    </a>
881                
882            </div>
883        </div>
884    </div>
885</div>
886
887    </div>
888    <main id="main" class="pt-2 md:pt-3" tabindex="-1">
889
890        
891        
892
893        <!-- ##### Alert-Message -->
894        
895        
896                
897
898
899                    <div class="container py-12">
900                    <h1 class="break-words text-2xl md:text-4xl">Unsere Reisen</h1>
901        <div class="flex flex-wrap">
902    <div class="lg:flex-1 order-first md:order-none w-auto pr-6">
903
904        <h2 class="break-words py-4 text-lg md:py-6 md:text-2xl">Sie lieben Kultur? Sie reisen gerne? <br />
905Wir bringen Sie zu den kulturellen Highlights in Europa! <br />
906Wir bieten Ihnen Kurzreisen mit kompetenter Reisebegleitung zu bekannten Festivals und Opernhäusern.</h2>
907        <p></p>
908    </div>
909        </div>
910            </div>
911                                
912
913        <div class="container break-words">
914                        <div class="flex flex-wrap gap-y-6">
915
916                
917                <div class="order-first w-full min-w-0 pb-16 md:order-none md:pr-3 lg:w-auto lg:flex-1">
918
919                        
920            <nav class="mb-8 rounded-xl border border-gray-200 bg-gray-50 p-4 shadow-sm" aria-label="Reise Kategorien">
921            <p class="mb-3 text-sm font-semibold uppercase tracking-wide text-gray-600">Direkt zu einer Kategorie</p>
922            <div class="flex flex-wrap gap-2">
923                                    <a href="#reise-typ-kunst-kulturreisen-0"
924                        class="inline-flex items-center rounded-full bg-white px-3 py-1.5 text-sm font-semibold text-skin-base shadow-sm transition hover:bg-skin-second hover:text-white">
925                        Kunst &amp; Kulturreisen
926                    </a>
927                                    <a href="#reise-typ-museumsfahrten-3"
928                        class="inline-flex items-center rounded-full bg-white px-3 py-1.5 text-sm font-semibold text-skin-base shadow-sm transition hover:bg-skin-second hover:text-white">
929                        Museumsfahrten
930                    </a>
931                            </div>
932        </nav>
933    
934    <div class="space-y-10">
935                    
936                            <section id="reise-typ-kunst-kulturreisen-0" aria-labelledby="reise-typ-kunst-kulturreisen-0-title" class="scroll-mt-36">
937                    <div class="rounded-2xl bg-reisetyp_RKu/15 py-5 pr-6 shadow-sm md:py-6 md:pr-8">
938                        <div class="flex flex-wrap items-center justify-between gap-3">
939                            <h2 id="reise-typ-kunst-kulturreisen-0-title"
940                                class="font-header text-2xl font-bold text-reisetyp_RKu md:text-3xl">
941                                Kunst & Kulturreisen
942                            </h2>
943                            <span class="rounded-full bg-white px-3 py-1 text-sm font-semibold text-gray-700 shadow-sm">
944                                6 Reisen
945                            </span>
946                        </div>
947                    </div>
948
949                    <div class="mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3">
950                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
951    <button type="button"
952    class="merkliste-herz ist-auf-karte"
953    data-merkliste-typ="reise"
954    data-merkliste-id="453"
955    data-merkliste-titel="„La Traviata“ in der Mailänder Scala"
956    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/453/kunst-kulturreisen/la-traviata-in-der-mailander-scala"
957    data-merkliste-korb=""
958    data-merkliste-zusatz="Samstag, 10. Oktober 2026 – Dienstag, 13. Oktober 2026"
959    aria-pressed="false"
960    aria-label="Auf die Merkliste">
961    <svg viewBox="0 0 24 24" aria-hidden="true">
962        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
963    </svg>
964</button>
965
966    <style>
967        .merkliste-herz {
968            display: inline-flex;
969            align-items: center;
970            justify-content: center;
971            width: 2.25rem;
972            height: 2.25rem;
973            margin: 0;
974            padding: 0;
975            border: 0;
976            border-radius: 999px;
977            background: #fff;
978            color: var(--color-first);
979            box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
980            cursor: pointer;
981        }
982        .merkliste-herz svg {
983            width: 1.15rem;
984            height: 1.15rem;
985            fill: none;
986            stroke: currentColor;
987            stroke-width: 2;
988        }
989        .merkliste-herz[aria-pressed="true"] svg {
990            fill: currentColor;
991        }
992        .merkliste-herz.ist-auf-karte {
993            position: absolute;
994            top: 0.55rem;
995            right: 0.55rem;
996            z-index: 5;
997        }
998        .merkliste-herz.ist-auf-karte.ist-links {
999            right: auto;
1000            left: 0.55rem;
1001        }
1002    </style>
1003    <div class="border-l-4 border-reisetyp_RKu bg-gray-50 p-5">
1004        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1005            Kunst & Kulturreisen
1006        </p>
1007        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1008            „La Traviata“ in der Mailänder Scala
1009        </h3>
1010        <p class="mt-2 text-sm font-semibold text-gray-700">
1011            Samstag, 10. Oktober 2026
1012                            – Dienstag, 13. Oktober 2026
1013                    </p>
1014        <div class="mt-3 flex flex-wrap gap-2">
1015                                        <span class="rounded-md bg-red-700 px-2 py-1 text-xs font-semibold text-white">
1016                    Leider ausgebucht
1017                </span>
1018                    </div>
1019    </div>
1020
1021            <div class="relative h-52 w-full overflow-hidden">
1022            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1023
1024    
1025            <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01haWxhbmQvTWFpbGFuZF9UZWF0cm9fYWxsYV9TY2FsYV9jX1dvbGZnYW5nLU1vcm9kZXItM18wXzRDLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1026            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1027            aria-hidden="true" />
1028    
1029    
1030    <img class="absolute inset-0 h-full w-full object-cover object-center"
1031        src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01haWxhbmQvTWFpbGFuZF9UZWF0cm9fYWxsYV9TY2FsYV9jX1dvbGZnYW5nLU1vcm9kZXItM18wXzRDLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI4MDAifQ.webp"
1032                        srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01haWxhbmQvTWFpbGFuZF9UZWF0cm9fYWxsYV9TY2FsYV9jX1dvbGZnYW5nLU1vcm9kZXItM18wXzRDLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjIwMCIsInEiOiI4NSIsInciOiI4MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01haWxhbmQvTWFpbGFuZF9UZWF0cm9fYWxsYV9TY2FsYV9jX1dvbGZnYW5nLU1vcm9kZXItM18wXzRDLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI4MDAifQ.webp 800w"
1033                sizes="(max-width: 768px) 100vw, 50vw" alt="Teatro alla Scala | © Wolfgang Moroder"
1034         loading="lazy"         decoding="async" title="Teatro alla Scala | © Wolfgang Moroder" />
1035
1036        
1037    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1038
1039        <div class=" text-[8px] text-white">
1040
1041                            Teatro alla Scala
1042            
1043                            <span class="opacity-80"> | © Wolfgang Moroder</span>
1044            
1045                            <span class="opacity-80">
1046                    | <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.de" target="_blank" class="underline">
1047                        CC BY-SA 3.0
1048                    </a>
1049                </span>
1050            
1051        </div>
1052
1053    </div>
1054    
1055</div>
1056        </div>
1057    
1058    <div class="p-5">
1059                    <p class="mb-2 text-sm font-semibold text-skin-base">Operngenuss der Extraklasse</p>
1060                <p class="text-sm leading-relaxed text-gray-700">
1061             International gefeierte Interpreten, herausragende Aufführungen sowie die einzigartige neoklassizistische Innenarchitektur verleihen der Mailänder Scala, einem der berühmtesten Opernhäuser der Welt, seit 1778 eine bezau...
1062        </p>
1063
1064        <div class="mt-5 border-t border-gray-100 pt-4">
1065            <a href="https://theatergemeinde-koeln.org/reisen/453/kunst-kulturreisen/la-traviata-in-der-mailander-scala"
1066                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RKu">
1067                Zum Programm
1068            </a>
1069        </div>
1070    </div>
1071</article>
1072                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
1073    <button type="button"
1074    class="merkliste-herz ist-auf-karte"
1075    data-merkliste-typ="reise"
1076    data-merkliste-id="275"
1077    data-merkliste-titel="Weihnachtliche 4-Tagesfahrt nach Dresden "
1078    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/275/kunst-kulturreisen/weihnachtliche-4-tagesfahrt-nach-dresden"
1079    data-merkliste-korb="https://theatergemeinde-koeln.org/reisen/response/bestellen?ReiseNr=275"
1080    data-merkliste-zusatz="Freitag, 27. November 2026 – Montag, 30. November 2026"
1081    aria-pressed="false"
1082    aria-label="Auf die Merkliste">
1083    <svg viewBox="0 0 24 24" aria-hidden="true">
1084        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1085    </svg>
1086</button>
1087
1088    <div class="border-l-4 border-reisetyp_RKu bg-gray-50 p-5">
1089        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1090            Kunst & Kulturreisen
1091        </p>
1092        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1093            Weihnachtliche 4-Tagesfahrt nach Dresden 
1094        </h3>
1095        <p class="mt-2 text-sm font-semibold text-gray-700">
1096            Freitag, 27. November 2026
1097                            – Montag, 30. November 2026
1098                    </p>
1099        <div class="mt-3 flex flex-wrap gap-2">
1100                                </div>
1101    </div>
1102
1103            <div class="relative h-52 w-full overflow-hidden">
1104            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1105
1106    
1107            <img src="https://theatergemeinde-koeln.org/images/Ym9ubi9SZWlzZW4vRHJlc2RlbiBQYW5vcmFtYS5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1108            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1109            aria-hidden="true" />
1110    
1111    
1112    <img class="absolute inset-0 h-full w-full object-cover object-center"
1113        src="https://theatergemeinde-koeln.org/images/Ym9ubi9SZWlzZW4vRHJlc2RlbiBQYW5vcmFtYS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI4MyIsInEiOiI4NSIsInciOiI0MjUifQ.webp"
1114                        srcset="https://theatergemeinde-koeln.org/images/Ym9ubi9SZWlzZW4vRHJlc2RlbiBQYW5vcmFtYS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NiIsInEiOiI4NSIsInciOiI0MjUifQ.webp 400w, https://theatergemeinde-koeln.org/images/Ym9ubi9SZWlzZW4vRHJlc2RlbiBQYW5vcmFtYS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI4MyIsInEiOiI4NSIsInciOiI0MjUifQ.webp 425w"
1115                sizes="(max-width: 768px) 100vw, 50vw" alt="Dresden | © pixabay"
1116         loading="lazy"         decoding="async" title="Dresden | © pixabay" />
1117
1118        
1119    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1120
1121        <div class=" text-[8px] text-white">
1122
1123                            Dresden
1124            
1125                            <span class="opacity-80"> | © pixabay</span>
1126            
1127            
1128        </div>
1129
1130    </div>
1131    
1132</div>
1133        </div>
1134    
1135    <div class="p-5">
1136                <p class="text-sm leading-relaxed text-gray-700">
1137            Zum Beginn der Adventszeit laden wir ein zu einer stimmungsvollen vorweihnachtlichen Reise nach Dresden und Umgebung.
1138        </p>
1139
1140        <div class="mt-5 border-t border-gray-100 pt-4">
1141            <a href="https://theatergemeinde-koeln.org/reisen/275/kunst-kulturreisen/weihnachtliche-4-tagesfahrt-nach-dresden"
1142                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RKu">
1143                Zum Programm
1144            </a>
1145        </div>
1146    </div>
1147</article>
1148                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
1149    <button type="button"
1150    class="merkliste-herz ist-auf-karte"
1151    data-merkliste-typ="reise"
1152    data-merkliste-id="460"
1153    data-merkliste-titel="Musikalischer Jahreswechsel in Nürnberg"
1154    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/460/kunst-kulturreisen/musikalischer-jahreswechsel-in-nurnberg"
1155    data-merkliste-korb="https://theatergemeinde-koeln.org/reisen/response/bestellen?ReiseNr=460"
1156    data-merkliste-zusatz="Dienstag, 29. Dezember 2026 – Freitag, 01. Januar 2027"
1157    aria-pressed="false"
1158    aria-label="Auf die Merkliste">
1159    <svg viewBox="0 0 24 24" aria-hidden="true">
1160        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1161    </svg>
1162</button>
1163
1164    <div class="border-l-4 border-reisetyp_RKu bg-gray-50 p-5">
1165        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1166            Kunst & Kulturreisen
1167        </p>
1168        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1169            Musikalischer Jahreswechsel in Nürnberg
1170        </h3>
1171        <p class="mt-2 text-sm font-semibold text-gray-700">
1172            Dienstag, 29. Dezember 2026
1173                            – Freitag, 01. Januar 2027
1174                    </p>
1175        <div class="mt-3 flex flex-wrap gap-2">
1176                            <span class="rounded-md bg-amber-500 px-2 py-1 text-xs font-semibold text-white">
1177                    Nur noch wenige Plätze
1178                </span>
1179                                </div>
1180    </div>
1181
1182            <div class="relative h-52 w-full overflow-hidden">
1183            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1184
1185    
1186            <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL051ZXJuYmVyZy9OdWVybmJlcmdlcl9CdXJnX2NfREFMSUJSSV8zLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1187            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1188            aria-hidden="true" />
1189    
1190    
1191    <img class="absolute inset-0 h-full w-full object-cover object-center"
1192        src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL051ZXJuYmVyZy9OdWVybmJlcmdlcl9CdXJnX2NfREFMSUJSSV8zLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp"
1193                        srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL051ZXJuYmVyZy9OdWVybmJlcmdlcl9CdXJnX2NfREFMSUJSSV8zLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL051ZXJuYmVyZy9OdWVybmJlcmdlcl9CdXJnX2NfREFMSUJSSV8zLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w"
1194                sizes="(max-width: 768px) 100vw, 50vw" alt="Nürnberger Burg | © Dalibri"
1195         loading="lazy"         decoding="async" title="Nürnberger Burg | © Dalibri" />
1196
1197        
1198    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1199
1200        <div class=" text-[8px] text-white">
1201
1202                            Nürnberger Burg
1203            
1204                            <span class="opacity-80"> | © Dalibri</span>
1205            
1206                            <span class="opacity-80">
1207                    | <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank" class="underline">
1208                        Creative Commons CC-BY-SA-3.0
1209                    </a>
1210                </span>
1211            
1212        </div>
1213
1214    </div>
1215    
1216</div>
1217        </div>
1218    
1219    <div class="p-5">
1220                <p class="text-sm leading-relaxed text-gray-700">
1221            Absolut sehenswert ist die mittelalterliche Altstadt samt der mächtigen Kaiserburg. Bei einem Spaziergang durch die Gassen und entlang der historischen Stadtmauer erleben Sie eine lebendige Stadt mit viel Atmosphäre und...
1222        </p>
1223
1224        <div class="mt-5 border-t border-gray-100 pt-4">
1225            <a href="https://theatergemeinde-koeln.org/reisen/460/kunst-kulturreisen/musikalischer-jahreswechsel-in-nurnberg"
1226                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RKu">
1227                Zum Programm
1228            </a>
1229        </div>
1230    </div>
1231</article>
1232                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
1233    <button type="button"
1234    class="merkliste-herz ist-auf-karte"
1235    data-merkliste-typ="reise"
1236    data-merkliste-id="462"
1237    data-merkliste-titel="Marburg und die Marionettenoper „Der Freischütz“ im Scheunentheater "
1238    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/462/kunst-kulturreisen/marburg-und-die-marionettenoper-der-freischutz-im-scheunentheater"
1239    data-merkliste-korb="https://theatergemeinde-koeln.org/reisen/response/bestellen?ReiseNr=462"
1240    data-merkliste-zusatz="Samstag, 06. März 2027 – Sonntag, 07. März 2027"
1241    aria-pressed="false"
1242    aria-label="Auf die Merkliste">
1243    <svg viewBox="0 0 24 24" aria-hidden="true">
1244        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1245    </svg>
1246</button>
1247
1248    <div class="border-l-4 border-reisetyp_RKu bg-gray-50 p-5">
1249        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1250            Kunst & Kulturreisen
1251        </p>
1252        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1253            Marburg und die Marionettenoper „Der Freischütz“ im Scheunentheater 
1254        </h3>
1255        <p class="mt-2 text-sm font-semibold text-gray-700">
1256            Samstag, 06. März 2027
1257                            – Sonntag, 07. März 2027
1258                    </p>
1259        <div class="mt-3 flex flex-wrap gap-2">
1260                                </div>
1261    </div>
1262
1263            <div class="relative h-52 w-full overflow-hidden">
1264            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1265
1266    
1267            <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hcmJ1cmcvTWFyYnVyZ19DYXN0bGVfY19BLlNhdmluLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1268            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1269            aria-hidden="true" />
1270    
1271    
1272    <img class="absolute inset-0 h-full w-full object-cover object-center"
1273        src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hcmJ1cmcvTWFyYnVyZ19DYXN0bGVfY19BLlNhdmluLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp"
1274                        srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hcmJ1cmcvTWFyYnVyZ19DYXN0bGVfY19BLlNhdmluLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hcmJ1cmcvTWFyYnVyZ19DYXN0bGVfY19BLlNhdmluLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w"
1275                sizes="(max-width: 768px) 100vw, 50vw" alt="Marburger Schloss | © A. Savin"
1276         loading="lazy"         decoding="async" title="Marburger Schloss | © A. Savin" />
1277
1278        
1279    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1280
1281        <div class=" text-[8px] text-white">
1282
1283                            Marburger Schloss
1284            
1285                            <span class="opacity-80"> | © A. Savin</span>
1286            
1287                            <span class="opacity-80">
1288                    | <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank" class="underline">
1289                        Creative Commons CC-BY-SA-3.0
1290                    </a>
1291                </span>
1292            
1293        </div>
1294
1295    </div>
1296    
1297</div>
1298        </div>
1299    
1300    <div class="p-5">
1301                    <p class="mb-2 text-sm font-semibold text-skin-base">Ein kurzes Wochenende voller Kultur</p>
1302                <p class="text-sm leading-relaxed text-gray-700">
1303            Annemarie Gottfried, Künstlerin und Gründerin der Eckelshausener Musiktage und des Marionettentheaters im 300 Jahre alten Schartenhof, hat alle ausdrucksstarken Figuren für das Marionettentheater entworfen. Sie betrieb n...
1304        </p>
1305
1306        <div class="mt-5 border-t border-gray-100 pt-4">
1307            <a href="https://theatergemeinde-koeln.org/reisen/462/kunst-kulturreisen/marburg-und-die-marionettenoper-der-freischutz-im-scheunentheater"
1308                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RKu">
1309                Zum Programm
1310            </a>
1311        </div>
1312    </div>
1313</article>
1314                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
1315    <button type="button"
1316    class="merkliste-herz ist-auf-karte"
1317    data-merkliste-typ="reise"
1318    data-merkliste-id="461"
1319    data-merkliste-titel="Stuttgart mit Theater - Kunst bei Würth &amp; Ritter Sport"
1320    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/461/kunst-kulturreisen/stuttgart-mit-theater-kunst-bei-wurth-ritter-sport"
1321    data-merkliste-korb="https://theatergemeinde-koeln.org/reisen/response/bestellen?ReiseNr=461"
1322    data-merkliste-zusatz="Dienstag, 09. März 2027 – Freitag, 12. März 2027"
1323    aria-pressed="false"
1324    aria-label="Auf die Merkliste">
1325    <svg viewBox="0 0 24 24" aria-hidden="true">
1326        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1327    </svg>
1328</button>
1329
1330    <div class="border-l-4 border-reisetyp_RKu bg-gray-50 p-5">
1331        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1332            Kunst & Kulturreisen
1333        </p>
1334        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1335            Stuttgart mit Theater - Kunst bei Würth & Ritter Sport
1336        </h3>
1337        <p class="mt-2 text-sm font-semibold text-gray-700">
1338            Dienstag, 09. März 2027
1339                            – Freitag, 12. März 2027
1340                    </p>
1341        <div class="mt-3 flex flex-wrap gap-2">
1342                                </div>
1343    </div>
1344
1345            <div class="relative h-52 w-full overflow-hidden">
1346            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1347
1348    
1349            <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL1N0dXR0Z2FydC9TdHV0dGdhcnRfTmV1ZXNfU2NobG9zc19TY2hsb3NzcGxhdHpzcHJpbmdicnVubmVuX0p1YmlsYWV1dW1zc2FldWxlX1NjaGxvc3NwbGF0el9jX0p1bGlhbi1IZXJ6b2dfNF8wLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1350            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1351            aria-hidden="true" />
1352    
1353    
1354    <img class="absolute inset-0 h-full w-full object-cover object-center"
1355        src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL1N0dXR0Z2FydC9TdHV0dGdhcnRfTmV1ZXNfU2NobG9zc19TY2hsb3NzcGxhdHpzcHJpbmdicnVubmVuX0p1YmlsYWV1dW1zc2FldWxlX1NjaGxvc3NwbGF0el9jX0p1bGlhbi1IZXJ6b2dfNF8wLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp"
1356                        srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL1N0dXR0Z2FydC9TdHV0dGdhcnRfTmV1ZXNfU2NobG9zc19TY2hsb3NzcGxhdHpzcHJpbmdicnVubmVuX0p1YmlsYWV1dW1zc2FldWxlX1NjaGxvc3NwbGF0el9jX0p1bGlhbi1IZXJ6b2dfNF8wLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL1N0dXR0Z2FydC9TdHV0dGdhcnRfTmV1ZXNfU2NobG9zc19TY2hsb3NzcGxhdHpzcHJpbmdicnVubmVuX0p1YmlsYWV1dW1zc2FldWxlX1NjaGxvc3NwbGF0el9jX0p1bGlhbi1IZXJ6b2dfNF8wLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w"
1357                sizes="(max-width: 768px) 100vw, 50vw" alt="Stuttgart Jubiläumssäule Schlossplatz | © Julian Herzog"
1358         loading="lazy"         decoding="async" title="Stuttgart Jubiläumssäule Schlossplatz | © Julian Herzog" />
1359
1360        
1361    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1362
1363        <div class=" text-[8px] text-white">
1364
1365                            Stuttgart Jubiläumssäule Schlossplatz
1366            
1367                            <span class="opacity-80"> | © Julian Herzog</span>
1368            
1369                            <span class="opacity-80">
1370                    | <a href="https://creativecommons.org/licenses/by/4.0/deed.en" target="_blank" class="underline">
1371                        CC BY 4.0
1372                    </a>
1373                </span>
1374            
1375        </div>
1376
1377    </div>
1378    
1379</div>
1380        </div>
1381    
1382    <div class="p-5">
1383                    <p class="mb-2 text-sm font-semibold text-skin-base">Dreigroschenoper, Kunstsammler und Mäzene im Ländle, Anselm Kiefer</p>
1384                <p class="text-sm leading-relaxed text-gray-700">
1385            Das „Ländle“ ist reich an hemdsärmeligen Tüftlern und Unternehmern. Einige davon sind jedoch auch leidenschaftliche Kunstsammler – und haben ihr Geld nicht nur in Kunst, sondern auch in beeindruckende Privatmuseen invest...
1386        </p>
1387
1388        <div class="mt-5 border-t border-gray-100 pt-4">
1389            <a href="https://theatergemeinde-koeln.org/reisen/461/kunst-kulturreisen/stuttgart-mit-theater-kunst-bei-wurth-ritter-sport"
1390                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RKu">
1391                Zum Programm
1392            </a>
1393        </div>
1394    </div>
1395</article>
1396                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
1397    <button type="button"
1398    class="merkliste-herz ist-auf-karte"
1399    data-merkliste-typ="reise"
1400    data-merkliste-id="463"
1401    data-merkliste-titel="Schönebecker Operettensommer auf der Freilichtbühne"
1402    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/463/kunst-kulturreisen/schonebecker-operettensommer-auf-der-freilichtbuhne"
1403    data-merkliste-korb="https://theatergemeinde-koeln.org/reisen/response/bestellen?ReiseNr=463"
1404    data-merkliste-zusatz="Freitag, 02. Juli 2027 – Montag, 05. Juli 2027"
1405    aria-pressed="false"
1406    aria-label="Auf die Merkliste">
1407    <svg viewBox="0 0 24 24" aria-hidden="true">
1408        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1409    </svg>
1410</button>
1411
1412    <div class="border-l-4 border-reisetyp_RKu bg-gray-50 p-5">
1413        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1414            Kunst & Kulturreisen
1415        </p>
1416        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1417            Schönebecker Operettensommer auf der Freilichtbühne
1418        </h3>
1419        <p class="mt-2 text-sm font-semibold text-gray-700">
1420            Freitag, 02. Juli 2027
1421                            – Montag, 05. Juli 2027
1422                    </p>
1423        <div class="mt-3 flex flex-wrap gap-2">
1424                                </div>
1425    </div>
1426
1427            <div class="relative h-52 w-full overflow-hidden">
1428            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1429
1430    
1431            <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hZ2RlYnVyZy9NYWdkZWJ1cmdfY19BZG9iZVN0b2NrXzM1NTczNTQzNS5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1432            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1433            aria-hidden="true" />
1434    
1435    
1436    <img class="absolute inset-0 h-full w-full object-cover object-center"
1437        src="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hZ2RlYnVyZy9NYWdkZWJ1cmdfY19BZG9iZVN0b2NrXzM1NTczNTQzNS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp"
1438                        srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hZ2RlYnVyZy9NYWdkZWJ1cmdfY19BZG9iZVN0b2NrXzM1NTczNTQzNS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vUmVpc2VuL01hZ2RlYnVyZy9NYWdkZWJ1cmdfY19BZG9iZVN0b2NrXzM1NTczNTQzNS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w"
1439                sizes="(max-width: 768px) 100vw, 50vw" alt="Magdeburg | © Adobe Stock"
1440         loading="lazy"         decoding="async" title="Magdeburg | © Adobe Stock" />
1441
1442        
1443    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1444
1445        <div class=" text-[8px] text-white">
1446
1447                            Magdeburg
1448            
1449                            <span class="opacity-80"> | © Adobe Stock</span>
1450            
1451            
1452        </div>
1453
1454    </div>
1455    
1456</div>
1457        </div>
1458    
1459    <div class="p-5">
1460                    <p class="mb-2 text-sm font-semibold text-skin-base">„Frau Luna“ mit der Mitteldeutsche Kammerphilharmonie</p>
1461                <p class="text-sm leading-relaxed text-gray-700">
1462            Der Schönebecker Operettensommer ist  das größte Operettenfestival seiner Art in Deutschland. Seit 1997 finden die Aufführungen jährlich auf der idyllischen Freilichtbühne statt. "Frau Luna" ist eine burlesk-phantastisch...
1463        </p>
1464
1465        <div class="mt-5 border-t border-gray-100 pt-4">
1466            <a href="https://theatergemeinde-koeln.org/reisen/463/kunst-kulturreisen/schonebecker-operettensommer-auf-der-freilichtbuhne"
1467                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RKu">
1468                Zum Programm
1469            </a>
1470        </div>
1471    </div>
1472</article>
1473            </div>
1474                </section>
1475                                
1476                            <section id="reise-typ-museumsfahrten-3" aria-labelledby="reise-typ-museumsfahrten-3-title" class="scroll-mt-36">
1477                    <div class="rounded-2xl bg-reisetyp_RMu/15 py-5 pr-6 shadow-sm md:py-6 md:pr-8">
1478                        <div class="flex flex-wrap items-center justify-between gap-3">
1479                            <h2 id="reise-typ-museumsfahrten-3-title"
1480                                class="font-header text-2xl font-bold text-reisetyp_RMu md:text-3xl">
1481                                Museumsfahrten
1482                            </h2>
1483                            <span class="rounded-full bg-white px-3 py-1 text-sm font-semibold text-gray-700 shadow-sm">
1484                                1 Reisen
1485                            </span>
1486                        </div>
1487                    </div>
1488
1489                    <div class="mt-6 grid gap-6 md:grid-cols-2 xl:grid-cols-3">
1490                    <article class="relative overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-gray-200">
1491    <button type="button"
1492    class="merkliste-herz ist-auf-karte"
1493    data-merkliste-typ="reise"
1494    data-merkliste-id="457"
1495    data-merkliste-titel="Maria Magdalena. Sin. Pray. Love"
1496    data-merkliste-url="https://theatergemeinde-koeln.org/reisen/457/museumsfahrten/maria-magdalena-sin-pray-love"
1497    data-merkliste-korb="https://theatergemeinde-koeln.org/reisen/response/bestellen?ReiseNr=457"
1498    data-merkliste-zusatz="Samstag, 09. Januar 2027"
1499    aria-pressed="false"
1500    aria-label="Auf die Merkliste">
1501    <svg viewBox="0 0 24 24" aria-hidden="true">
1502        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1503    </svg>
1504</button>
1505
1506    <div class="border-l-4 border-reisetyp_RMu bg-gray-50 p-5">
1507        <p class="text-xs font-semibold uppercase tracking-wide text-gray-600">
1508            Museumsfahrten
1509        </p>
1510        <h3 class="mt-1 font-serif text-xl font-bold leading-snug text-skin-base">
1511            Maria Magdalena. Sin. Pray. Love
1512        </h3>
1513        <p class="mt-2 text-sm font-semibold text-gray-700">
1514            Samstag, 09. Januar 2027
1515                    </p>
1516        <div class="mt-3 flex flex-wrap gap-2">
1517                                </div>
1518    </div>
1519
1520            <div class="relative h-52 w-full overflow-hidden">
1521            <div class="absolute inset-0 overflow-hidden bg-gray-800">
1522
1523    
1524            <img src="https://theatergemeinde-koeln.org/images/a29lbG4vR2VtYWVsZGUvQVVTU1RFTExVTkdFTiAyMDI2L01hcmlhTWFnZGFsZW5hX0F1c3N0ZWxsdW5nc3ZvcnNjaGF1X2NfU3RhZWRlbC1NdXNldW0uanBn/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp"
1525            class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300"
1526            aria-hidden="true" />
1527    
1528    
1529    <img class="absolute inset-0 h-full w-full object-cover object-center"
1530        src="https://theatergemeinde-koeln.org/images/a29lbG4vR2VtYWVsZGUvQVVTU1RFTExVTkdFTiAyMDI2L01hcmlhTWFnZGFsZW5hX0F1c3N0
1530ZWxsdW5nc3ZvcnNjaGF1X2NfU3RhZWRlbC1NdXNldW0uanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp"
1531                        srcset="https://theatergemeinde-koeln.org/images/a29lbG4vR2VtYWVsZGUvQVVTU1RFTExVTkdFTiAyMDI2L01hcmlhTWFnZGFsZW5hX0F1c3N0ZWxsdW5nc3ZvcnNjaGF1X2NfU3RhZWRlbC1NdXNldW0uanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vR2VtYWVsZGUvQVVTU1RFTExVTkdFTiAyMDI2L01hcmlhTWFnZGFsZW5hX0F1c3N0ZWxsdW5nc3ZvcnNjaGF1X2NfU3RhZWRlbC1NdXNldW0uanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w"
1532                sizes="(max-width: 768px) 100vw, 50vw" alt="Maria Magdalena. Sin. Pray. Love | © Städel Museum"
1533         loading="lazy"         decoding="async" title="Maria Magdalena. Sin. Pray. Love | © Städel Museum" />
1534
1535        
1536    <div class="absolute inset-x-0 bottom-0 z-20 bg-gradient-to-t from-black/70 to-transparent px-2 py-1 text-right">
1537
1538        <div class=" text-[8px] text-white">
1539
1540                            Maria Magdalena. Sin. Pray. Love
1541            
1542                            <span class="opacity-80"> | © Städel Museum</span>
1543            
1544            
1545        </div>
1546
1547    </div>
1548    
1549</div>
1550        </div>
1551    
1552    <div class="p-5">
1553                    <p class="mb-2 text-sm font-semibold text-skin-base">Städel Museum Frankfurt</p>
1554                <p class="text-sm leading-relaxed text-gray-700">
1555            Sie ist die Gefährtin Christi, Heilige und Sünderin, Sinnbild für Begehren und Buße – Maria Magdalena fasziniert seit Jahrhunderten durch ihre Widersprüchlichkeit. 
1556        </p>
1557
1558        <div class="mt-5 border-t border-gray-100 pt-4">
1559            <a href="https://theatergemeinde-koeln.org/reisen/457/museumsfahrten/maria-magdalena-sin-pray-love"
1560                class="btn btn-main inline-flex w-full items-center justify-center bg-reisetyp_RMu">
1561                Zum Programm
1562            </a>
1563        </div>
1564    </div>
1565</article>
1566            </div>
1567                </section>
1568                        </div>
1569    <div class="mt-12">
1570                                </div>
1571                </div>
1572
1573                            </div>
1574                                </div>
1575        
1576
1577        <div class="pt-8">
1578                    </div>
1579    </main>
1580    <footer>
1581        <footer class="footer from-skin-second via-skin-second to-skin-first bg-gradient-to-b">
1582    <div>
1583        <svg class="bg-skin-page fill-current text-skin-second" 
1584            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 320"
1585            xml:space="preserve">
1586            <path
1587                d="M0,256L40,261.3C80,267,160,277,240,288C320,299,400,309,480,309.3C560,309,640,299,720,288C800,277,880,267,960,250.7C1040,235,1120,213,1200,208C1280,203,1360,213,1400,218.7L1440,224L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z" />
1588        </svg>
1589
1590        <div class="container px-6 text-skin-inverted">
1591
1592            <div class="sm:mt-16 sm:flex">
1593
1594                <div class="mt-8 sm:mt-0 sm:w-2/3 sm:pl-16">
1595
1596                                            <div class="pb-6">
1597                            <a rel="nofollow" title="" target="_blank" href="https://www.facebook.com/theatergemeinde"
1598                                class="mr-3 flex items-center">
1599                                <div class="float-left mr-3 block h-8 w-8 fill-current align-middle">
1600                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
1601    <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
1602    <path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/>
1603</svg>
1604                                </div>
1605                                <span class="hover:underline">Folgen Sie uns auf Facebook</span>
1606                            </a>
1607                        </div>
1608                    
1609                                            <div class="pb-6">
1610                            <a rel="nofollow" title="" target="_blank" class="mt-8"
1611                                href="https://www.instagram.com/theatergemeinde_koeln/" class="mr-3 flex items-center">
1612                                <div class="float-left mr-3 block h-8 w-8 fill-current align-middle">
1613                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
1614    <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
1615    <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
1616</svg>
1617
1618                                </div>
1619                                <span class="hover:underline">Folgen Sie uns auf Instagram</span>
1620                            </a>
1621                        </div>
1622                    
1623                                        <div class="flex flex-col text-white lg:mt-20">
1624                        <div class="md:flex">
1625                            <ul class="flex-1">
1626                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/kontakt"
1627                                        class="hover:underline">Kontakt</a>
1628                                </li>
1629                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/wir?Kategorie=H%C3%A4ufige%20Fragen&Kategorietyp=2&JTG=0"
1630                                        class="hover:underline">FAQ</a></li>
1631                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/newsletter/anmeldung"
1632                                        class="hover:underline">Newsletter</a></li>
1633                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/newsletter/abmeldung"
1634                                        class="hover:underline">Newsletter abmelden</a></li>
1635                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/agb"
1636                                        class="hover:underline">Allgemeine
1637                                        Gesch&auml;ftsbedingungen</a></li>
1638                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/impressum"
1639                                        class="hover:underline">Impressum</a>
1640                                </li>
1641                                <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/datenschutz"
1642                                        class="hover:underline">Datenschutz</a>
1643                                </li>
1644                                                                                                    <li class="mb-1"><a title=""
1645                                            href="https://theatergemeinde-koeln.org/rheinkultur/7121/erklarung-zur-barrierefreiheit"
1646                                            class="hover:underline">Erklärung zur Barrierefreiheit</a>
1647                                    </li>
1648                                                            </ul>
1649                            <ul class="flex-1">
1650                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
1651                                            <li class="mb-1">
1652                                                <a class="hover:underline"
1653                                                    href="/kulturprogramme?Kategorie=Unsere+Kulturprogramme&Kategorietyp=2&JTG=0">
1654                                                    Unsere Kulturprogramme
1655                                                </a>
1656                                            </li>
1657                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
1658                                            <li class="mb-1">
1659                                                <a class="hover:underline"
1660                                                    href="/reisen?Kategorie=Unsere+Reisen&Kategorietyp=2&JTG=0">
1661                                                    Unsere Reisen
1662                                                </a>
1663                                            </li>
1664                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
1665                                            <li class="mb-1">
1666                                                <a class="hover:underline"
1667                                                    href="/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&Kategorietyp=2&JTG=0?Kategorie=RHEINKULTUR+-+Das+Kultur-Magazin&Kategorietyp=2&JTG=0">
1668                                                    RHEINKULTUR - Das Kultur-Magazin
1669                                                </a>
1670                                            </li>
1671                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
1672                                            <li class="mb-1">
1673                                                <a class="hover:underline"
1674                                                    href="/Kulturkompass?Kategorie=KulturKompassKöln - Der Kulturführer&Kategorietyp=2&JTG=0?Kategorie=KulturKompassK%C3%B6ln+-+Der+Kulturf%C3%BChrer&Kategorietyp=2&JTG=0">
1675                                                    KulturKompassKöln - Der Kulturführer
1676                                                </a>
1677                                            </li>
1678                                                                             
1678                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
1679                                            <li class="mb-1">
1680                                                <a class="hover:underline"
1681                                                    href="/wir?Kategorie=Ihre+Vorteile&Kategorietyp=2&JTG=0">
1682                                                    Ihre Vorteile
1683                                                </a>
1684                                            </li>
1685                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
1686                                            <li class="mb-1">
1687                                                <a class="hover:underline"
1688                                                    href="/wir?Kategorie=H%C3%A4ufige+Fragen&Kategorietyp=2&JTG=0">
1689                                                    Häufige Fragen
1690                                                </a>
1691                                            </li>
1692                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
1693                                            <li class="mb-1">
1694                                                <a class="hover:underline"
1695                                                    href="/wir?Kategorie=%C3%9Cber+uns&Kategorietyp=2&JTG=0">
1696                                                    Über uns
1697                                                </a>
1698                                            </li>
1699                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
1700                                            <li class="mb-1">
1701                                                <a class="hover:underline"
1702                                                    href="/wir?Kategorie=Unser+Team&Kategorietyp=2&JTG=0">
1703                                                    Unser Team
1704                                                </a>
1705                                            </li>
1706                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
1707                                            <li class="mb-1">
1708                                                <a class="hover:underline"
1709                                                    href="/wir?Kategorie=Die+K%C3%BCnstlerischen+Beir%C3%A4te&Kategorietyp=2&JTG=0">
1710                                                    Die Künstlerischen Beiräte
1711                                                </a>
1712                                            </li>
1713                                                                                                                                                                                                                                                                                                                                                                                                    
1714                                            <li class="mb-1">
1715                                                <a class="hover:underline"
1716                                                    href="/wir?Kategorie=Der+Puck&Kategorietyp=2&JTG=0">
1717                                                    Der Puck
1718                                                </a>
1719                                            </li>
1720                                                                                                                                                                                                                                                                                                                        
1721                                            <li class="mb-1">
1722                                                <a class="hover:underline"
1723                                                    href="/wir?Kategorie=Partner+%26+Links&Kategorietyp=2&JTG=0">
1724                                                    Partner & Links
1725                                                </a>
1726                                            </li>
1727                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
1728                        </div>
1729                    </div>
1730
1731                </div>
1732
1733                <div class="mt-16 flex flex-col text-white sm:mt-0 sm:w-1/3 sm:pr-16">
1734                    <div class="mb-3">
1735                        <span class="mb-2 font-bold">Theatergemeinde KÖLN</span><br>
1736                        Auf dem Berlich 34<br>
1737                        50667 Köln<br>
1738                        0221 92 57 420<br>
1739                        [email protected]
1740                    </div>
1741                    <section>
1742                        <div class="my-8">
1743    <h2>&Ouml;ffnungszeiten</h2>
1744    <p>Unser Service-Center ist zu folgenden Zeiten ge&ouml;ffnet</p>
1745    <table class="my-5 w-full ">
1746       
1747        <tbody class="text-white">
1748
1749                        <tr class="  border-white">
1750                    <td class="">Montag </td>
1751                                        <td class=""> 10:00 Uhr - 16:00 Uhr</td>
1752                                        
1753                </tr>
1754                        <tr class="  border-white">
1755                    <td class="">Dienstag </td>
1756                                        <td class=""> 10:00 Uhr - 14:00 Uhr</td>
1757                                        
1758                </tr>
1759                        <tr class="  border-white">
1760                    <td class="">Mittwoch </td>
1761                                        <td class=""> 10:00 Uhr - 14:00 Uhr</td>
1762                                        
1763                </tr>
1764                        <tr class="  border-white">
1765                    <td class="">Donnerstag </td>
1766                                        <td class=""> 10:00 Uhr - 16:00 Uhr</td>
1767                                        
1768                </tr>
1769                        <tr class="  border-white">
1770                    <td class="">Freitag </td>
1771                                        <td class=""> 10:00 Uhr - 13:00 Uhr</td>
1772                                        
1773                </tr>
1774                        </tbody>
1775    </table>
1776</div>
1777
1778                    </section>
1779                </div>
1780            </div>
1781        </div>
1782        <div class="container mx-auto px-6 pb-16 md:pb-4">
1783            <div class="mt-16 flex flex-col items-center border-t border-white">
1784                <div class="py-6 text-center sm:w-2/3">
1785                    <p class="mb-2 text-sm text-white">&copy;
1786                        2026 | Theatergemeinde KÖLN |
1787                        2026/27 |
1788                                                Letzte
1789                        Aktualisierung: Freitag, 09. Oktober 2026, 18:30 Uhr</p>
1790                </div>
1791            </div>
1792        </div>
1793    </div>
1794</footer>
1795        <div class="fixed bottom-0 z-30 block w-full lg:hidden">
1796            <div class="h-16 bg-white bg-opacity-85 text-skin-second sm:block">
1797    <div class="container">
1798        <nav aria-label="Kurznavigation mobil">
1799        <ul class="flex-wrapper flex justify-start">
1800            <li class="hover:bg-skin-nav-hover hover:text-skin-inverted">
1801                <a href="https://theatergemeinde-koeln.org/merkliste" data-merkliste-link aria-label="Merkliste" class="relative flex px-6 py-6">
1802                    <svg data-merkliste-navherz class="inline-block h-6 w-6 align-middle" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1803                        <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
1804                    </svg>
1805                    <span data-merkliste-anzahl class="absolute z-30 -mt-3 ml-4 flex h-6 w-6 items-center justify-center rounded-full bg-skin-second text-xs text-skin-inverted">0</span>
1806                </a>
1807            </li>
1808            <li class="hover:bg-skin-nav-hover hover:text-skin-inverted">
1809                <a href="https://theatergemeinde-koeln.org/warenkorb" aria-label="Warenkorb" class="relative flex px-6 py-6">
1810                    <svg class="inline-block h-6 w-6 fill-current align-middle" xmlns="http://www.w3.org/2000/svg"
1811                        xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
1812                        viewBox="0 0 576 512">
1813                        <path
1814                            d="M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.883l70.248 343.435C147.325 417.1 136 435.222 136 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-15.674-6.447-29.835-16.824-40h209.647C430.447 426.165 424 440.326 424 456c0 30.928 25.072 56 56 56s56-25.072 56-56c0-22.172-12.888-41.332-31.579-50.405l5.517-24.276c3.413-15.018-8.002-29.319-23.403-29.319H218.117l-6.545-32h293.145c11.206 0 20.92-7.754 23.403-18.681z" />
1815                    </svg>
1816                    <span
1817                        class="absolute z-30 -mt-3 ml-4 flex h-6 w-6 items-center justify-center rounded-full bg-skin-second text-xs text-skin-inverted">0</span>
1818                </a>
1819            </li>
1820            <li class="hover:bg-skin-nav-hover hover:text-skin-inverted">
1821                <a href="https://theatergemeinde-koeln.org/tg/login?Kategorie=Login&Kategorietyp=2&JTG=0" class="relative block px-4 py-6 text-sm">
1822                    <svg class="float-left block h-6 w-6 fill-current align-middle" xmlns="http://www.w3.org/2000/svg"
1823                        xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
1824                        style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
1825                        preserveAspectRatio="xMidYMid meet" viewBox="0 0 1280 1536">
1826                        <path
1827                            d="M1280 1271q0 109-62.5 187t-150.5 78H213q-88 0-150.5-78T0 1271q0-85 8.5-160.5t31.5-152t58.5-131t94-89T327 704q131 128 313 128t313-128q76 0 134.5 34.5t94 89t58.5 131t31.5 152t8.5 160.5zm-256-887q0 159-112.5 271.5T640 768T368.5 655.5T256 384t112.5-271.5T640 0t271.5 112.5T1024 384z" />
1828                    </svg>
1829                </a>
1830            </li>
1831            <li class="hover:bg-skin-nav-hover hover:text-skin-inverted">
1832                <button type="button" @click="$store.modal.openById('searchForm')" aria-haspopup="dialog"
1833                    aria-label="Suche öffnen"
1834                    :aria-expanded="$store.modal.open && $store.modal.targetId === 'searchForm' ? 'true' : 'false'"
1835                    class="relative block px-4 py-6 text-sm lg:text-base">
1836                    <svg class="h5 block w-5 fill-current align-middle" xmlns="http://www.w3.org/2000/svg"
1837                        xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
1838                        preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512">
1839                        <path
1840                            d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128c0-70.7 57.2-128 128-128c70.7 0 128 57.2 128 128c0 70.7-57.2 128-128 128z" />
1841                    </svg>
1842                </button>
1843            </li>
1844        </ul>
1845        </nav>
1846    </div>
1847</div>
1848        </div>
1849    </footer>
1850    
1851    <style>
1852        h1, h2, h3, h4, h5, h6 {
1853            max-width: 100%;
1854            overflow-wrap: anywhere;
1855        }
1856        .field {
1857            box-sizing: border-box;
1858            max-width: 100%;
1859            min-width: 0;
1860        }
1861        form .flex > .w-full {
1862            min-width: 0;
1863            max-width: 100%;
1864        }
1865        @media (max-width: 767px) {
1866            #scrollButton {
1867                right: 0.75rem;
1868                padding: 0.4rem;
1869            }
1870            #scrollButton svg {
1871                width: 1.35rem;
1872                height: 1.35rem;
1873            }
1874        }
1875    </style>
1876    <div id="scrollButton"
1877        class="fixed bottom-16 right-6 z-50 hidden translate-y-2 transform rounded-full border border-skin-second bg-white p-3 opacity-0 shadow-xl transition transition-opacity duration-300 ease-in md:bottom-12">
1878        <button type="button" class="cursor-pointer bg-transparent p-0" style="border: 0" aria-label="Nach oben scrollen">
1879            <svg class="h-12 w-12 fill-current" version="1.0" xmlns="http://www.w3.org/2000/svg"
1880                viewBox="0 0 1280.000000 1280.000000" preserveAspectRatio="xMidYMid meet">
1881                <g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)" fill="">
1882                    <path d="M6288 11770 c-172 -21 -372 -107 -511 -220 -40 -32 -786 -773 -1659
1883-1647 -1716 -1718 -1653 -1651 -1729 -1835 -55 -132 -73 -227 -72 -383 0 -119
18844 -155 27 -240 171 -648 919 -938 1482 -573 64 41 221 193 836 807 l758 755 3
1885-3289 2 -3290 22 -80 c113 -417 441 -702 855 -744 519 -52 984 310 1063 829
188613 81 15 556 15 3335 l0 3240 758 -757 c808 -807 820 -818 987 -887 140 -59
1887215 -74 375 -75 195 -1 330 32 487 120 507 283 652 940 315 1424 -48 70 -3156
18883189 -3273 3285 -72 60 -217 144 -291 169 -157 53 -317 73 -450 56z" />
1889                </g>
1890            </svg>
1891        </button>
1892    </div>
1893
1894    
1895    
1896
1897
1898    </div>
1899    <!-- TEMPLATE Modal Searchform-->
1900    <div id="searchForm" class="hidden">
1901        <div class="mb-6 w-full text-skin-second">
1902    <h1 class="mb-4">Was suchen Sie?</h1>
1903    <h2>Sie suchen eine bestimmte Veranstaltung?</h2>
1904    <div class="my-6 grid grid-cols-1 gap-4 md:grid-cols-3 xl:grid-cols-4">
1905        <div>
1906            <a type="button" class="btn btn-main lg:text-normal-case text-sm" href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0">
1907                zur Eventsuche
1908            </a>
1909        </div>
1910        <div>
1911            <a type="button" class="btn btn-main <!--bg-kat_Op--> bg-skin-second text-sm" href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Oper">
1912                Opern-Events
1913            </a>
1914        </div>
1915        <div>
1916            <a type="button" class="btn btn-main <!--bg-kat_Sc--> bg-skin-second text-sm"
1917                href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Schauspiel">
1918                Schauspiel-Events
1919            </a>
1920        </div>
1921        <div>
1922            <a type="button" class="btn btn-main <!--bg-kat_Ki--> bg-skin-second text-sm"
1923                href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Kinderst%C3%BCck">
1924                Kinder-Events
1925            </a>
1926        </div>
1927        <div>
1928            <a type="button" class="btn btn-main <!--bg-kat_Ko--> bg-skin-second text-sm"
1929                href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Konzert">
1930                Konzert-Events
1931            </a>
1932        </div>
1933
1934        <div>
1935            <a type="button" class="btn btn-main <!--bg-kat_Ka--> bg-skin-second text-sm"
1936                href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Kabarett%2FComedy">
1937                Kabarett & Co
1938            </a>
1939        </div>
1940    </div>
1941    <h2>Sie suchen bestimmte Angebote der Theatergemeinde KÖLN</h2>
1942    <div class="my-6 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
1943        <div>
1944            <a type="button" class="btn btn-main lg:text-normal-case bg-skin-second text-sm"
1945                href="https://theatergemeinde-koeln.org/kulturprogramme?Kategorie=Unsere%20Kulturprogramme%20&Kategorietyp=2&JTG=0">
1946                Unsere Kulturprogramme
1947            </a>
1948        </div>
1949        <div>
1950            <a type="button" class="btn btn-main bg-skin-second text-sm" href="https://theatergemeinde-koeln.org/reisen?Kategorie=Unsere%20Reisen&Kategorietyp=2&JTG=0">
1951                Unsere Reisen
1952            </a>
1953        </div>
1954        <div>
1955            <a type="button" class="btn btn-main bg-skin-second text-sm"
1956                href="https://theatergemeinde-koeln.org/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&amp;Kategorietyp=2&amp;JTG=0">
1957                Aktuelles & News
1958            </a>
1959        </div>
1960        <div>
1961            <a type="button" class="btn btn-main bg-skin-second text-sm" href="https://theatergemeinde-koeln.org/jtg?Kategorie=Die%20JTG&Kategorietyp=2&JTG=1">
1962                Die Junge Theatergemeinde
1963            </a>
1964        </div>
1965        <div>
1966            <a type="button" class="btn btn-main bg-skin-second text-sm" href="https://theatergemeinde-koeln.org/Kulturkompass?Kategorie=KulturKompassK%26ouml%3Bln%20-%20Der%20Kulturf%26uuml%3Bhrer&Kategorietyp=2&JTG=0">
1967                Der Kulturführer 2026/27
1968            </a>
1969        </div>
1970
1971    </div>
1972    
1973</div>
1974    </div>
1975    <!-- TEMPLATE Modal Searchform-->
1976    <div id="modalLogin" class="hidden">
1977        <h1 class="text-skin-second my-5">Login</h1>
1978    
1979    <form method="POST" action="https://theatergemeinde-koeln.org/tg/login" class="'w-full mt-5 max-w-xl" aria-label="Login"
1980        accept-charset="UTF-8">
1981        <input type="hidden" name="_token" value="ZcI0gwYQImSQh5PBUfm7day20J25lL0ulUBBOKKQ" autocomplete="off">                <input type="hidden" name="current_page" value="/reisen?Kategorietyp=2&amp;JTG=0&amp;Kategorie=Unsere+Reisen">
1982        <input type="hidden" name="scroll_target" id="login-scroll-target" value="">
1983        <div class="mb-6 flex flex-wrap">
1984            
1985            <div class="field-group mb-6 w-full px-3 md:mb-0 md:w-1/2">
1986            <label for="id_KundenNr" class="field-label">
1987            Mitglieds-Nummer*
1988                            <span class="sr-only"> (Pflichtfeld)</span>
1989                    </label>
1990            <input type="text" id="id_KundenNr" name="KundenNr" value=""
1991        placeholder=""  required aria-required="true"                  autocomplete="username"         aria-invalid="false"
1992                class="field" autofocus="autofocus" />
1993    </div>
1994
1995        </div>
1996        <div class="mb-6 flex flex-wrap">
1997            <div class="field-group mb-6 w-full px-3 md:mb-0 md:w-1/2">
1998            <label for="password_password" class="field-label">
1999            Passwort*
2000                            <span class="sr-only"> (Pflichtfeld)</span>
2001                    </label>
2002            <input type="password" id="password_password" name="password" value=""
2003        placeholder=""  required aria-required="true"                  autocomplete="current-password"         aria-invalid="false"
2004                class="field" />
2005    </div>
2006        </div>
2007
2008        <div class="form-group row mb-0">
2009            <div class="col-md-8 offset-md-4">
2010                <button type="submit" class="btn btn-main">Login</button>
2011            </div>
2012            <div class="text-skin-second mt-8">
2013                <p>Sie haben Ihr <a class="transi-500 text-skin-first underline" type="button"
2014                        href="https://theatergemeinde-koeln.org/tg/pwvergessen">Passwort vergessen</a>?</p>
2015                <p> Sie m&ouml;chten Sich f&uuml;r unseren Online-Service <a class="transi-500 text-skin-first underline"
2016                        type="button" href="https://theatergemeinde-koeln.org/tg/register">registrieren</a>?</p>
2017            </div>
2018        </div>
2019    </form>
2020    
2021    
2021<script>
2022        window.setLoginScrollTarget = function(veranstaltungsNr) {
2023            const input = document.getElementById('login-scroll-target');
2024            if (!input) return;
2025            const value = String(veranstaltungsNr || '').trim();
2026            input.value = value !== '' ? ('termin-' + value) : '';
2027            window.sucheBeimLoginMerken();
2028        };
2029        window.sucheBeimLoginMerken = function() {
2030            const pfad = window.location.pathname.replace(/\/+$/, '');
2031            if (pfad === '/tg/login') return;
2032            const seite = window.location.pathname + window.location.search;
2033            document.querySelectorAll('input[name="current_page"]').forEach(function(feld) {
2034                feld.value = seite;
2035            });
2036        };
2037        document.addEventListener('submit', function(event) {
2038            const form = event.target;
2039            if (!form || !form.querySelector || !form.querySelector('input[name="current_page"]') || !form.querySelector('input[name="password"]')) return;
2040            window.sucheBeimLoginMerken();
2041        }, true);
2042        document.addEventListener('click', function(event) {
2043            if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
2044            const link = event.target.closest && event.target.closest('a[href]');
2045            if (!link) return;
2046            let url;
2047            try { url = new URL(link.href, window.location.origin); } catch (e) { return; }
2048            if (url.origin !== window.location.origin || url.pathname.replace(/\/+$/, '') !== '/tg/login') return;
2049            if (window.location.pathname.replace(/\/+$/, '') === '/tg/login') return;
2050            event.preventDefault();
2051            url.searchParams.set('zurueck', window.location.pathname + window.location.search);
2052            window.location.href = url.toString();
2053        }, true);
2054    </script>
2054
2055
2056    </div>
2057
2058    <div x-cloak x-show="$store.ui.sidenavOpen" x-transition.opacity class="fixed inset-0 z-40 bg-black/50"
2059        aria-hidden="true" tabindex="-1" @click="$store.ui.close()"></div>
2060    <div x-cloak x-show="$store.modal.open" x-transition.opacity id="a11y-modal-root"
2061    class="fixed inset-0 z-50 flex bg-black/50" role="dialog" aria-modal="true"
2062    :aria-label="$store.modal.dialogLabel()" @click.self="$store.modal.close()"
2063    @keydown.escape.window="$store.modal.close()">
2064
2065    <!-- DEFAULT MODAL -->
2066    <div x-show="$store.modal.layout === 'default'"
2067        class="relative m-auto w-11/12 max-w-4xl rounded-lg bg-white shadow-lg">
2068        <button type="button" data-a11y-modal-close class="absolute right-4 top-2 rounded px-2 py-1 hover:bg-gray-100"
2069            aria-label="Dialog schließen" @click="$store.modal.close()">
2070            <span aria-hidden="true">✕</span>
2071        </button>
2072
2073        <div class="p-8" x-html="$store.modal.html">
2074        </div>
2075    </div>
2076
2077    <!-- FULLSCREEN MODAL -->
2078    <div x-show="$store.modal.layout === 'fullscreen'" class="relative h-full w-full overflow-y-auto bg-white">
2079        <button type="button" data-a11y-modal-close
2080            class="absolute right-4 top-2 z-10 rounded px-2 py-1 hover:bg-gray-100" aria-label="Dialog schließen"
2081            @click="$store.modal.close()">
2082            <span aria-hidden="true">✕</span>
2083        </button>
2084
2085        <div class="p-10" x-html="$store.modal.html">
2086        </div>
2087    </div>
2088
2089    <!-- SIDE MODAL (links reinfahrend) -->
2090    <div x-show="$store.modal.layout === 'side'" x-transition:enter="transition transform duration-300"
2091        x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0"
2092        x-transition:leave="transition transform duration-300" x-transition:leave-start="translate-x-0"
2093        x-transition:leave-end="-translate-x-full"
2094        class="fixed left-0 top-0 z-50 h-full w-11/12 overflow-y-auto bg-white p-4 shadow-xl md:w-1/2 md:p-12">
2095        <button type="button" data-a11y-modal-close
2096            class="absolute right-4 top-4 rounded px-2 py-1 hover:bg-gray-100" aria-label="Dialog schließen"
2097            @click="$store.modal.close()">
2098            <span aria-hidden="true">✕</span>
2099        </button>
2100        <template x-if="$store.modal.loading">
2101            <p>Lade...</p>
2102        </template>
2103        <template x-if="!$store.modal.loading">
2104            <div class="relative mt-6 md:rounded-xl md:p-12 md:shadow-lg" x-html="$store.modal.html">
2105            </div>
2106        </template>
2107    </div>
2108
2109</div>
2110
2111</body>
2112
2113<script src="https://theatergemeinde-koeln.org/js/swiper-bundle.min.js"></script>
2113
2114<style>
2115    .merkliste-herz {
2116        display: inline-flex;
2117        align-items: center;
2118        justify-content: center;
2119        width: 2.25rem;
2120        height: 2.25rem;
2121        margin: 0;
2122        padding: 0;
2123        border: 0;
2124        border-radius: 999px;
2125        background: #fff;
2126        color: var(--color-first);
2127        box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
2128        cursor: pointer;
2129    }
2130    .merkliste-herz svg {
2131        width: 1.15rem;
2132        height: 1.15rem;
2133        fill: none;
2134        stroke: currentColor;
2135        stroke-width: 2;
2136    }
2137    .merkliste-herz[aria-pressed="true"] svg {
2138        fill: currentColor;
2139    }
2140    .merkliste-herz.ist-auf-karte {
2141        position: absolute;
2142        top: 0.55rem;
2143        right: 0.55rem;
2144        z-index: 5;
2145    }
2146    .merkliste-herz.ist-auf-karte.ist-links {
2147        right: auto;
2148        left: 0.55rem;
2149    }
2150    .merkliste-zeile {
2151        display: flex;
2152        align-items: flex-start;
2153        gap: 0.75rem;
2154    }
2155    .merkliste-zeile .merkliste-text {
2156        min-width: 0;
2157        flex: 1 1 auto;
2158    }
2159    @media (max-width: 767px) {
2160        .merkliste-zeile {
2161            display: grid;
2162            grid-template-columns: auto minmax(0, 1fr);
2163            align-items: start;
2164        }
2165        .merkliste-zeile .merkliste-bestellen {
2166            grid-column: 1 / -1;
2167            justify-self: start;
2168        }
2169    }
2170</style>
2171<script>
2172    (function () {
2173        var speicher = 'tg-merkliste';
2174        var angemeldet = false;
2175        var typName = { reise: 'Reise', abo: 'Abo', termin: 'Termin' };
2176        var korbBasis = {
2177            termin: "\/Kulturkompass\/response\/preise\/",
2178            abo: "\/kulturprogramme\/response\/bestellen",
2179            reise: "\/reisen\/response\/bestellen"        };
2180        var standUrl = "https:\/\/theatergemeinde-koeln.org\/merkliste\/stand";
2181        var standCache = null;
2182        var standBereit = false;
2183        var standLauf = 0;
2184
2185        function lesen() {
2186            try {
2187                var roh = JSON.parse(localStorage.getItem(speicher) || '{}');
2188                return roh && typeof roh === 'object' && !Array.isArray(roh) ? roh : {};
2189            } catch (fehler) {
2190                return {};
2191            }
2192        }
2193
2194        function schreiben(liste) {
2195            localStorage.setItem(speicher, JSON.stringify(liste));
2196        }
2197
2198        function sichereUrl(url) {
2199            var wert = String(url || '').trim();
2200            if (!wert) {
2201                return '';
2202            }
2203            if (wert.charAt(0) === '/' && wert.charAt(1) !== '/') {
2204                return wert;
2205            }
2206            try {
2207                var geparst = new URL(wert, window.location.origin);
2208                if (geparst.origin !== window.location.origin) {
2209                    return '';
2210                }
2211                return geparst.pathname + geparst.search;
2212            } catch (fehler) {
2213                return '';
2214            }
2215        }
2216
2217        function korbZiel(eintrag) {
2218            if (Object.prototype.hasOwnProperty.call(eintrag, 'korb')) {
2219                return sichereUrl(eintrag.korb || '');
2220            }
2221            var id = String(eintrag.id || '');
2222            if (!id) {
2223                return '';
2224            }
2225            if (eintrag.typ === 'termin') {
2226                return korbBasis.termin + encodeURIComponent(id);
2227            }
2228            if (eintrag.typ === 'reise') {
2229                return korbBasis.reise + '?ReiseNr=' + encodeURIComponent(id);
2230            }
2231            if (eintrag.typ === 'abo') {
2232                var teile = id.split('|');
2233                if (teile.length < 3) {
2234                    return '';
2235                }
2236                return korbBasis.abo
2237                    + '?AboArt=' + encodeURIComponent(teile[0])
2238                    + '&AboRing=' + encodeURIComponent(teile[1])
2239                    + '&Spielzeit=' + encodeURIComponent(teile.slice(2).join('|'));
2240            }
2241            return '';
2242        }
2243
2244        function seiteZeichnen(liste) {
2245            var listeEl = document.getElementById('merkliste-liste');
2246            var leer = document.getElementById('merkliste-leer');
2247            if (!listeEl) {
2248                return;
2249            }
2250            listeEl.replaceChildren();
2251            var eintraege = Object.keys(liste).map(function (key) { return liste[key]; });
2252            if (leer) {
2253                leer.hidden = eintraege.length > 0;
2254            }
2255            eintraege.forEach(function (eintrag) {
2256                var zeile = document.createElement('li');
2257                zeile.className = 'merkliste-zeile rounded-xl border border-gray-200 bg-white p-4 shadow-sm';
2258                var herz = document.createElement('button');
2259                herz.type = 'button';
2260                herz.className = 'merkliste-herz';
2261                herz.setAttribute('data-merkliste-typ', eintrag.typ || '');
2262                herz.setAttribute('data-merkliste-id', eintrag.id || '');
2263                herz.setAttribute('data-merkliste-titel', eintrag.titel || '');
2264                herz.setAttribute('data-merkliste-url', eintrag.url || '');
2265                herz.setAttribute('data-merkliste-korb', eintrag.korb || '');
2266                herz.setAttribute('data-merkliste-zusatz', eintrag.zusatz || '');
2267                herz.setAttribute('aria-pressed', 'true');
2268                herz.setAttribute('aria-label', 'Von der Merkliste nehmen');
2269                herz.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path></svg>';
2270                var text = document.createElement('div');
2271                text.className = 'merkliste-text';
2272                var art = document.createElement('p');
2273                art.className = 'text-xs font-bold uppercase';
2274                art.style.color = 'var(--color-first)';
2275                art.textContent = typName[eintrag.typ] || 'Eintrag';
2276                var titel = document.createElement('p');
2277                titel.className = 'font-serif text-xl font-bold text-skin-first';
2278                titel.textContent = eintrag.titel || 'Ohne Titel';
2279                var zusatz = null;
2280                if (eintrag.zusatz) {
2281                    zusatz = document.createElement('p');
2282                    zusatz.className = 'text-sm text-black';
2283                    zusatz.textContent = eintrag.zusatz;
2284                }
2285                var ziel = sichereUrl(eintrag.url);
2286                if (ziel) {
2287                    var link = document.createElement('a');
2288                    link.href = ziel;
2289                    link.className = 'block hover:underline';
2290                    link.appendChild(titel);
2291                    if (zusatz) {
2292                        link.appendChild(zusatz);
2293                    }
2294                    text.appendChild(art);
2295                    text.appendChild(link);
2296                } else {
2297                    text.appendChild(art);
2298                    text.appendChild(titel);
2299                    if (zusatz) {
2300                        text.appendChild(zusatz);
2301                    }
2302                }
2303                zeile.appendChild(herz);
2304                zeile.appendChild(text);
2305                var schluessel = (eintrag.typ || '') + ':' + (eintrag.id || '');
2306                var korb = korbZiel(eintrag);
2307                var hinweisText = '';
2308                if (!standBereit) {
2309                    korb = '';
2310                } else if (standCache && Object.prototype.hasOwnProperty.call(standCache, schluessel)) {
2311                    if (!standCache[schluessel].buchbar) {
2312                        korb = '';
2313                        hinweisText = standCache[schluessel].hinweis || 'Nicht mehr verfügbar';
2314                    }
2315                } else if (standCache) {
2316                    korb = '';
2317                    hinweisText = 'Nicht mehr verfügbar';
2318                }
2319                if (hinweisText) {
2320                    var hinweis = document.createElement('p');
2321                    hinweis.className = 'mt-1 text-sm font-semibold text-black';
2322                    hinweis.textContent = hinweisText;
2323                    text.appendChild(hinweis);
2324                }
2325                if (korb) {
2326                    var bestellen = document.createElement('button');
2327                    bestellen.type = 'button';
2328                    bestellen.className = 'btn btn-main merkliste-bestellen';
2329                    bestellen.setAttribute('data-merkliste-bestellen', korb);
2330                    bestellen.setAttribute('data-merkliste-korb-typ', eintrag.typ || '');
2331                    bestellen.setAttribute('data-merkliste-korb-id', eintrag.id || '');
2332                    bestellen.textContent = (eintrag.typ === 'termin' && !angemeldet) ? 'Zum Bestellen anmelden' : 'In den Warenkorb';
2333                    zeile.appendChild(bestellen);
2334                }
2335                listeEl.appendChild(zeile);
2336            });
2337        }
2338
2339        window.merklisteAktualisieren = function (wurzel) {
2340            var liste = lesen();
2341            var bereich = wurzel && wurzel.querySelectorAll ? wurzel : document;
2342            bereich.querySelectorAll('.merkliste-herz').forEach(function (knopf) {
2343                var key = knopf.dataset.merklisteTyp + ':' + knopf.dataset.merklisteId;
2344                var an = Object.prototype.hasOwnProperty.call(liste, key);
2345                knopf.setAttribute('aria-pressed', an ? 'true' : 'false');
2346                knopf.setAttribute('aria-label', an ? 'Von der Merkliste nehmen' : 'Auf die Merkliste');
2347            });
2348            var anzahl = Object.keys(liste).length;
2349            document.querySelectorAll('[data-merkliste-anzahl]').forEach(function (el) {
2350                el.textContent = String(anzahl);
2351            });
2352            document.querySelectorAll('[data-merkliste-link]').forEach(function (el) {
2353                el.setAttribute('aria-label', anzahl > 0 ? ('Merkliste, ' + anzahl + (anzahl === 1 ? ' Eintrag' : ' Einträge')) : 'Merkliste');
2354            });
2355            document.querySelectorAll('[data-merkliste-navherz]').forEach(function (svg) {
2356                svg.setAttribute('fill', anzahl > 0 ? 'currentColor' : 'none');
2357            });
2358            var seite = document.getElementById('merkliste-liste');
2359            if (!wurzel || wurzel === document || (seite && wurzel.contains && wurzel.contains(seite))) {
2360                seiteZeichnen(liste);
2361                standNachladen(liste);
2362            }
2363        };
2364
2365        function standNachladen(liste) {
2366            if (!document.getElementById('merkliste-liste')) {
2367                return;
2368            }
2369            var lauf = ++standLauf;
2370            var eintraege = Object.keys(liste).map(function (key) {
2371                return { typ: liste[key].typ || '', id: liste[key].id || '' };
2372            });
2373            if (!eintraege.length) {
2374                standBereit = true;
2375                standCache = {};
2376                seiteZeichnen(liste);
2377                return;
2378            }
2379            var tokenFeld = document.querySelector('meta[name="csrf-token"]');
2380            var token = tokenFeld ? tokenFeld.getAttribute('content') : '';
2381            if (!token) {
2382                standBereit = true;
2383                standCache = null;
2384                seiteZeichnen(liste);
2385                return;
2386            }
2387            fetch(standUrl, {
2388                method: 'POST',
2389                headers: {
2390                    'Content-Type': 'application/json',
2391                    'Accept': 'application/json',
2392                    'X-CSRF-TOKEN': token,
2393                    'X-Requested-With': 'XMLHttpRequest'
2394                },
2395                body: JSON.stringify({ eintraege: eintraege })
2396            }).then(function (antwort) {
2397                if (!antwort.ok) {
2398                    throw new Error('stand');
2399                }
2400                return antwort.json();
2401            }).then(function (daten) {
2402                if (lauf !== standLauf) {
2403                    return;
2404                }
2405                standBereit = true;
2406                standCache = daten && typeof daten === 'object' && !Array.isArray(daten) ? daten : {};
2407                seiteZeichnen(lesen());
2408            }).catch(function () {
2409                if (lauf !== standLauf) {
2410                    return;
2411                }
2412                standBereit = true;
2413                standCache = null;
2414                seiteZeichnen(lesen());
2415            });
2416        }
2417
2418        document.addEventListener('click', function (event) {
2419            var bestellen = event.target.closest('[data-merkliste-bestellen]');
2420            if (bestellen) {
2421                event.preventDefault();
2422                event.stopPropagation();
2423                var store = window.Alpine && Alpine.store ? Alpine.store('modal') : null;
2424                if (!store) {
2425                    return;
2426                }
2427                if (bestellen.dataset.merklisteKorbTyp === 'termin' && !angemeldet) {
2428                    if (window.setLoginScrollTarget) {
2429                        window.setLoginScrollTarget(bestellen.dataset.merklisteKorbId || '');
2430                    }
2431                    store.openById('modalLogin');
2432                    return;
2433                }
2434                store.openAjax(bestellen.dataset.merklisteBestellen, 'side');
2435                return;
2436            }
2437            var knopf = event.target.closest('.merkliste-herz');
2438            if (!knopf) {
2439                return;
2440            }
2441            event.preventDefault();
2442            event.stopPropagation();
2443            var typ = knopf.dataset.merklisteTyp || '';
2444            var id = knopf.dataset.merklisteId || '';
2445            if (!typ || !id) {
2446                return;
2447            }
2448            var key = typ + ':' + id;
2449            var liste = lesen();
2450            if (Object.prototype.hasOwnProperty.call(liste, key)) {
2451                delete liste[key];
2452            } else {
2453                liste[key] = {
2454                    typ: typ,
2455                    id: id,
2456                    titel: knopf.dataset.merklisteTitel || '',
2457                    url: sichereUrl(knopf.dataset.merklisteUrl),
2458                    korb: sichereUrl(knopf.dataset.merklisteKorb),
2459                    zusatz: knopf.dataset.merklisteZusatz || ''
2460                };
2461            }
2462            schreiben(liste);
2463            window.merklisteAktualisieren();
2464        });
2465
2466        window.merklisteAktualisieren();
2467    })();
2468</script>
2468
2469
2470
2471
2472<script type="module">
2473    const scrollButton = document.getElementById("scrollButton");
2474
2475    if (scrollButton) {
2476        document.addEventListener("DOMContentLoaded", () => {
2477            const scrollButton = document.getElementById("scrollButton");
2478
2479            if (!scrollButton) return; // 🔥 WICHTIG
2480
2481            document.addEventListener("scroll", () => {
2482                if (window.scrollY > 100) {
2483                    scrollButton.classList.remove("hidden", "opacity-0", "translate-y-2");
2484                    scrollButton.classList.add("opacity-100", "translate-y-0");
2485                } else {
2486                    scrollButton.classList.add("opacity-0", "translate-y-2");
2487                    scrollButton.classList.remove("opacity-100", "translate-y-0");
2488                }
2489            });
2490
2491            scrollButton.addEventListener("click", (event) => {
2492                event.preventDefault();
2493                event.stopPropagation();
2494                window.scrollTo({
2495                    top: 0,
2496                    behavior: "smooth"
2497                });
2498            });
2499        });
2500    }
2501</script>
2501
2502
2503
2504</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.