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öln, Cologne, Germany"> 27<meta name="Copyright" content="Theatergemeinde Köln, Cologne, Germany"> <meta name="description" 28 content=" Entdecken Sie die Kulturszene Ihrer Stadt | Entscheiden Sie sich fü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">▼</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">▼</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ä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">▼</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 & 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 & 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ä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>Öffnungszeiten</h2> 1744 <p>Unser Service-Center ist zu folgenden Zeiten geö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">© 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&Kategorietyp=2&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&JTG=0&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öchten Sich fü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.