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="8Jb3lRyVmQ235BAwyIx2TS2zvQf0XhhHAadVsD04"> 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 Kulturprogramme 2026/27 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/a29lbG4vaGludGVyZ3J1bmRiaWxkZXIvMjAyNi0yNy9pbmRleF9rdWx0dXJwcm9ncmFtbWVfMjYyNy5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjY2NyIsInEiOiI4NSIsInciOiIyMDAwIn0.webp" alt="Das Rheingold © 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 Das Rheingold 327 328 | © Matthias Jung 329 330 </div> 331 332 </div> 333 334 <div class="absolute z-30 w-full md:min-h-72"> 335 <div class="container mx-auto"> 336 <div 337 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"> 338 <div class=""> 339 <a class="" href="/"> 340 <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" viewBox="0 0 799.67 155.59"> 341 <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" 342 transform="translate(-5.31 0)"/> 343 <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" 344 transform="translate(-5.31 0)"/> 345 <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" 346 transform="translate(-5.31 0)"/> 347 <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" 348 transform="translate(-5.31 0)"/> 349 <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-.
34908,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" 350 transform="translate(-5.31 0)"/> 351 <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" 352 transform="translate(-5.31 0)"/> 353 <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" 354 transform="translate(-5.31 0)"/> 355 <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" 356 transform="translate(-5.31 0)"/> 357 <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,
35710.28,10.28,0,0,0-4,4.25,19.72,19.72,0,0,0-2.15,6.52Z" 358 transform="translate(-5.31 0)"/> 359 <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" 360 transform="translate(-5.31 0)"/> 361 <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" 362 transform="translate(-5.31 0)"/> 363 <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" 364 transform="translate(-5.31 0)" /> 365 <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" 366 transform="translate(-5.31 0)"/> 367 <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" 368 transform="translate(-5.31 0)"/> 369 <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,
36910.28,10.28,0,0,0-4,4.25,19.72,19.72,0,0,0-2.15,6.52Z" 370 transform="translate(-5.31 0)"/> 371 <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" 372 transform="translate(-5.31 0)" fill=""/> 373 <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" 374 transform="translate(-5.31 0)" fill=""/> 375 <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" 376 transform="translate(-5.31 0)" fill=""/> 377 <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" 378 transform="translate(-5.31 0)" fill=""/> 379 <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" 380 transform="translate(-5.31 0)"/> 381 <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" 382 transform="translate(-5.31 0)"/> 383 <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" 384 transform="translate(-5.31 0)"/> 385 <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" 386 transform="translate(-5.31 0)"/> 387 <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
3877,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" 388 transform="translate(-5.31 0)"/> 389 <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" 390 transform="translate(-5.31 0)"/> 391 <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" 392 transform="translate(-5.31 0)"/> 393 <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" 394 transform="translate(-5.31 0)"/> 395 <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" 396 transform="translate(-5.31 0)"/> 397 <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" 398 transform="translate(-5.31 0)"/> 399 <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" 400 transform="translate(-5.31 0)"/> 401 <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" 402 transform="translate(-5.31 0)"/> 403 <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" 404 transform="translate(-5.31 0)"/> 405 <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" 406 transform="translate(-5.31 0)"/> 407 <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" 408 transform="translate(-5.31 0)"/> 409 <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" 410 transform="translate(-5.31 0)"/> 411</svg> 412 </a> 413 </div> 414 </div> 415 416 <div> 417 <div class="relative w-full aspect-[3/1]"> 418 <div class="absolute left-0 top-[73%] -translate-y-1/2 p-0"> 419 <style> 420 .tg-kategorie-slogan { 421 max-width: calc(100vw - 1.5rem); 422 } 423 .tg-kategorie-slogan span { 424 white-space: normal;
425 overflow-wrap: anywhere; 426 } 427 @media (min-width: 768px) { 428 .tg-kategorie-slogan { 429 max-width: none; 430 } 431 .tg-kategorie-slogan span { 432 white-space: nowrap; 433 } 434 } 435 </style> 436 <div class="tg-kategorie-slogan max-w-none" aria-label="Slogan"> 437 <p class="m-0 leading-snug pl-0"> 438 <span 439 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"> 440 Auf der Jagd 441 </span> 442 </p> 443 <p class="m-0 leading-snug pl-6 md:pl-20"> 444 <span 445 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"> 446 nach den besten 447 </span> 448 </p> 449 <p class="m-0 leading-snug pl-10 md:pl-8"> 450 <span 451 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"> 452 Kulturangeboten? 453 </span> 454 </p> 455 </div> 456 </div> 457 </div> 458 </div> 459 </div> 460 </div> 461 </div> 462 <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"> 463 464 <!-- ##### Navbar --> 465<nav aria-label="Hauptnavigation" class="<!--bg-skin-first--> border-skin-first bg-gradient-to-tr from-skin-second via-skin-first to-skin-first" 466 > 467 <div class="container flex items-center"> 468 469 <div class="justify-left -ml-5 hidden min-w-0 flex-1 md:flex"> 470 471 472 <ul class="hidden md:flex"> 473 <!--Regular Link--> 474 <li class="<!--hover:bg-skin-nav-hover--> hover:underline"> 475 <a 476 href="/?Kategorietyp=2&JTG=0&Kategorie=Start" 477 > 478 <span 479 class="block cursor-pointer px-4 py-6 text-sm font-bold lg:p-6 lg:text-base"> 480 <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" 481 width="24" height="24" loading="lazy" decoding="async" /> 482 <span class="hidden md:inline-block"> 483 484 Start 485 486 </span> 487 </span> 488 </a> 489 </li> 490 <li class="hoverable <!--hover:bg-skin-nav-hover--> hover:text-skin-inverted"> 491 <a href="#" class="relative block px-2 py-6 text-sm font-bold lg:p-6 lg:text-base"> 492 <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" 493 width="24" height="24" loading="lazy" decoding="async" /> 494 <span class="hidden md:inline-block">Unser Angebot</span> 495 </a> 496 <div 497 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"> 498 <div class="container mx-auto mx-2 flex w-full flex-wrap justify-between"> 499 <div class="mb-8 w-full"> 500 <h2 class="text-2xl font-bold"> 501 Theatergemeinde KÃLN 502 </h2> 503 <p class="">Kölns gröÃter Abopartner in Sachen Kultur</p> 504 </div> 505 506 <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3"> 507 <a class="" 508 href="/kulturprogramme?Kategorietyp=2&JTG=0&Kategorie=Unsere+Kulturprogramme" 509 > 510 <div class="flex items-center p-2"> 511 <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" 512 width="32" height="32" loading="lazy" decoding="async" /> 513 <h3 class="text-bold mb-2 text-xl font-bold"> 514 Unsere Kulturprogramme</h3> 515 </div> 516 <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> 517 <div class="flex items-center py-3"> 518 <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
519 viewBox="0 0 20 20"> 520 <path 521 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" /> 522 </svg> 523 Finden Sie mehr heraus 524 </div> 525 </a> 526 </div> 527 <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3"> 528 <a class="" 529 href="/reisen?Kategorietyp=2&JTG=0&Kategorie=Unsere+Reisen" 530 > 531 <div class="flex items-center p-2"> 532 <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" 533 width="32" height="32" loading="lazy" decoding="async" /> 534 <h3 class="text-bold mb-2 text-xl font-bold"> 535 Unsere Reisen</h3> 536 </div> 537 <p class="text-sm">Sie lieben Kultur? Sie reisen gerne? 538Wir bringen Sie zu den kulturellen Highlights in Europa! 539Wir bieten Ihnen Kurzreisen mit kompetenter Reisebegleitung zu bekannten Festivals und Opernhäusern. </p> 540 <div class="flex items-center py-3"> 541 <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
542 viewBox="0 0 20 20"> 543 <path 544 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" /> 545 </svg> 546 Finden Sie mehr heraus 547 </div> 548 </a> 549 </div> 550 <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3"> 551 <a class="" 552 href="/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&Kategorietyp=2&JTG=0" 553 > 554 <div class="flex items-center p-2"> 555 <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" 556 width="32" height="32" loading="lazy" decoding="async" /> 557 <h3 class="text-bold mb-2 text-xl font-bold"> 558 RHEINKULTUR - Das Kultur-Magazin</h3> 559 </div> 560 <p class="text-sm">Kritiken, Tipps & Termine rund um die Kölner Kulturszene und darüber hinaus ... </p> 561 <div class="flex items-center py-3"> 562 <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
563 viewBox="0 0 20 20"> 564 <path 565 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" /> 566 </svg> 567 Finden Sie mehr heraus 568 </div> 569 </a> 570 </div> 571 <div class="transi-500 w-full px-4 pb-6 pt-6 sm:w-1/2 lg:w-1/4 lg:pt-3"> 572 <a class="" 573 href="/Kulturkompass?Kategorie=KulturKompassKöln - Der Kulturführer&Kategorietyp=2&JTG=0" 574 > 575 <div class="flex items-center p-2"> 576 <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" 577 width="32" height="32" loading="lazy" decoding="async" /> 578 <h3 class="text-bold mb-2 text-xl font-bold"> 579 KulturKompassKöln - Der Kulturführer</h3> 580 </div> 581 <p class="text-sm">Alle Premieren und Repertoirestücke der aktuellen Spielzeit auf einen Blick. Dazu alle Infos unserer Partnerspielstätten! </p> 582 <div class="flex items-center py-3"> 583 <svg class="h-6 fill-current pr-3" xmlns="http://www.w3.org/2000/svg"
584 viewBox="0 0 20 20"> 585 <path 586 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" /> 587 </svg> 588 Alle Premieren und Repertoirestücke auf einem Blick 589 </div> 590 </a> 591 </div> 592 </div> 593</div> 594 </li> 595 <li class="<!--hover:bg-skin-nav-hover--> hover:underline"> 596 <a 597 href="/wir?Kategorietyp=2&JTG=0&Kategorie=So+funktioniert%C2%B4s" 598 > 599 <span 600 class="block cursor-pointer px-4 py-6 text-sm font-bold lg:p-6 lg:text-base"> 601 <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" 602 width="24" height="24" loading="lazy" decoding="async" /> 603 <span class="hidden md:inline-block"> 604 605 So funktioniert´s 606 607 </span> 608 </span> 609 </a> 610 </li> 611 612 <!--Toggleable Link--> 613 <li class="hoverable relative hover:text-skin-inverted" v-bind:style="{hover: bg_sec}"> 614 <a href="#" class="relative block px-4 py-6 text-[16px] font-bold lg:p-6"> 615 <svg class="float-left mr-3 block h-6 w-6 fill-current align-middle" 616 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 617 aria-hidden="true" focusable="false" 618 style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" 619 preserveAspectRatio="xMidYMid meet" viewBox="0 0 1280 1536"> 620 <path 621 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" /> 622 </svg> 623 <span class="hidden md:inline-block">Meine TG</span> 624 </a> 625 <div 626 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"> 627 <div class="mb-6 w-full"> 628 <ul class="w-full border-gray-600 pb-2 pt-1"> 629 <li class="pl-4 hover:underline"> 630 <a type="button " 631 href="/tg/login?Kategorie=Login&Kategorietyp=2&JTG=false" 632 class="block p-4"> 633 Login 634 </a> 635 </li> 636 <li class="pl-4 hover:underline"> 637 <a type="button " 638 href="/tg/register?Kategorie=F%C3%BCr+Online-Nutzung+registrieren&Kategorietyp=2&JTG=false" 639 class="block p-4"> 640 Für Online-Nutzung registrieren 641 </a> 642 </li> 643 <li class="pl-4 hover:underline"> 644 <a type="button " 645 href="/tg/pwvergessen?Kategorie=Passwort+vergessen&Kategorietyp=2&JTG=false" 646 class="block p-4"> 647 Passwort vergessen 648 </a> 649 </li> 650 651 652 </ul> 653 </div> 654 </div> 655 </li> 656 <!--Hoverable Link--> 657 658 </ul> 659 </div> 660 661 <div class="flex shrink-0 items-center md:ml-auto"> 662 <ul class="flex-wrapper flex"> 663 <li class="hidden hover:text-skin-inverted md:flex"> 664 <a href="https://theatergemeinde-koeln.org/merkliste" data-merkliste-link aria-label="Merkliste" 665 class="relative flex px-4 py-6 text-sm font-bold lg:py-6 lg:text-base"> 666 <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"> 667 <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" /> 668 </svg>
669 <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> 670 </a> 671 </li> 672 <li class="<!--hover:bg-skin-nav-hover--> hidden hover:text-skin-inverted md:flex"> 673 <a href="https://theatergemeinde-koeln.org/warenkorb" aria-label="Warenkorb" 674 class="relative flex px-5 py-6 text-sm font-bold lg:py-6 lg:text-base"> 675 <svg class="inline-block h-6 w-6 fill-current align-middle" xmlns="http://www.w3.org/2000/svg" 676 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" 677 viewBox="0 0 576 512"> 678 <path 679 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" /> 680 </svg> 681 <span 682 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> 683 </a> 684 </li> 685 <li class="<!--hover:bg-skin-nav-hover--> hidden pt-1 hover:text-skin-inverted md:flex"> 686 <button type="button" @click="$store.modal.openById('searchForm')" aria-haspopup="dialog" 687 aria-label="Suche öffnen" 688 :aria-expanded="$store.modal.open && $store.modal.targetId === 'searchForm' ? 'true' : 'false'" 689 class="relative block px-4 py-6 text-sm lg:py-6 lg:text-base"> 690 <svg class="block h-5 w-5 fill-current align-middle" xmlns="http://www.w3.org/2000/svg" 691 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" 692 preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"> 693 <path 694 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" /> 695 </svg> 696 </button> 697 </li> 698 <li class="<!--hover:bg-skin-nav-hover--> pt-1 hover:text-skin-inverted"> 699 <button type="button" @click="$store.ui.toggle()" aria-controls="site-sidenav" 700 :aria-expanded="$store.ui.sidenavOpen ? 'true' : 'false'" aria-label="Menü" 701 class="relative block px-4 py-6 text-sm font-bold lg:py-6 lg:text-base"> 702 <svg class="block h-5 w-5 fill-current align-middle" xmlns="http://www.w3.org/2000/svg" 703 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" 704 style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" 705 preserveAspectRatio="xMidYMid meet" viewBox="0 0 1536 1280"> 706 <path 707 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
70708q26 0 45 19t19 45z" /> 708 </svg> 709 </button> 710 </li> 711 <li> 712 713 </li> 714 </ul> 715 716 </div> 717 718 <a class="navbar-mobile-logo ml-auto flex shrink-0 md:hidden" href="https://theatergemeinde-koeln.org" 719 aria-label="Zur Startseite"> 720 <span 721 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"> 722 <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" 723 transform="translate(-5.31 0)"/> 724 <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" 725 transform="translate(-5.31 0)"/> 726 <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" 727 transform="translate(-5.31 0)"/> 728 <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" 729 transform="translate(-5.31 0)"/> 730 <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" 731 transform="translate(-5.31 0)"/> 732 <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" 733 transform="translate(-5.31 0)"/> 734 <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" 735 transform="translate(-5.31 0)"/> 736 <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,
73613.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" 737 transform="translate(-5.31 0)"/> 738 <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" 739 transform="translate(-5.31 0)"/> 740 <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" 741 transform="translate(-5.31 0)"/> 742 <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" 743 transform="translate(-5.31 0)"/> 744 <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" 745 transform="translate(-5.31 0)" /> 746 <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
7461,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" 747 transform="translate(-5.31 0)"/> 748 <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" 749 transform="translate(-5.31 0)"/> 750 <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" 751 transform="translate(-5.31 0)"/> 752 <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" 753 transform="translate(-5.31 0)" fill=""/> 754 <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" 755 transform="translate(-5.31 0)" fill=""/> 756 <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" 757 transform="translate(-5.31 0)" fill=""/> 758 <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" 759 transform="translate(-5.31 0)" fill=""/> 760 <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" 761 transform="translate(-5.31 0)"/> 762 <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" 763 transform="translate(-5.31 0)"/> 764 <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" 765 transform="translate(-5.31 0)"/> 766 <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" 767 transform="translate(-5.31 0)"/> 768 <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
7687,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" 769 transform="translate(-5.31 0)"/> 770 <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" 771 transform="translate(-5.31 0)"/> 772 <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" 773 transform="translate(-5.31 0)"/> 774 <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" 775 transform="translate(-5.31 0)"/> 776 <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" 777 transform="translate(-5.31 0)"/> 778 <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" 779 transform="translate(-5.31 0)"/> 780 <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" 781 transform="translate(-5.31 0)"/> 782 <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" 783 transform="translate(-5.31 0)"/> 784 <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" 785 transform="translate(-5.31 0)"/> 786 <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" 787 transform="translate(-5.31 0)"/> 788 <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" 789 transform="translate(-5.31 0)"/> 790 <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" 791 transform="translate(-5.31 0)"/> 792</svg></span> 793 </a> 794 </div> 795</nav> 796 <div class="<!--bg-skin-footer bg-opacity-100--> border-skin-first bg-white py-4 pl-4 text-skin-second"> 797 <div class="container mx-auto"> 798 <div class="flex flex-wrap"> 799 <div class="flex items-center"> 800 <a href="tel:0221 92 57 420"> 801 <div class="flex items-center justify-center pr-6"> 802 <div class="inline-block content-center pr-2 text-skin-second md:pr-3"> 803 804 <svg class="-ml-2 h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
805 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.--> 806 <path 807 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" /> 808 </svg> 809 </div> 810 <div class="hidden text-[13px] text-skin-second lg:inline-block"> 811 0221 92 57 420 812 </div> 813 </div> 814 </a> 815 <a href="mailto:[email protected]"> 816 <div class="flex items-center justify-center pr-6"> 817 <div class="inline-block content-center pr-2 text-skin-second md:pr-3"> 818 819 <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
820 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.--> 821 <path 822 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" /> 823 </svg> 824 </div> 825 <div class="hidden text-[13px] text-skin-second lg:inline-block"> 826 [email protected] 827 </div> 828 </div> 829 </a> 830 <a href="https://theatergemeinde-koeln.org/kontakt"> 831 <div class="flex items-center justify-center"> 832 <div class="inline-block content-center pr-2 text-skin-second md:pr-3"> 833 834 <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
835 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.--> 836 <path 837 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" /> 838 </svg> 839 </div> 840 <div class="hidden text-[13px] text-skin-second lg:inline-block"> 841 Auf dem Berlich 34, 50667 Köln 842 </div> 843 844 </div> 845 </a> 846 <a href="https://theatergemeinde-koeln.org/newsletter/anmeldung"> 847 <div class="flex items-center justify-center px-6"> 848 <div class="inline-block content-center pr-2 text-[13px] text-skin-second md:pr-3"> 849 850 <svg class="h-6 w-6 fill-current" xmlns="http://www.w3.org/2000/svg"
851 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.--> 852 <path 853 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" /> 854 </svg> 855 </div> 856 <div class="hidden text-[13px] text-skin-second lg:inline-block"> 857 Newsletter 858 </div> 859 </div> 860 </a> 861 <a href="https://www.facebook.com/theatergemeinde"> 862 <div class="h-6 w-6 fill-current text-skin-second"> 863 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 864 <!-- 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) --> 865 <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"/> 866</svg> 867 </div> 868 869 </a> 870 <a href="https://www.instagram.com/theatergemeinde_koeln/"> 871 <div class="-mt-1 ml-4 h-6 w-6 fill-current text-skin-second"> 872 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 873 <!-- 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) --> 874 <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"/> 875</svg> 876 877 </div> 878 879 </a> 880 881 </div> 882 </div> 883 </div> 884</div> 885 886 </div> 887 <main id="main" class="pt-2 md:pt-3" tabindex="-1"> 888 889 890 <div class=" bg-cover bg-center" style="background-image: url( "> 891 <div class="mt-6"> 892 <div class="my-6"><nav class="container mx-auto"> 893 <ol class="pt-4 pb-4 rounded flex flex-wrap text-sm "> 894 895 <li> 896 <a href="https://theatergemeinde-koeln.org" 897 class=" hover:underline focus:underline"> 898 Startseite 899 </a> 900 </li> 901 902 <li class=" px-2"> 903 >> 904 </li> 905 906 907 <li> 908 <a href="https://theatergemeinde-koeln.org/weitere-angebote?Kategorie=Unser%2BAngebot&Kategorietyp=2&JTG=0" 909 class=" hover:underline focus:underline"> 910 Unser Angebot 911 </a> 912 </li> 913 914 <li class=" px-2"> 915 >> 916 </li> 917 918 919 <li>
920 <span class="">Unsere Kulturprogramme </span> 921 </li> 922 923 924 </ol> 925 </nav> 926 927</div> 928 </div> 929 </div> 930 931 932 <!-- ##### Alert-Message --> 933 934 935 936 937 938 <div class="container py-12"> 939 <h1 class="break-words text-2xl md:text-4xl">Unsere Kulturprogramme</h1> 940 <div class="flex flex-wrap"> 941 <div class="lg:flex-1 order-first md:order-none w-auto pr-6"> 942 943 <h2 class="break-words py-4 text-lg md:py-6 md:text-2xl">Hier finden Freunde der Kultur bestimmt das Richtige! Wir bieten Ihnen vielfältige Kulturprogramme und ein umfangreiches Angebot an Events.</h2> 944 <p></p> 945 </div> 946 </div> 947 </div> 948 949 950 <div class="container break-words"> 951 <div class="flex flex-wrap gap-y-6"> 952 953 954 <div class="order-first w-full min-w-0 pb-16 md:order-none md:pr-3 lg:w-auto lg:flex-1"> 955 956 <section aria-label="Kulturprogramm-Kategorien"> 957 <div class="grid gap-3 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5"> 958 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Klassik-Dates&Kategorietyp=0&JTG=0" 959 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 960 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 961 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 962 963 964 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 965 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 966 aria-hidden="true" /> 967 968 969 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 970 src="https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 971 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 972 sizes="(max-width: 768px) 100vw, 50vw" alt="Saul | © Sandra Then" 973 loading="lazy" decoding="async" title="Saul | © Sandra Then" /> 974 975 976 <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"> 977 978 <div class=" text-[8px] text-white"> 979 980 Saul 981 982 <span class="opacity-80"> | © Sandra Then</span> 983 984 985 </div> 986 987 </div> 988 989</div> 990 </div> 991 <div class="bg-kat_Op px-3 py-2.5 text-center sm:px-4 sm:py-3"> 992 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 993 Klassik-Dates 994 </span> 995 </div> 996 </a> 997 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Schauspiel&Kategorietyp=0&JTG=0" 998 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 999 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1000 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1001 1002 1003 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1004 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1005 aria-hidden="true" /> 1006 1007 1008 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1009 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1010 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1011 sizes="(max-width: 768px) 100vw, 50vw" alt="Die Orestie | © Birgit Hupfeld" 1012 loading="lazy" decoding="async" title="Die Orestie | © Birgit Hupfeld" /> 1013 1014 1015 <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"> 1016 1017 <div class=" text-[8px] text-white"> 1018 1019 Die Orestie 1020
1021 <span class="opacity-80"> | © Birgit Hupfeld</span> 1022 1023 1024 </div> 1025 1026 </div> 1027 1028</div> 1029 </div> 1030 <div class="bg-kat_Sc px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1031 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1032 Schauspiel 1033 </span> 1034 </div> 1035 </a> 1036 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Querschnitt&Kategorietyp=0&JTG=0" 1037 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1038 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1039 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1040 1041 1042 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1043 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1044 aria-hidden="true" /> 1045 1046 1047 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1048 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1049 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1050 sizes="(max-width: 768px) 100vw, 50vw" alt="Fräulein Else | © Marcel Urlaub" 1051 loading="lazy" decoding="async" title="Fräulein Else | © Marcel Urlaub" /> 1052 1053 1054 <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"> 1055 1056 <div class=" text-[8px] text-white"> 1057 1058 Fräulein Else 1059 1060 <span class="opacity-80"> | © Marcel Urlaub</span> 1061 1062 1063 </div> 1064 1065 </div> 1066 1067</div> 1068 </div> 1069 <div class="bg-kat_Qu px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1070 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1071 Querschnitt 1072 </span> 1073 </div> 1074 </a> 1075 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Ihre%20Wahl&Kategorietyp=0&JTG=0" 1076 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1077 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1078 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1079 1080 1081 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBIdXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1082 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1083 aria-hidden="true" /> 1084 1085 1086 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1087 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBI
1087dXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1088 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBIdXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBIdXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1089 sizes="(max-width: 768px) 100vw, 50vw" alt="Du must dich entscheiden! | © Birgit Hupfeld" 1090 loading="lazy" decoding="async" title="Du must dich entscheiden! | © Birgit Hupfeld" /> 1091 1092 1093 <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"> 1094 1095 <div class=" text-[8px] text-white"> 1096 1097 Du must dich entscheiden! 1098 1099 <span class="opacity-80"> | © Birgit Hupfeld</span> 1100 1101 1102 </div> 1103 1104 </div> 1105 1106</div> 1107 </div> 1108 <div class="bg-kat_Wa px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1109 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1110 Ihre Wahl 1111 </span> 1112 </div> 1113 </a> 1114 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Kabarett%20%26%20Co&Kategorietyp=0&JTG=0" 1115 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1116 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1117 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1118 1119 1120 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1121 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1122 aria-hidden="true" /> 1123 1124 1125 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1126 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1127 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1128 sizes="(max-width: 768px) 100vw, 50vw" alt="Der fabelhafte Die | © Christopher Horne" 1129 loading="lazy" decoding="async" title="Der fabelhafte Die | © Christopher Horne" /> 1130 1131 1132 <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"> 1133 1134 <div class=" text-[8px] text-white"> 1135 1136 Der fabelhafte Die 1137 1138 <span class="opacity-80"> | © Christopher Horne</span> 1139 1140 1141 </div> 1142 1143 </div> 1144 1145</div> 1146 </div> 1147 <div class="bg-kat_Ka px-3 py-2.5 text-center sm:px-4 sm:py-3">
1148 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1149 Kabarett & Co 1150 </span> 1151 </div> 1152 </a> 1153 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Spezielles&Kategorietyp=0&JTG=0" 1154 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1155 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1156 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1157 1158 1159 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1160 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1161 aria-hidden="true" /> 1162 1163 1164 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1165 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1166 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1167 sizes="(max-width: 768px) 100vw, 50vw" alt="Kammerspiele #1 Eifersucht | Die Nacht der Lesben | © Marcel Urlaub" 1168 loading="lazy" decoding="async" title="Kammerspiele #1 Eifersucht | Die Nacht der Lesben | © Marcel Urlaub" /> 1169 1170 1171 <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"> 1172 1173 <div class=" text-[8px] text-white"> 1174 1175 Kammerspiele #1 Eifersucht | Die Nacht der Lesben 1176 1177 <span class="opacity-80"> | © Marcel Urlaub</span> 1178 1179 1180 </div> 1181 1182 </div> 1183 1184</div> 1185 </div> 1186 <div class="bg-kat_Sp px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1187 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1188 Spezielles 1189 </span> 1190 </div> 1191 </a> 1192 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Kinder%20%26%20Jugendliche&Kategorietyp=0&JTG=0" 1193 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1194 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1195 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1196 1197 1198 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1199 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1200 aria-hidden="true" /> 1201 1202 1203 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1204 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1205 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1206 sizes="(max-width: 768px) 100vw, 50vw" alt="Träum weiter! | © Christopher Horne" 1207 loading="lazy" decoding="async" title="Träum weiter! | © Christopher Horne" /> 1208 1209 1210 <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"> 1211 1212 <div class=" text-[8px] text-white"> 1213 1214 Träum weiter! 1215
1216 <span class="opacity-80"> | © Christopher Horne</span> 1217 1218 1219 </div> 1220 1221 </div> 1222 1223</div> 1224 </div> 1225 <div class="bg-kat_Ki px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1226 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1227 Kinder & Jugendliche 1228 </span> 1229 </div> 1230 </a> 1231 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Jugendprogramme&Kategorietyp=0&JTG=0" 1232 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1233 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1234 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1235 1236 1237 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1238 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1239 aria-hidden="true" /> 1240 1241 1242 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1243 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1244 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1245 sizes="(max-width: 768px) 100vw, 50vw" alt="IMAGINE - Welt ohne uns | © Studio Pramudiya" 1246 loading="lazy" decoding="async" title="IMAGINE - Welt ohne uns | © Studio Pramudiya" /> 1247 1248 1249 <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"> 1250 1251 <div class=" text-[8px] text-white"> 1252 1253 IMAGINE - Welt ohne uns 1254 1255 <span class="opacity-80"> | © Studio Pramudiya</span> 1256 1257 1258 </div> 1259 1260 </div> 1261 1262</div> 1263 </div> 1264 <div class="bg-kat_Ju px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1265 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1266 Jugendprogramme 1267 </span> 1268 </div> 1269 </a> 1270 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Konzerte&Kategorietyp=0&JTG=0" 1271 class="group flex flex-col overflow-hidden rounded-lg shadow-md transition hover:-translate-y-0.5 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-skin-first"> 1272 <div class="relative aspect-[3/2] w-full overflow-hidden sm:aspect-[4/3]"> 1273 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1274 1275 1276 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1277 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1278 aria-hidden="true" /> 1279 1280 1281 <img class="transition duration-300 group-hover:scale-[1.02] absolute inset-0 h-full w-full object-cover object-center" 1282 src="https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp" 1283 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjI2NyIsInEiOiI4NSIsInciOiI2MDAifQ.webp 400w, https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJmaXQiOiJjcm9wIiwiZm0iOiJ3ZWJwIiwiaCI6IjQwMCIsInEiOiI4NSIsInciOiI2MDAifQ.webp 600w" 1284 sizes="(max-width: 768px) 100vw, 50vw" alt="Aynur | © Muhsin Akgun" 1285 loading="lazy" decoding="async" title="Aynur | © Muhsin Akgun" /> 1286 1287 1288 <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"> 1289 1290 <div class=" text-[8px] text-white"> 1291 1292 Aynur 1293
1294 <span class="opacity-80"> | © Muhsin Akgun</span> 1295 1296 1297 </div> 1298 1299 </div> 1300 1301</div> 1302 </div> 1303 <div class="bg-kat_Ko px-3 py-2.5 text-center sm:px-4 sm:py-3"> 1304 <span class="font-header text-base font-bold leading-tight text-skin-inverted sm:text-lg"> 1305 Konzerte 1306 </span> 1307 </div> 1308 </a> 1309 </div> 1310</section> 1311 1312 <nav class="my-12 rounded-xl border border-skin-second/20 bg-skin-second/5 px-4 py-6 md:px-5 md:py-7" 1313 aria-label="Kategorien auf dieser Seite"> 1314 <p class="mb-3 text-sm font-semibold uppercase tracking-wide text-gray-600">Schnellnavigation</p> 1315 <ul class="flex flex-wrap gap-2"> 1316 <li> 1317 <a href="#kat-0" 1318 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1319 Klassik-Dates 1320 </a> 1321 </li> 1322 <li> 1323 <a href="#kat-1" 1324 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1325 Schauspiel 1326 </a> 1327 </li> 1328 <li> 1329 <a href="#kat-2" 1330 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1331 Querschnitt 1332 </a> 1333 </li> 1334 <li> 1335 <a href="#kat-3" 1336 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1337 Ihre Wahl 1338 </a> 1339 </li> 1340 <li> 1341 <a href="#kat-4" 1342 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1343 Kabarett & Co 1344 </a> 1345 </li> 1346 <li> 1347 <a href="#kat-5" 1348 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1349 Spezielles 1350 </a> 1351 </li> 1352 <li> 1353 <a href="#kat-6" 1354 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1355 Kinder & Jugendliche 1356 </a> 1357 </li> 1358 <li> 1359 <a href="#kat-7" 1360 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1361 Jugendprogramme 1362 </a> 1363 </li> 1364 <li> 1365 <a href="#kat-8" 1366 class="rounded-full bg-white px-3 py-1.5 text-sm shadow-sm transition hover:bg-skin-first hover:text-white"> 1367 Konzerte 1368 </a> 1369 </li> 1370 </ul> 1371 </nav> 1372 1373 <h2 class="mb-8 font-header text-2xl font-bold">Abonnements im Einzelnen</h2> 1374 1375 <section id="kat-0" class="mb-16 scroll-mt-24"> 1376 <div class="overflow-hidden rounded-2xl shadow-lg"> 1377 <div class="bg-kat_Op flex flex-col text-skin-inverted md:flex-row"> 1378 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1379 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1380 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Klassik-Dates&Kategorietyp=Klassik-Dates&JTG=0">Klassik-Dates</a> 1381 </h2> 1382 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Mehr als nur Oper! Unser âKlassik-Datesâ bieten Ihnen die perfekte Mischung für eine abwechslungsreiche Spielzeit: GenieÃen Sie glanzvolle Opernproduktionen und mitreiÃende Konzerte.</p> 1383 1384 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1385 <div class="mb-5"> 1386 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1387 <h3 class="font-header text-lg"> 1388 Spielzeit 2026/27 1389 </h3> 1390 </div> 1391 <ul class="space-y-2.5"> 1392 <li> 1393 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1394 href="https://theatergemeinde-koeln.org/kulturprogramme/R/035/klassik-dates/leichte-muse/2026/27">
1395 <span class="font-bold group-hover:text-skin-first">Leichte Muse</span> 1396 <span class="text-sm text-gray-600"> · Nr. 035</span> 1397 </a> 1398 </li> 1399 <li> 1400 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1401 href="https://theatergemeinde-koeln.org/kulturprogramme/R/503/klassik-dates/klassik-dates-wochentags/2026/27"> 1402 <span class="font-bold group-hover:text-skin-first">Klassik-Dates wochentags</span> 1403 <span class="text-sm text-gray-600"> · Nr. 503</span> 1404 </a> 1405 </li> 1406 <li> 1407 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1408 href="https://theatergemeinde-koeln.org/kulturprogramme/R/506/klassik-dates/klassik-dates-wochenende/2026/27"> 1409 <span class="font-bold group-hover:text-skin-first">Klassik-Dates Wochenende</span> 1410 <span class="text-sm text-gray-600"> · Nr. 506</span> 1411 </a> 1412 </li> 1413 <li> 1414 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1415 href="https://theatergemeinde-koeln.org/kulturprogramme/R/509/klassik-dates/klassik-dates-nach-wahl/2026/27"> 1416 <span class="font-bold group-hover:text-skin-first">Klassik-Dates nach Wahl</span> 1417 <span class="text-sm text-gray-600"> · Nr. 509</span> 1418 </a> 1419 </li> 1420 </ul> 1421 </div> 1422 </div> 1423 1424 <div class="mt-6 flex flex-wrap gap-3"> 1425 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Klassik-Dates&Kategorietyp=Klassik-Dates&JTG=0" class="btn btn-main inline-block"> 1426 Alle 4 Angebote ansehen 1427 </a> 1428 </div> 1429 1430 </div> 1431 1432 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-h-[18rem] lg:min-h-[22rem]"> 1433 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1434 1435 1436 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1437 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1438 aria-hidden="true" /> 1439 1440 1441 <img class="absolute inset-0 h-full w-full object-contain object-center" 1442 src="https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1443 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vT3Blci9TYXVsXzIwMjVfU2FuZHJhIFRoZW4vQVVMXzEyOTItMS5qcGc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1444 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Saul | © Sandra Then" 1445 loading="lazy" decoding="async" title="Saul | © Sandra Then" /> 1446 1447 1448 <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"> 1449 1450 <div class=" text-[8px] text-white"> 1451 1452 Saul 1453 1454 <span class="opacity-80"> | © Sandra Then</span> 1455 1456 1457 </div> 1458 1459 </div> 1460 1461</div> 1462 </div> 1463 </div> 1464 </div> 1465</section> 1466 <section id="kat-1" class="mb-16 scroll-mt-24"> 1467 <div class="overflow-hidden rounded-2xl shadow-lg"> 1468 <div class="bg-kat_Sc flex flex-col text-skin-inverted md:flex-row"> 1469 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1470 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1471 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Schauspiel&Kategorietyp=Schauspiel&JTG=0">Schauspiel</a> 1472 </h2> 1473 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Sie lieben das klassische Sprechtheater, fesselnde Inszenierungen und die ganz groÃen Stoffe der Literaturgeschichte ebenso wie zeitgenössisches Drama? Wir bieten Ihnen einen hochkarätigen Mix aus zeitlosen Klassikern und modernen Premieren.</p> 1474 1475 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1476 <div class="mb-5"> 1477 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1478 <h3 class="font-header text-lg"> 1479 Spielzeit 2026/27 1480 </h3> 1481 </div> 1482 <ul class="space-y-2.5"> 1483 <li> 1484 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1485 href="https://theatergemeinde-koeln.org/kulturprogramme/R/002/schauspiel/schauspiel/2026/27">
1486 <span class="font-bold group-hover:text-skin-first">Schauspiel</span> 1487 <span class="text-sm text-gray-600"> · Nr. 002</span> 1488 </a> 1489 </li> 1490 <li> 1491 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1492 href="https://theatergemeinde-koeln.org/kulturprogramme/R/012/schauspiel/theaterexpedition-freie-szene/2026/27"> 1493 <span class="font-bold group-hover:text-skin-first">Theaterexpedition Freie Szene</span> 1494 <span class="text-sm text-gray-600"> · Nr. 012</span> 1495 </a> 1496 </li> 1497 </ul> 1498 </div> 1499 </div> 1500 1501 <div class="mt-6 flex flex-wrap gap-3"> 1502 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Schauspiel&Kategorietyp=Schauspiel&JTG=0" class="btn btn-main inline-block"> 1503 Alle 2 Angebote ansehen 1504 </a> 1505 </div> 1506 1507 </div> 1508 1509 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-h-[18rem] lg:min-h-[22rem]"> 1510 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1511 1512 1513 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1514 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1515 aria-hidden="true" /> 1516 1517 1518 <img class="absolute inset-0 h-full w-full object-contain object-center" 1519 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1520 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0RpZSBPcmVzdGllXzIwMjZfQmlyZ2l0IEh1cGZlbGQvRElFLU9SRVNUSUVfMS5qcGc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1521 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Die Orestie | © Birgit Hupfeld" 1522 loading="lazy" decoding="async" title="Die Orestie | © Birgit Hupfeld" /> 1523 1524 1525 <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"> 1526 1527 <div class=" text-[8px] text-white"> 1528 1529 Die Orestie 1530 1531 <span class="opacity-80"> | © Birgit Hupfeld</span> 1532 1533 1534 </div> 1535 1536 </div> 1537 1538</div> 1539 </div> 1540 </div> 1541 </div> 1542</section> 1543 <section id="kat-2" class="mb-16 scroll-mt-24"> 1544 <div class="overflow-hidden rounded-2xl shadow-lg"> 1545 <div class="bg-kat_Qu flex flex-col text-skin-inverted md:flex-row"> 1546 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1547 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1548 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Querschnitt&Kategorietyp=Querschnitt&JTG=0">Querschnitt</a> 1549 </h2> 1550 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Erleben Sie die ganze Vielfalt der Kultur!<br /> 1551Freuen Sie sich auf ein abwechslungsreiches, genreübergreifendes Programm â meist mit festen Terminen. So wissen Sie immer, wann Ihr nächstes Kultur-Highlight auf Sie wartet.<br /> 1552</p> 1553 1554 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1555 <div class="mb-5"> 1556 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1557 <h3 class="font-header text-lg"> 1558 Spielzeit 2026/27 1559 </h3> 1560 </div> 1561 <ul class="space-y-2.5"> 1562 <li> 1563 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1564 href="https://theatergemeinde-koeln.org/kulturprogramme/R/004/querschnitt/buhnenzauber/2026/27">
1565 <span class="font-bold group-hover:text-skin-first">BühnenZauber</span> 1566 <span class="text-sm text-gray-600"> · Nr. 004</span> 1567 </a> 1568 </li> 1569 <li> 1570 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1571 href="https://theatergemeinde-koeln.org/kulturprogramme/R/006/querschnitt/kultur-cocktail/2026/27"> 1572 <span class="font-bold group-hover:text-skin-first">Kultur-Cocktail</span> 1573 <span class="text-sm text-gray-600"> · Nr. 006</span> 1574 </a> 1575 </li> 1576 <li> 1577 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1578 href="https://theatergemeinde-koeln.org/kulturprogramme/R/007/querschnitt/theater-oper-und-konzert-nachmittags/2026/27"> 1579 <span class="font-bold group-hover:text-skin-first">Theater, Oper und Konzert nachmittags</span> 1580 <span class="text-sm text-gray-600"> · Nr. 007</span> 1581 </a> 1582 </li> 1583 <li> 1584 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1585 href="https://theatergemeinde-koeln.org/kulturprogramme/R/011/querschnitt/theater-oper-und-konzert/2026/27"> 1586 <span class="font-bold group-hover:text-skin-first">Theater, Oper und Konzert</span> 1587 <span class="text-sm text-gray-600"> · Nr. 011</span> 1588 </a> 1589 </li> 1590 <li> 1591 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1592 href="https://theatergemeinde-koeln.org/kulturprogramme/R/103/querschnitt/querschnitt-wochentags/2026/27"> 1593 <span class="font-bold group-hover:text-skin-first">Querschnitt wochentags</span> 1594 <span class="text-sm text-gray-600"> · Nr. 103</span> 1595 </a> 1596 </li> 1597 <li> 1598 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1599 href="https://theatergemeinde-koeln.org/kulturprogramme/R/105/querschnitt/querschnitt-freitags/2026/27"> 1600 <span class="font-bold group-hover:text-skin-first">Querschnitt Freitags</span> 1601 <span class="text-sm text-gray-600"> · Nr. 105</span> 1602 </a> 1603 </li> 1604 <li> 1605 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1606 href="https://theatergemeinde-koeln.org/kulturprogramme/R/106/querschnitt/querschnitt-wochenende/2026/27"> 1607 <span class="font-bold group-hover:text-skin-first">Querschnitt Wochenende</span> 1608 <span class="text-sm text-gray-600"> · Nr. 106</span> 1609 </a> 1610 </li> 1611 </ul> 1612 </div> 1613 </div> 1614 1615 <div class="mt-6 flex flex-wrap gap-3"> 1616 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Querschnitt&Kategorietyp=Querschnitt&JTG=0" class="btn btn-main inline-block"> 1617 Alle 7 Angebote ansehen 1618 </a> 1619 </div> 1620 1621 </div> 1622 1623 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-h-[18rem] lg:min-h-[22rem]"> 1624 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1625 1626 1627 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1628 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1629 aria-hidden="true" /> 1630 1631 1632 <img class="absolute inset-0 h-full w-full object-contain object-center" 1633 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1634 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0ZyYWV1bGVpbiBFbHNlXzIwMjZfTWFyY2VsIFVybGF1Yi9GUkFFVUxFSU5FTFNFX3dlYl9jX01hcmNlbFVybGF1Yi5wbmc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1635 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Fräulein Else | © Marcel Urlaub" 1636 loading="lazy" decoding="async" title="Fräulein Else | © Marcel Urlaub" /> 1637 1638 1639 <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"> 1640 1641 <div class=" text-[8px] text-white"> 1642 1643 Fräulein Else 1644
1645 <span class="opacity-80"> | © Marcel Urlaub</span> 1646 1647 1648 </div> 1649 1650 </div> 1651 1652</div> 1653 </div> 1654 </div> 1655 </div> 1656</section> 1657 <section id="kat-3" class="mb-16 scroll-mt-24"> 1658 <div class="overflow-hidden rounded-2xl shadow-lg"> 1659 <div class="bg-kat_Wa flex flex-col text-skin-inverted md:flex-row"> 1660 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1661 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1662 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Ihre%20Wahl&Kategorietyp=Ihre%20Wahl&JTG=0">Ihre Wahl</a> 1663 </h2> 1664 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Kultur nach Ihren Wünschen!<br /> 1665Mit unseren flexiblen Abonnements entscheiden Sie selbst, wie Sie Kultur erleben möchten: Ob flexibel mit unserem KulturClub oder genre-gebunden mit den Wahl-Abonnements.</p> 1666 1667 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1668 <div class="mb-5"> 1669 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1670 <h3 class="font-header text-lg"> 1671 Spielzeit 2026/27 1672 </h3> 1673 </div> 1674 <ul class="space-y-2.5"> 1675 <li> 1676 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1677 href="https://theatergemeinde-koeln.org/kulturprogramme/R/008/ihre-wahl/schauspiel-nach-wahl/2026/27"> 1678 <span class="font-bold group-hover:text-skin-first">Schauspiel nach Wahl</span> 1679 <span class="text-sm text-gray-600"> · Nr. 008</span> 1680 </a> 1681 </li> 1682 <li> 1683 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1684 href="https://theatergemeinde-koeln.org/kulturprogramme/R/080/ihre-wahl/schauspiel-nach-wahl-online/2026/27"> 1685 <span class="font-bold group-hover:text-skin-first">Schauspiel nach Wahl Online</span> 1686 <span class="text-sm text-gray-600"> · Nr. 080</span> 1687 </a> 1688 </li> 1689 <li> 1690 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1691 href="https://theatergemeinde-koeln.org/kulturprogramme/R/091/ihre-wahl/kulturclub-online/2026/27"> 1692 <span class="font-bold group-hover:text-skin-first">Kulturclub Online</span> 1693 <span class="text-sm text-gray-600"> · Nr. 091</span> 1694 </a> 1695 </li> 1696 </ul> 1697 </div> 1698 </div> 1699 1700 <div class="mt-6 flex flex-wrap gap-3"> 1701 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Ihre%20Wahl&Kategorietyp=Ihre%20Wahl&JTG=0" class="btn btn-main inline-block"> 1702 Alle 3 Angebote ansehen 1703 </a> 1704 </div> 1705 1706 </div> 1707 1708 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-h-[18rem] lg:min-h-[22rem]"> 1709 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1710 1711 1712 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBIdXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1713 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1714 aria-hidden="true" /> 1715 1716 1717 <img class="absolute inset-0 h-full w-full object-contain object-center" 1718 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBI
1718dXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1719 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0R1IG11c3QgZGljaCBlbnRzY2hlaWRlbl8yMDI2X0JpcmdpdCBIdXBmZWxkL0RVLU1VU1NULURJQ0gtRU5UU0NIRUlERU5fOF9jX0JpcmdpdC1IdXBmZWxkLmpwZw/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1720 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Du must dich entscheiden! | © Birgit Hupfeld" 1721 loading="lazy" decoding="async" title="Du must dich entscheiden! | © Birgit Hupfeld" /> 1722 1723 1724 <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"> 1725 1726 <div class=" text-[8px] text-white"> 1727 1728 Du must dich entscheiden! 1729 1730 <span class="opacity-80"> | © Birgit Hupfeld</span> 1731 1732 1733 </div> 1734 1735 </div> 1736 1737</div> 1738 </div> 1739 </div> 1740 </div> 1741</section> 1742 <section id="kat-4" class="mb-16 scroll-mt-24"> 1743 <div class="overflow-hidden rounded-2xl shadow-lg"> 1744 <div class="bg-kat_Ka flex flex-col text-skin-inverted md:flex-row"> 1745 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1746 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1747 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Kabarett%20%26%20Co&Kategorietyp=Kabarett%20%26%20Co&JTG=0">Kabarett & Co</a> 1748 </h2> 1749 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Eine spritzige, amüsante Zusammenstellung auf kleinen und groÃen Bühnen. Erleben Sie kurzweilige Abende mit bekannten Kabarettisten und charmanten Komödien.<br /> 1750</p> 1751 1752 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1753 <div class="mb-5"> 1754 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1755 <h3 class="font-header text-lg"> 1756 Spielzeit 2026/27 1757 </h3> 1758 </div> 1759 <ul class="space-y-2.5"> 1760 <li> 1761 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1762 href="https://theatergemeinde-koeln.org/kulturprogramme/R/009/kabarett-co/komodie-pur/2026/27"> 1763 <span class="font-bold group-hover:text-skin-first">Komödie Pur</span> 1764 <span class="text-sm text-gray-600"> · Nr. 009</span> 1765 </a> 1766 </li> 1767 <li> 1768 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1769 href="https://theatergemeinde-koeln.org/kulturprogramme/R/013/kabarett-co/komodie-unterhaltung/2026/27"> 1770 <span class="font-bold group-hover:text-skin-first">Komödie, Unterhaltung</span> 1771 <span class="text-sm text-gray-600"> · Nr. 013</span> 1772 </a> 1773 </li> 1774 <li> 1775 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1776 href="https://theatergemeinde-koeln.org/kulturprogramme/R/045/kabarett-co/kabarett-komodie-kleinkunst/2026/27"> 1777 <span class="font-bold group-hover:text-skin-first">Kabarett, Komödie, Kleinkunst</span> 1778 <span class="text-sm text-gray-600"> · Nr. 045</span> 1779 </a> 1780 </li> 1781 </ul> 1782 </div> 1783 </div> 1784 1785 <div class="mt-6 flex flex-wrap gap-3"> 1786 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Kabarett%20%26%20Co&Kategorietyp=Kabarett%20%26%20Co&JTG=0" class="btn btn-main inline-block"> 1787 Alle 3 Angebote ansehen 1788 </a> 1789 </div> 1790 1791 </div> 1792 1793 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-
1793h-[18rem] lg:min-h-[22rem]"> 1794 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1795 1796 1797 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1798 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1799 aria-hidden="true" /> 1800 1801 1802 <img class="absolute inset-0 h-full w-full object-contain object-center" 1803 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1804 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0RpZSBmYWJlbGhhZnRlIERpZV8yMDI1L0ZvdG9fQ2hyaXN0b3BoZXJfSG9ybmVfXzI2MDExNTE5NTU1OC5qcGc/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1805 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Der fabelhafte Die | © Christopher Horne" 1806 loading="lazy" decoding="async" title="Der fabelhafte Die | © Christopher Horne" /> 1807 1808 1809 <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"> 1810 1811 <div class=" text-[8px] text-white"> 1812 1813 Der fabelhafte Die 1814 1815 <span class="opacity-80"> | © Christopher Horne</span> 1816 1817 1818 </div> 1819 1820 </div> 1821 1822</div> 1823 </div> 1824 </div> 1825 </div> 1826</section> 1827 <section id="kat-5" class="mb-16 scroll-mt-24"> 1828 <div class="overflow-hidden rounded-2xl shadow-lg"> 1829 <div class="bg-kat_Sp flex flex-col text-skin-inverted md:flex-row"> 1830 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1831 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1832 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Spezielles&Kategorietyp=Spezielles&JTG=0">Spezielles</a> 1833 </h2> 1834 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Für alle, die das Besondere mögen. Erleben Sie die Höhepunkte aus Tanz und Lesungen.</p> 1835 1836 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1837 <div class="mb-5"> 1838 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1839 <h3 class="font-header text-lg"> 1840 Spielzeit 2026/27 1841 </h3> 1842 </div> 1843 <ul class="space-y-2.5"> 1844 <li> 1845 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1846 href="https://theatergemeinde-koeln.org/kulturprogramme/R/005/spezielles/tanzevents/2026/27"> 1847 <span class="font-bold group-hover:text-skin-first">Tanzevents</span> 1848 <span class="text-sm text-gray-600"> · Nr. 005</span> 1849 </a> 1850 </li> 1851 <li> 1852 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1853 href="https://theatergemeinde-koeln.org/kulturprogramme/R/015/spezielles/zwischen-den-zeilen/2026/27"> 1854 <span class="font-bold group-hover:text-skin-first">Zwischen den Zeilen</span> 1855 <span class="text-sm text-gray-600"> · Nr. 015</span> 1856 </a> 1857 </li> 1858 </ul> 1859 </div> 1860 </div> 1861 1862 <div class="mt-6 flex flex-wrap gap-3"> 1863 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Spezielles&Kategorietyp=Spezielles&JTG=0" class="btn btn-main inline-block"> 1864 Alle 2 Angebote ansehen 1865 </a> 1866 </div> 1867 1868 </div> 1869 1870 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-
1870h-[18rem] lg:min-h-[22rem]"> 1871 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1872 1873 1874 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1875 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1876 aria-hidden="true" /> 1877 1878 1879 <img class="absolute inset-0 h-full w-full object-contain object-center" 1880 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1881 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9CdWVobmVuL0thbW1lcnNwaWVsZSAxIEVpZmVyc3VjaHQgLSBEaWUgTmFjaHQgZGVyIExlc2Jlbl8yMDI2Xy9LQU1NRVJTUElFTEUtMS1FSUZFUlNVQ0hULS0tRElFLU5BQ0hULURFUi1MRVNCRU5fMl9jX01hcmNlbC1VcmxhdWIuanBn/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1882 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Kammerspiele #1 Eifersucht | Die Nacht der Lesben | © Marcel Urlaub" 1883 loading="lazy" decoding="async" title="Kammerspiele #1 Eifersucht | Die Nacht der Lesben | © Marcel Urlaub" /> 1884 1885 1886 <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"> 1887 1888 <div class=" text-[8px] text-white"> 1889 1890 Kammerspiele #1 Eifersucht | Die Nacht der Lesben 1891 1892 <span class="opacity-80"> | © Marcel Urlaub</span> 1893 1894 1895 </div> 1896 1897 </div> 1898 1899</div> 1900 </div> 1901 </div> 1902 </div> 1903</section> 1904 <section id="kat-6" class="mb-16 scroll-mt-24"> 1905 <div class="overflow-hidden rounded-2xl shadow-lg"> 1906 <div class="bg-kat_Ki flex flex-col text-skin-inverted md:flex-row"> 1907 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 1908 <h2 class="font-header text-3xl font-bold md:text-4xl"> 1909 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Kinder%20%26%20Jugendliche&Kategorietyp=Kinder%20%26%20Jugendliche&JTG=0">Kinder & Jugendliche</a> 1910 </h2> 1911 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Mit der ganzen Familie ins Theater: Aus einem reichhaltigen Angebot können Sie Abonnements für verschiedene Altersgruppen buchen. <br /> 1912In den Kinder-Abos finden die Aufführungen jeweils am Wochenende nachmittags statt.<br /> 1913Die Jugend-Abos eignen sich hervorragend für Jugendliche ab 15 Jahren. </p> 1914 1915 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 1916 <div class="mb-5"> 1917 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 1918 <h3 class="font-header text-lg"> 1919 Spielzeit 2026/27 1920 </h3> 1921 </div> 1922 <ul class="space-y-2.5"> 1923 <li> 1924 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1925 href="https://theatergemeinde-koeln.org/kulturprogramme/R/603/kinder-jugendliche/fur-kinder-ab-3-jahren/2026/27"> 1926 <span class="font-bold group-hover:text-skin-first">Für Kinder ab 3 Jahren</span> 1927 <span class="text-sm text-gray-600"> · Nr. 603</span> 1928 </a> 1929 </li> 1930 <li> 1931 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1932 href="https://theatergemeinde-koeln.org/kulturprogramme/R/605/kinder-jugendliche/fur-kinder-ab-5-jahren/2026/27">
1933 <span class="font-bold group-hover:text-skin-first">Für Kinder ab 5 Jahren</span> 1934 <span class="text-sm text-gray-600"> · Nr. 605</span> 1935 </a> 1936 </li> 1937 <li> 1938 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1939 href="https://theatergemeinde-koeln.org/kulturprogramme/R/608/kinder-jugendliche/fur-kinder-ab-8-jahren/2026/27"> 1940 <span class="font-bold group-hover:text-skin-first">Für Kinder ab 8 Jahren</span> 1941 <span class="text-sm text-gray-600"> · Nr. 608</span> 1942 </a> 1943 </li> 1944 <li> 1945 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 1946 href="https://theatergemeinde-koeln.org/kulturprogramme/R/612/kinder-jugendliche/fur-jugendliche-ab-12-jahren/2026/27"> 1947 <span class="font-bold group-hover:text-skin-first">Für Jugendliche ab 12 Jahren</span> 1948 <span class="text-sm text-gray-600"> · Nr. 612</span> 1949 </a> 1950 </li> 1951 </ul> 1952 </div> 1953 </div> 1954 1955 <div class="mt-6 flex flex-wrap gap-3"> 1956 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Kinder%20%26%20Jugendliche&Kategorietyp=Kinder%20%26%20Jugendliche&JTG=0" class="btn btn-main inline-block"> 1957 Alle 4 Angebote ansehen 1958 </a> 1959 </div> 1960 1961 <div class="mt-8 border-t border-white/30 pt-6"> 1962 <h2 class="mb-3 font-header text-lg font-bold">Das könnte Sie auch interessieren</h2> 1963 <div class="flex flex-wrap gap-2"> 1964 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Jugendprogramme&Kategorietyp=Jugendprogramme&JTG=0" 1965 class="rounded-full border border-white/50 bg-white/10 px-4 py-2 text-sm transition hover:bg-white hover:text-skin-second"> 1966 Jugendprogramme 1967 </a> 1968 </div> 1969 </div> 1970 </div> 1971 1972 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-h-[18rem] lg:min-h-[22rem]"> 1973 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 1974 1975 1976 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 1977 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 1978 aria-hidden="true" /> 1979 1980 1981 <img class="absolute inset-0 h-full w-full object-contain object-center" 1982 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 1983 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL1RyYWV1bSB3ZWl0ZXJfMjAyNS9UcmFldW1XZWl0ZXJfQ2hyaXN0b3BoZXJfSG9ybmVfMjUxMDI0MDIxNzIyLmpwZw/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 1984 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Träum weiter! | © Christopher Horne" 1985 loading="lazy" decoding="async" title="Träum weiter! | © Christopher Horne" /> 1986 1987 1988 <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"> 1989 1990 <div class=" text-[8px] text-white"> 1991 1992 Träum weiter! 1993
1994 <span class="opacity-80"> | © Christopher Horne</span> 1995 1996 1997 </div> 1998 1999 </div> 2000 2001</div> 2002 </div> 2003 </div> 2004 </div> 2005</section> 2006 <section id="kat-7" class="mb-16 scroll-mt-24"> 2007 <div class="overflow-hidden rounded-2xl shadow-lg"> 2008 <div class="bg-kat_Ju flex flex-col text-skin-inverted md:flex-row"> 2009 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 2010 <h2 class="font-header text-3xl font-bold md:text-4xl"> 2011 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Jugendprogramme&Kategorietyp=Jugendprogramme&JTG=0">Jugendprogramme</a> 2012 </h2> 2013 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Null Bock auf Kultur? Nicht mit uns!<br /> 2014Zu unschlagbar günstigen Preisen erhältst Du die ganze Welt des Theaters!<br /> 2015<br /> 2016Der ermäÃigte Abopreis gilt für Schüler, Studenten und Auszubildende bis zum 35. Lebensjahr bei Vorlage des entsprechenden Nachweises.</p> 2017 2018 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 2019 <div class="mb-5"> 2020 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 2021 <h3 class="font-header text-lg"> 2022 Spielzeit 2026/27 2023 </h3> 2024 </div> 2025 <ul class="space-y-2.5"> 2026 <li> 2027 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2028 href="https://theatergemeinde-koeln.org/kulturprogramme/R/071/jugendprogramme/das-grosse-schnupper-abo/2026/27"> 2029 <span class="font-bold group-hover:text-skin-first">Das groÃe Schnupper-Abo</span> 2030 <span class="text-sm text-gray-600"> · Nr. 071</span> 2031 </a> 2032 </li> 2033 <li> 2034 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2035 href="https://theatergemeinde-koeln.org/kulturprogramme/R/073/jugendprogramme/save-the-date/2026/27"> 2036 <span class="font-bold group-hover:text-skin-first">Save the Date!</span> 2037 <span class="text-sm text-gray-600"> · Nr. 073</span> 2038 </a> 2039 </li> 2040 <li> 2041 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2042 href="https://theatergemeinde-koeln.org/kulturprogramme/R/074/jugendprogramme/das-kleine-schnupper-abo/2026/27"> 2043 <span class="font-bold group-hover:text-skin-first">Das kleine Schnupper-Abo</span> 2044 <span class="text-sm text-gray-600"> · Nr. 074</span> 2045 </a> 2046 </li> 2047 <li> 2048 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2049 href="https://theatergemeinde-koeln.org/kulturprogramme/R/075/jugendprogramme/klassiker-neu-gesehen/2026/27"> 2050 <span class="font-bold group-hover:text-skin-first">Klassiker. NEU gesehen.</span> 2051 <span class="text-sm text-gray-600"> · Nr. 075</span> 2052 </a> 2053 </li> 2054 <li> 2055 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2056 href="https://theatergemeinde-koeln.org/kulturprogramme/R/078/jugendprogramme/komodie-und-comedy/2026/27"> 2057 <span class="font-bold group-hover:text-skin-first">Komödie und Comedy</span>
2058 <span class="text-sm text-gray-600"> · Nr. 078</span> 2059 </a> 2060 </li> 2061 </ul> 2062 </div> 2063 </div> 2064 2065 <div class="mt-6 flex flex-wrap gap-3"> 2066 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Jugendprogramme&Kategorietyp=Jugendprogramme&JTG=0" class="btn btn-main inline-block"> 2067 Alle 5 Angebote ansehen 2068 </a> 2069 </div> 2070 2071 </div> 2072 2073 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-h-[18rem] lg:min-h-[22rem]"> 2074 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 2075 2076 2077 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 2078 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 2079 aria-hidden="true" /> 2080 2081 2082 <img class="absolute inset-0 h-full w-full object-contain object-center" 2083 src="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 2084 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vU2NoYXVzcGllbC9Db21lZGlhL0ltYWdpbmVfMjAyNi8yMDI1MTEyOF9waC1zdHVkaW8tcHJhbXVkaXlhX2FuYWxvZ3RoZWF0ZXJfSU1BR0lORS1XZWx0LW9obmUtdW5zX2NvbWVkaWEta29lbG5fNDQ1LmpwZw/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 2085 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="IMAGINE - Welt ohne uns | © Studio Pramudiya" 2086 loading="lazy" decoding="async" title="IMAGINE - Welt ohne uns | © Studio Pramudiya" /> 2087 2088 2089 <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"> 2090 2091 <div class=" text-[8px] text-white"> 2092 2093 IMAGINE - Welt ohne uns 2094 2095 <span class="opacity-80"> | © Studio Pramudiya</span> 2096 2097 2098 </div> 2099 2100 </div> 2101 2102</div> 2103 </div> 2104 </div> 2105 </div> 2106</section> 2107 <section id="kat-8" class="mb-16 scroll-mt-24"> 2108 <div class="overflow-hidden rounded-2xl shadow-lg"> 2109 <div class="bg-kat_Ko flex flex-col text-skin-inverted md:flex-row"> 2110 <div class="flex flex-1 flex-col justify-center p-6 md:p-10"> 2111 <h2 class="font-header text-3xl font-bold md:text-4xl"> 2112 <a class="hover:underline" href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Konzerte&Kategorietyp=Konzerte&JTG=0">Konzerte</a> 2113 </h2> 2114 <p class="mt-4 max-w-xl text-base leading-relaxed opacity-95">Erleben Sie groÃe Kompositionen gespielt von bekannten Orchestern, genieÃen Sie die besondere Atmosphäre eines Kammerkonzertes oder schwelgen Sie in Musik aus aller Welt. </p> 2115 2116 <div class="mt-6 rounded-xl bg-white p-5 text-skin-second shadow-inner"> 2117 <div class="mb-5"> 2118 <div class="mb-3 flex flex-wrap items-baseline gap-x-3 gap-y-1 border-b border-skin-second/30 pb-2"> 2119 <h3 class="font-header text-lg"> 2120 Spielzeit 2026/27 2121 </h3> 2122 </div> 2123 <ul class="space-y-2.5"> 2124 <li> 2125 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2126 href="https://theatergemeinde-koeln.org/kulturprogramme/R/021/konzerte/gurzenich-orchester-am-montag/2026/27">
2127 <span class="font-bold group-hover:text-skin-first">Gürzenich-Orchester am Montag</span> 2128 <span class="text-sm text-gray-600"> · Nr. 021</span> 2129 </a> 2130 </li> 2131 <li> 2132 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2133 href="https://theatergemeinde-koeln.org/kulturprogramme/R/022/konzerte/gurzenich-orchester-am-dienstag/2026/27"> 2134 <span class="font-bold group-hover:text-skin-first">Gürzenich-Orchester am Dienstag</span> 2135 <span class="text-sm text-gray-600"> · Nr. 022</span> 2136 </a> 2137 </li> 2138 <li> 2139 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2140 href="https://theatergemeinde-koeln.org/kulturprogramme/R/023/konzerte/gurzenich-orchester-am-sonntag/2026/27"> 2141 <span class="font-bold group-hover:text-skin-first">Gürzenich-Orchester am Sonntag</span> 2142 <span class="text-sm text-gray-600"> · Nr. 023</span> 2143 </a> 2144 </li> 2145 <li> 2146 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2147 href="https://theatergemeinde-koeln.org/kulturprogramme/R/026/konzerte/philharmonische-highlights/2026/27"> 2148 <span class="font-bold group-hover:text-skin-first">Philharmonische Highlights</span> 2149 <span class="text-sm text-gray-600"> · Nr. 026</span> 2150 </a> 2151 </li> 2152 <li> 2153 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2154 href="https://theatergemeinde-koeln.org/kulturprogramme/R/028/konzerte/gurzenich-trifft-wdr/2026/27"> 2155 <span class="font-bold group-hover:text-skin-first">Gürzenich trifft WDR</span> 2156 <span class="text-sm text-gray-600"> · Nr. 028</span> 2157 </a> 2158 </li> 2159 <li> 2160 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2161 href="https://theatergemeinde-koeln.org/kulturprogramme/R/031/konzerte/wdr-sinfonieorchester-und-mehr-i/2026/27"> 2162 <span class="font-bold group-hover:text-skin-first">WDR Sinfonieorchester und mehr... I</span> 2163 <span class="text-sm text-gray-600"> · Nr. 031</span> 2164 </a> 2165 </li> 2166 <li> 2167 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2168 href="https://theatergemeinde-koeln.org/kulturprogramme/R/032/konzerte/wdr-sinfonieorchester-und-mehr-ii/2026/27"> 2169 <span class="font-bold group-hover:text-skin-first">WDR Sinfonieorchester und mehr... II</span> 2170 <span class="text-sm text-gray-600"> · Nr. 032</span> 2171 </a> 2172 </li> 2173 <li> 2174 <a class="group block rounded-md py-1 transition hover:bg-skin-second/5" 2175 href="https://theatergemeinde-koeln.org/kulturprogramme/R/033/konzerte/zwischen-tasten-und-saiten/2026/27"> 2176 <span class="font-bold group-hover:text-skin-first">Zwischen Tasten und Saiten</span> 2177 <span class="text-sm text-gray-600"> · Nr. 033</span> 2178 </a> 2179 </li> 2180 </ul> 2181 </div> 2182 <p class="mt-3 text-sm text-gray-600">⦠und weitere Angebote in dieser Kategorie</p> 2183 </div> 2184 2185 <div class="mt-6 flex flex-wrap gap-3"> 2186 <a href="https://theatergemeinde-koeln.org/kulturprogramme/kategorie?Kategorie=Konzerte&Kategorietyp=Konzerte&JTG=0" class="btn btn-main inline-block"> 2187 Alle 16 Angebote ansehen 2188 </a> 2189 </div> 2190 2191 </div> 2192 2193 <div class="relative min-h-[14rem] w-full shrink-0 self-stretch overflow-hidden md:w-[44%] md:min-
2193h-[18rem] lg:min-h-[22rem]"> 2194 <div class="absolute inset-0 overflow-hidden bg-gray-800"> 2195 2196 2197 <img src="https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJibHVyIjoiMjAiLCJmbSI6IndlYnAiLCJxIjoiMjAiLCJ3IjoiNDAifQ.webp" 2198 class="absolute inset-0 h-full w-full scale-110 object-cover blur-lg transition-opacity duration-300" 2199 aria-hidden="true" /> 2200 2201 2202 <img class="absolute inset-0 h-full w-full object-contain object-center" 2203 src="https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp" 2204 srcset="https://theatergemeinde-koeln.org/images/a29lbG4vUGVyc29uZW4vU29saXN0ZW4vYXludXJfY19tdWhzaW5fYWtndW5fa20xOTQzNjYuanBn/eyJmaXQiOiJtYXgiLCJmbSI6IndlYnAiLCJxIjoiOTIiLCJ3IjoiNjAwIn0.webp 600w" 2205 sizes="(max-width: 768px) 100vw, (max-width: 1280px) 45vw, 640px" alt="Aynur | © Muhsin Akgun" 2206 loading="lazy" decoding="async" title="Aynur | © Muhsin Akgun" /> 2207 2208 2209 <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"> 2210 2211 <div class=" text-[8px] text-white"> 2212 2213 Aynur 2214 2215 <span class="opacity-80"> | © Muhsin Akgun</span> 2216 2217 2218 </div> 2219 2220 </div> 2221 2222</div> 2223 </div> 2224 </div> 2225 </div> 2226</section> 2227 2228 <section class="mt-16 border-t border-skin-second/20 pt-10" aria-labelledby="so-funktionierts-heading"> 2229 <details class="group overflow-hidden rounded-2xl border border-skin-second/25 bg-skin-second/5 shadow-sm open:bg-white"> 2230 <summary 2231 class="flex cursor-pointer list-none items-center justify-between gap-4 px-6 py-5 marker:content-none md:px-8"> 2232 <div> 2233 <h2 id="so-funktionierts-heading" class="font-header text-xl font-bold md:text-2xl"> 2234 So funktioniert’s 2235 </h2> 2236 <p class="mt-1 text-sm text-gray-600">Ihre Vorteile und der Weg zum Abonnement</p> 2237 </div> 2238 <span 2239 class="shrink-0 rounded-full bg-skin-second px-3 py-1 text-xs font-semibold text-skin-inverted transition group-open:rotate-180" 2240 aria-hidden="true">▼</span> 2241 </summary> 2242 2243 <div class="grid gap-8 border-t border-skin-second/15 px-6 pb-8 pt-6 md:grid-cols-2 md:px-8"> 2244 <div> 2245 <h3 class="mb-3 font-header font-bold">Ihre Vorteile</h3> 2246 <ul class="list-disc space-y-2 pl-5 text-sm text-gray-800"> 2247 <li>Stark ermäßigte Eintrittspreise auf unser gesamtes Angebot</li> 2248 <li>Spielstätten- und genreübergreifende Abonnements</li> 2249 <li>Eintrittskarten mit Werkeinführung per Post</li> 2250 <li>Service-Team für Änderungen und Beratung</li> 2251 <li>Einstieg jederzeit möglich</li> 2252 </ul> 2253 </div> 2254 <div> 2255 <h3 class="mb-3 font-header font-bold">In drei Schritten</h3> 2256 <ol class="list-decimal space-y-2 pl-5 text-sm text-gray-800"> 2257 <li>Passendes Abonnement wählen und anmelden (Prospekt oder Website)</li> 2258 <li>Rechnung und Unterlagen erhalten — Mitgliedschaft bei der Theatergemeinde KÃLN</li> 2259 <li>Eintrittskarten bequem per Post für jede Vorstellung</li> 2260 </ol> 2261 </div> 2262 </div> 2263 2264 <div class="border-t border-skin-second/15 px-6 pb-8 md:px-8"> 2265 <a href="https://theatergemeinde-koeln.org/wir?Kategorie=So%20funktioniert%C2%B4s&Kategorietyp=2&JTG=0" class="btn btn-main inline-block">Mehr erfahren auf „So funktioniert’s“</a> 2266 </div> 2267 </details> 2268 </section> 2269 </div> 2270 2271 </div> 2272 </div> 2273 2274 2275 <div class="pt-8"> 2276 </div> 2277 </main> 2278 <footer> 2279 <footer class="footer from-skin-second via-skin-second to-skin-first bg-gradient-to-b"> 2280 <div> 2281 <svg class="bg-skin-page fill-current text-skin-second" 2282 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2282ox="0 0 1440 320" 2283 xml:space="preserve"> 2284 <path 2285 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" /> 2286 </svg> 2287 2288 <div class="container px-6 text-skin-inverted"> 2289 2290 <div class="sm:mt-16 sm:flex"> 2291 2292 <div class="mt-8 sm:mt-0 sm:w-2/3 sm:pl-16"> 2293 2294 <div class="pb-6"> 2295 <a rel="nofollow" title="" target="_blank" href="https://www.facebook.com/theatergemeinde" 2296 class="mr-3 flex items-center"> 2297 <div class="float-left mr-3 block h-8 w-8 fill-current align-middle"> 2298 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 2299 <!-- 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) --> 2300 <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"/> 2301</svg> 2302 </div> 2303 <span class="hover:underline">Folgen Sie uns auf Facebook</span> 2304 </a> 2305 </div> 2306 2307 <div class="pb-6"> 2308 <a rel="nofollow" title="" target="_blank" class="mt-8" 2309 href="https://www.instagram.com/theatergemeinde_koeln/" class="mr-3 flex items-center"> 2310 <div class="float-left mr-3 block h-8 w-8 fill-current align-middle"> 2311 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 2312 <!-- 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) --> 2313 <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"/> 2314</svg> 2315 2316 </div> 2317 <span class="hover:underline">Folgen Sie uns auf Instagram</span> 2318 </a> 2319 </div> 2320 2321 <div class="flex flex-col text-white lg:mt-20"> 2322 <div class="md:flex"> 2323 <ul class="flex-1"> 2324 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/kontakt" 2325 class="hover:underline">Kontakt</a> 2326 </li> 2327 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/wir?Kategorie=H%C3%A4ufige%20Fragen&Kategorietyp=2&JTG=0" 2328 class="hover:underline">FAQ</a></li> 2329 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/newsletter/anmeldung" 2330 class="hover:underline">Newsletter</a></li> 2331 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/newsletter/abmeldung" 2332 class="hover:underline">Newsletter abmelden</a></li> 2333 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/agb" 2334 class="hover:underline">Allgemeine 2335 Geschä
2335ftsbedingungen</a></li> 2336 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/impressum" 2337 class="hover:underline">Impressum</a> 2338 </li> 2339 <li class="mb-1"><a title="" href="https://theatergemeinde-koeln.org/datenschutz" 2340 class="hover:underline">Datenschutz</a> 2341 </li> 2342 <li class="mb-1"><a title="" 2343 href="https://theatergemeinde-koeln.org/rheinkultur/7121/erklarung-zur-barrierefreiheit" 2344 class="hover:underline">Erklärung zur Barrierefreiheit</a> 2345 </li> 2346 </ul> 2347 <ul class="flex-1"> 2348 2349 <li class="mb-1"> 2350 <a class="hover:underline" 2351 href="/kulturprogramme?Kategorie=Unsere+Kulturprogramme&Kategorietyp=2&JTG=0"> 2352 Unsere Kulturprogramme 2353 </a> 2354 </li> 2355 2356 <li class="mb-1"> 2357 <a class="hover:underline" 2358 href="/reisen?Kategorie=Unsere+Reisen&Kategorietyp=2&JTG=0"> 2359 Unsere Reisen 2360 </a> 2361 </li> 2362 2363 <li class="mb-1"> 2364 <a class="hover:underline" 2365 href="/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&Kategorietyp=2&JTG=0?Kategorie=RHEINKULTUR+-+Das+Kultur-Magazin&Kategorietyp=2&JTG=0"> 2366 RHEINKULTUR - Das Kultur-Magazin 2367 </a> 2368 </li> 2369 2370 <li class="mb-1"> 2371 <a class="hover:underline" 2372 href="/Kulturkompass?Kategorie=KulturKompassKöln - Der Kulturführer&Kategorietyp=2&JTG=0?Kategorie=KulturKompassK%C3%B6ln+-+Der+Kulturf%C3%BChrer&Kategorietyp=2&JTG=0"> 2373 KulturKompassKöln - Der Kulturführer 2374 </a> 2375 </li> 2376 2377 <li class="mb-1"> 2378 <a class="hover:underline" 2379 href="/wir?Kategorie=Ihre+Vorteile&Kategorietyp=2&JTG=0"> 2380 Ihre Vorteile 2381 </a> 2382 </li> 2383
2383 2384 <li class="mb-1"> 2385 <a class="hover:underline" 2386 href="/wir?Kategorie=H%C3%A4ufige+Fragen&Kategorietyp=2&JTG=0"> 2387 Häufige Fragen 2388 </a> 2389 </li> 2390 2391 <li class="mb-1"> 2392 <a class="hover:underline" 2393 href="/wir?Kategorie=%C3%9Cber+uns&Kategorietyp=2&JTG=0"> 2394 Ãber uns 2395 </a> 2396 </li> 2397 2398 <li class="mb-1"> 2399 <a class="hover:underline" 2400 href="/wir?Kategorie=Unser+Team&Kategorietyp=2&JTG=0"> 2401 Unser Team 2402 </a> 2403 </li> 2404 2405 <li class="mb-1"> 2406 <a class="hover:underline" 2407 href="/wir?Kategorie=Die+K%C3%BCnstlerischen+Beir%C3%A4te&Kategorietyp=2&JTG=0"> 2408 Die Künstlerischen Beiräte 2409 </a> 2410 </li> 2411 2412 <li class="mb-1"> 2413 <a class="hover:underline" 2414 href="/wir?Kategorie=Der+Puck&Kategorietyp=2&JTG=0"> 2415 Der Puck 2416 </a> 2417 </li> 2418 2419 <li class="mb-1"> 2420 <a class="hover:underline" 2421 href="/wir?Kategorie=Partner+%26+Links&Kategorietyp=2&JTG=0"> 2422 Partner & Links 2423 </a> 2424 </li> 2425 </ul> 2426 </div> 2427 </div> 2428 2429 </div> 2430 2431 <div class="mt-16 flex flex-col text-white sm:mt-0 sm:w-1/3 sm:pr-16"> 2432 <div class="mb-3">
2433 <span class="mb-2 font-bold">Theatergemeinde KÃLN</span><br> 2434 Auf dem Berlich 34<br> 2435 50667 Köln<br> 2436 0221 92 57 420<br> 2437 [email protected] 2438 </div> 2439 <section> 2440 <div class="my-8"> 2441 <h2>Öffnungszeiten</h2> 2442 <p>Unser Service-Center ist zu folgenden Zeiten geöffnet</p> 2443 <table class="my-5 w-full "> 2444 2445 <tbody class="text-white"> 2446 2447 <tr class=" border-white"> 2448 <td class="">Montag </td> 2449 <td class=""> 10:00 Uhr - 16:00 Uhr</td> 2450 2451 </tr> 2452 <tr class=" border-white"> 2453 <td class="">Dienstag </td> 2454 <td class=""> 10:00 Uhr - 14:00 Uhr</td> 2455 2456 </tr> 2457 <tr class=" border-white"> 2458 <td class="">Mittwoch </td> 2459 <td class=""> 10:00 Uhr - 14:00 Uhr</td> 2460 2461 </tr> 2462 <tr class=" border-white"> 2463 <td class="">Donnerstag </td> 2464 <td class=""> 10:00 Uhr - 16:00 Uhr</td> 2465 2466 </tr> 2467 <tr class=" border-white"> 2468 <td class="">Freitag </td> 2469 <td class=""> 10:00 Uhr - 13:00 Uhr</td> 2470 2471 </tr> 2472 </tbody> 2473 </table> 2474</div> 2475 2476 </section> 2477 </div> 2478 </div> 2479 </div> 2480 <div class="container mx-auto px-6 pb-16 md:pb-4"> 2481 <div class="mt-16 flex flex-col items-center border-t border-white"> 2482 <div class="py-6 text-center sm:w-2/3"> 2483 <p class="mb-2 text-sm text-white">© 2484 2026 | Theatergemeinde KÃLN | 2485 2026/27 | 2486 Letzte 2487 Aktualisierung: Freitag, 09. Oktober 2026, 18:30 Uhr</p> 2488 </div> 2489 </div> 2490 </div> 2491 </div> 2492</footer> 2493 <div class="fixed bottom-0 z-30 block w-full lg:hidden"> 2494 <div class="h-16 bg-white bg-opacity-85 text-skin-second sm:block"> 2495 <div class="container"> 2496 <nav aria-label="Kurznavigation mobil"> 2497 <ul class="flex-wrapper flex justify-start"> 2498 <li class="hover:bg-skin-nav-hover hover:text-skin-inverted"> 2499 <a href="https://theatergemeinde-koeln.org/merkliste" data-merkliste-link aria-label="Merkliste" class="relative flex px-6 py-6"> 2500 <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"> 2501 <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" /> 2502 </svg> 2503 <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> 2504 </a> 2505 </li> 2506 <li class="hover:bg-skin-nav-hover hover:text-skin-inverted"> 2507 <a href="https://theatergemeinde-koeln.org/warenkorb" aria-label="Warenkorb" class="relative flex px-6 py-6"> 2508 <svg class="inline-block h-6 w-6 fill-current align-middle" xmlns="http://www.w3.org/2000/svg" 2509 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
2510 viewBox="0 0 576 512"> 2511 <path 2512 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" /> 2513 </svg> 2514 <span 2515 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> 2516 </a> 2517 </li> 2518 <li class="hover:bg-skin-nav-hover hover:text-skin-inverted"> 2519 <a href="https://theatergemeinde-koeln.org/tg/login?Kategorie=Login&Kategorietyp=2&JTG=0" class="relative block px-4 py-6 text-sm"> 2520 <svg class="float-left block h-6 w-6 fill-current align-middle" xmlns="http://www.w3.org/2000/svg" 2521 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" 2522 style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" 2523 preserveAspectRatio="xMidYMid meet" viewBox="0 0 1280 1536"> 2524 <path 2525 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" /> 2526 </svg> 2527 </a> 2528 </li> 2529 <li class="hover:bg-skin-nav-hover hover:text-skin-inverted"> 2530 <button type="button" @click="$store.modal.openById('searchForm')" aria-haspopup="dialog" 2531 aria-label="Suche öffnen" 2532 :aria-expanded="$store.modal.open && $store.modal.targetId === 'searchForm' ? 'true' : 'false'" 2533 class="relative block px-4 py-6 text-sm lg:text-base"> 2534 <svg class="h5 block w-5 fill-current align-middle" xmlns="http://www.w3.org/2000/svg" 2535 xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" 2536 preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"> 2537 <path 2538 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" /> 2539 </svg> 2540 </button> 2541 </li> 2542 </ul> 2543 </nav> 2544 </div> 2545</div> 2546 </div> 2547 </footer> 2548 2549 <style> 2550 h1, h2, h3, h4, h5, h6 { 2551 max-width: 100%; 2552 overflow-wrap: anywhere; 2553 } 2554 .field { 2555 box-sizing: border-box; 2556 max-width: 100%; 2557 min-width: 0; 2558 } 2559 form .flex > .w-full { 2560 min-width: 0; 2561 max-width: 100%; 2562 } 2563 @media (max-width: 767px) { 2564 #scrollButton { 2565 right: 0.75rem; 2566 padding: 0.4rem; 2567 } 2568 #scrollButton svg { 2569 width: 1.35rem; 2570 height: 1.35rem; 2571 } 2572 } 2573 </style> 2574 <div id="scrollButton" 2575 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"> 2576 <button type="button" class="cursor-pointer bg-transparent p-0" style="border: 0" aria-label="Nach oben scrollen"> 2577 <svg class="h-12 w-12 fill-current" version="1.0" xmlns="http://www.w3.org/2000/svg"
2578 viewBox="0 0 1280.000000 1280.000000" preserveAspectRatio="xMidYMid meet"> 2579 <g transform="translate(0.000000,1280.000000) scale(0.100000,-0.100000)" fill=""> 2580 <path d="M6288 11770 c-172 -21 -372 -107 -511 -220 -40 -32 -786 -773 -1659 2581-1647 -1716 -1718 -1653 -1651 -1729 -1835 -55 -132 -73 -227 -72 -383 0 -119 25824 -155 27 -240 171 -648 919 -938 1482 -573 64 41 221 193 836 807 l758 755 3 2583-3289 2 -3290 22 -80 c113 -417 441 -702 855 -744 519 -52 984 310 1063 829 258413 81 15 556 15 3335 l0 3240 758 -757 c808 -807 820 -818 987 -887 140 -59 2585215 -74 375 -75 195 -1 330 32 487 120 507 283 652 940 315 1424 -48 70 -3156 25863189 -3273 3285 -72 60 -217 144 -291 169 -157 53 -317 73 -450 56z" /> 2587 </g> 2588 </svg> 2589 </button> 2590 </div> 2591 2592 2593 2594 2595 2596 </div> 2597 <!-- TEMPLATE Modal Searchform--> 2598 <div id="searchForm" class="hidden"> 2599 <div class="mb-6 w-full text-skin-second"> 2600 <h1 class="mb-4">Was suchen Sie?</h1> 2601 <h2>Sie suchen eine bestimmte Veranstaltung?</h2> 2602 <div class="my-6 grid grid-cols-1 gap-4 md:grid-cols-3 xl:grid-cols-4"> 2603 <div> 2604 <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"> 2605 zur Eventsuche 2606 </a> 2607 </div> 2608 <div> 2609 <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"> 2610 Opern-Events 2611 </a> 2612 </div> 2613 <div> 2614 <a type="button" class="btn btn-main <!--bg-kat_Sc--> bg-skin-second text-sm" 2615 href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Schauspiel"> 2616 Schauspiel-Events 2617 </a> 2618 </div> 2619 <div> 2620 <a type="button" class="btn btn-main <!--bg-kat_Ki--> bg-skin-second text-sm" 2621 href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Kinderst%C3%BCck"> 2622 Kinder-Events 2623 </a> 2624 </div> 2625 <div> 2626 <a type="button" class="btn btn-main <!--bg-kat_Ko--> bg-skin-second text-sm" 2627 href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Konzert"> 2628 Konzert-Events 2629 </a> 2630 </div> 2631 2632 <div> 2633 <a type="button" class="btn btn-main <!--bg-kat_Ka--> bg-skin-second text-sm" 2634 href="https://theatergemeinde-koeln.org/Kulturkompass/termine?Kategorie=Eventsuche&Kategorietyp=2&JTG=0&Genre=Kabarett%2FComedy"> 2635 Kabarett & Co 2636 </a> 2637 </div> 2638 </div> 2639 <h2>Sie suchen bestimmte Angebote der Theatergemeinde KÃLN</h2> 2640 <div class="my-6 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3"> 2641 <div> 2642 <a type="button" class="btn btn-main lg:text-normal-case bg-skin-second text-sm" 2643 href="https://theatergemeinde-koeln.org/kulturprogramme?Kategorie=Unsere%20Kulturprogramme%20&Kategorietyp=2&JTG=0"> 2644 Unsere Kulturprogramme 2645 </a> 2646 </div> 2647 <div> 2648 <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"> 2649 Unsere Reisen 2650 </a> 2651 </div> 2652 <div> 2653 <a type="button" class="btn btn-main bg-skin-second text-sm" 2654 href="https://theatergemeinde-koeln.org/rheinkultur?Kategorie=RHEINKULTUR%20-%20Das%20Kultur-Magazin&Kategorietyp=2&JTG=0"> 2655 Aktuelles & News 2656 </a> 2657 </div> 2658 <div> 2659 <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"> 2660 Die Junge Theatergemeinde 2661 </a> 2662 </div> 2663 <div> 2664 <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"> 2665 Der Kulturführer 2026/27 2666 </a> 2667 </div> 2668 2669 </div> 2670 2671</div> 2672 </div> 2673 <!-- TEMPLATE Modal Searchform--> 2674 <div id="modalLogin" class="hidden"> 2675 <h1 class="text-skin-second my-5">Login</h1> 2676 2677 <form method="POST" action="https://theatergemeinde-koeln.org/tg/login" class="'w-full mt-5 max-w-xl" aria-label="Login" 2678 accept-charset="UTF-8"> 2679 <input type="hidden" name="_token" value="8Jb3lRyVmQ235BAwyIx2TS2zvQf0XhhHAadVsD04" autocomplete="off"> <input type="hidden" name="current_page" value="/kulturprogramme?Kategorietyp=2&JTG=0&Kategorie=Unsere+Kulturprogramme"> 2680 <input type="hidden" name="scroll_target" id="login-scroll-target" value=""> 2681 <div class="mb-6 flex flex-wrap"> 2682 2683 <div class="field-group mb-6 w-full px-3 md:mb-0 md:w-1/2"> 2684 <label for="id_KundenNr" class="field-label"> 2685 Mitglieds-Nummer*
2686 <span class="sr-only"> (Pflichtfeld)</span> 2687 </label> 2688 <input type="text" id="id_KundenNr" name="KundenNr" value="" 2689 placeholder="" required aria-required="true" autocomplete="username" aria-invalid="false" 2690 class="field" autofocus="autofocus" /> 2691 </div> 2692 2693 </div> 2694 <div class="mb-6 flex flex-wrap"> 2695 <div class="field-group mb-6 w-full px-3 md:mb-0 md:w-1/2"> 2696 <label for="password_password" class="field-label"> 2697 Passwort* 2698 <span class="sr-only"> (Pflichtfeld)</span> 2699 </label> 2700 <input type="password" id="password_password" name="password" value="" 2701 placeholder="" required aria-required="true" autocomplete="current-password" aria-invalid="false" 2702 class="field" /> 2703 </div> 2704 </div> 2705 2706 <div class="form-group row mb-0"> 2707 <div class="col-md-8 offset-md-4"> 2708 <button type="submit" class="btn btn-main">Login</button> 2709 </div> 2710 <div class="text-skin-second mt-8"> 2711 <p>Sie haben Ihr <a class="transi-500 text-skin-first underline" type="button" 2712 href="https://theatergemeinde-koeln.org/tg/pwvergessen">Passwort vergessen</a>?</p> 2713 <p> Sie möchten Sich für unseren Online-Service <a class="transi-500 text-skin-first underline" 2714 type="button" href="https://theatergemeinde-koeln.org/tg/register">registrieren</a>?</p> 2715 </div> 2716 </div> 2717 </form> 2718 2719
2719<script> 2720 window.setLoginScrollTarget = function(veranstaltungsNr) { 2721 const input = document.getElementById('login-scroll-target'); 2722 if (!input) return; 2723 const value = String(veranstaltungsNr || '').trim(); 2724 input.value = value !== '' ? ('termin-' + value) : ''; 2725 window.sucheBeimLoginMerken(); 2726 }; 2727 window.sucheBeimLoginMerken = function() { 2728 const pfad = window.location.pathname.replace(/\/+$/, ''); 2729 if (pfad === '/tg/login') return; 2730 const seite = window.location.pathname + window.location.search; 2731 document.querySelectorAll('input[name="current_page"]').forEach(function(feld) { 2732 feld.value = seite; 2733 }); 2734 }; 2735 document.addEventListener('submit', function(event) { 2736 const form = event.target; 2737 if (!form || !form.querySelector || !form.querySelector('input[name="current_page"]') || !form.querySelector('input[name="password"]')) return; 2738 window.sucheBeimLoginMerken(); 2739 }, true); 2740 document.addEventListener('click', function(event) { 2741 if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return; 2742 const link = event.target.closest && event.target.closest('a[href]'); 2743 if (!link) return; 2744 let url; 2745 try { url = new URL(link.href, window.location.origin); } catch (e) { return; } 2746 if (url.origin !== window.location.origin || url.pathname.replace(/\/+$/, '') !== '/tg/login') return; 2747 if (window.location.pathname.replace(/\/+$/, '') === '/tg/login') return; 2748 event.preventDefault(); 2749 url.searchParams.set('zurueck', window.location.pathname + window.location.search); 2750 window.location.href = url.toString(); 2751 }, true); 2752 </script>
2752 2753 2754 </div> 2755 2756 <div x-cloak x-show="$store.ui.sidenavOpen" x-transition.opacity class="fixed inset-0 z-40 bg-black/50" 2757 aria-hidden="true" tabindex="-1" @click="$store.ui.close()"></div> 2758 <div x-cloak x-show="$store.modal.open" x-transition.opacity id="a11y-modal-root" 2759 class="fixed inset-0 z-50 flex bg-black/50" role="dialog" aria-modal="true" 2760 :aria-label="$store.modal.dialogLabel()" @click.self="$store.modal.close()" 2761 @keydown.escape.window="$store.modal.close()"> 2762 2763 <!-- DEFAULT MODAL --> 2764 <div x-show="$store.modal.layout === 'default'" 2765 class="relative m-auto w-11/12 max-w-4xl rounded-lg bg-white shadow-lg"> 2766 <button type="button" data-a11y-modal-close class="absolute right-4 top-2 rounded px-2 py-1 hover:bg-gray-100" 2767 aria-label="Dialog schlieÃen" @click="$store.modal.close()"> 2768 <span aria-hidden="true">â</span> 2769 </button> 2770 2771 <div class="p-8" x-html="$store.modal.html"> 2772 </div> 2773 </div> 2774 2775 <!-- FULLSCREEN MODAL --> 2776 <div x-show="$store.modal.layout === 'fullscreen'" class="relative h-full w-full overflow-y-auto bg-white"> 2777 <button type="button" data-a11y-modal-close 2778 class="absolute right-4 top-2 z-10 rounded px-2 py-1 hover:bg-gray-100" aria-label="Dialog schlieÃen" 2779 @click="$store.modal.close()"> 2780 <span aria-hidden="true">â</span> 2781 </button> 2782 2783 <div class="p-10" x-html="$store.modal.html"> 2784 </div> 2785 </div> 2786 2787 <!-- SIDE MODAL (links reinfahrend) --> 2788 <div x-show="$store.modal.layout === 'side'" x-transition:enter="transition transform duration-300" 2789 x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0" 2790 x-transition:leave="transition transform duration-300" x-transition:leave-start="translate-x-0" 2791 x-transition:leave-end="-translate-x-full" 2792 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"> 2793 <button type="button" data-a11y-modal-close
2794 class="absolute right-4 top-4 rounded px-2 py-1 hover:bg-gray-100" aria-label="Dialog schlieÃen" 2795 @click="$store.modal.close()"> 2796 <span aria-hidden="true">â</span> 2797 </button> 2798 <template x-if="$store.modal.loading"> 2799 <p>Lade...</p> 2800 </template> 2801 <template x-if="!$store.modal.loading"> 2802 <div class="relative mt-6 md:rounded-xl md:p-12 md:shadow-lg" x-html="$store.modal.html"> 2803 </div> 2804 </template> 2805 </div> 2806 2807</div> 2808 2809</body> 2810
2811<script src="https://theatergemeinde-koeln.org/js/swiper-bundle.min.js"></script>
2811 2812<style> 2813 .merkliste-herz { 2814 display: inline-flex; 2815 align-items: center; 2816 justify-content: center; 2817 width: 2.25rem; 2818 height: 2.25rem; 2819 margin: 0; 2820 padding: 0; 2821 border: 0; 2822 border-radius: 999px; 2823 background: #fff; 2824 color: var(--color-first); 2825 box-shadow: 0 1px 4px rgba(0, 0, 0, .18); 2826 cursor: pointer; 2827 } 2828 .merkliste-herz svg { 2829 width: 1.15rem; 2830 height: 1.15rem; 2831 fill: none; 2832 stroke: currentColor; 2833 stroke-width: 2; 2834 } 2835 .merkliste-herz[aria-pressed="true"] svg { 2836 fill: currentColor; 2837 } 2838 .merkliste-herz.ist-auf-karte { 2839 position: absolute; 2840 top: 0.55rem; 2841 right: 0.55rem; 2842 z-index: 5; 2843 } 2844 .merkliste-herz.ist-auf-karte.ist-links { 2845 right: auto; 2846 left: 0.55rem; 2847 } 2848 .merkliste-zeile { 2849 display: flex; 2850 align-items: flex-start; 2851 gap: 0.75rem; 2852 } 2853 .merkliste-zeile .merkliste-text { 2854 min-width: 0; 2855 flex: 1 1 auto; 2856 } 2857 @media (max-width: 767px) { 2858 .merkliste-zeile { 2859 display: grid; 2860 grid-template-columns: auto minmax(0, 1fr); 2861 align-items: start; 2862 } 2863 .merkliste-zeile .merkliste-bestellen { 2864 grid-column: 1 / -1; 2865 justify-self: start; 2866 } 2867 } 2868</style>
2869<script> 2870 (function () { 2871 var speicher = 'tg-merkliste'; 2872 var angemeldet = false; 2873 var typName = { reise: 'Reise', abo: 'Abo', termin: 'Termin' }; 2874 var korbBasis = { 2875 termin: "\/Kulturkompass\/response\/preise\/", 2876 abo: "\/kulturprogramme\/response\/bestellen", 2877 reise: "\/reisen\/response\/bestellen" }; 2878 var standUrl = "https:\/\/theatergemeinde-koeln.org\/merkliste\/stand"; 2879 var standCache = null; 2880 var standBereit = false; 2881 var standLauf = 0; 2882 2883 function lesen() { 2884 try { 2885 var roh = JSON.parse(localStorage.getItem(speicher) || '{}'); 2886 return roh && typeof roh === 'object' && !Array.isArray(roh) ? roh : {}; 2887 } catch (fehler) { 2888 return {}; 2889 } 2890 } 2891 2892 function schreiben(liste) { 2893 localStorage.setItem(speicher, JSON.stringify(liste)); 2894 } 2895 2896 function sichereUrl(url) { 2897 var wert = String(url || '').trim(); 2898 if (!wert) { 2899 return ''; 2900 } 2901 if (wert.charAt(0) === '/' && wert.charAt(1) !== '/') { 2902 return wert; 2903 } 2904 try { 2905 var geparst = new URL(wert, window.location.origin); 2906 if (geparst.origin !== window.location.origin) { 2907 return ''; 2908 } 2909 return geparst.pathname + geparst.search; 2910 } catch (fehler) { 2911 return ''; 2912 } 2913 } 2914 2915 function korbZiel(eintrag) { 2916 if (Object.prototype.hasOwnProperty.call(eintrag, 'korb')) { 2917 return sichereUrl(eintrag.korb || ''); 2918 } 2919 var id = String(eintrag.id || ''); 2920 if (!id) { 2921 return ''; 2922 } 2923 if (eintrag.typ === 'termin') { 2924 return korbBasis.termin + encodeURIComponent(id); 2925 } 2926 if (eintrag.typ === 'reise') { 2927 return korbBasis.reise + '?ReiseNr=' + encodeURIComponent(id); 2928 } 2929 if (eintrag.typ === 'abo') { 2930 var teile = id.split('|'); 2931 if (teile.length < 3) { 2932 return ''; 2933 } 2934 return korbBasis.abo 2935 + '?AboArt=' + encodeURIComponent(teile[0]) 2936 + '&AboRing=' + encodeURIComponent(teile[1]) 2937 + '&Spielzeit=' + encodeURIComponent(teile.slice(2).join('|')); 2938 } 2939 return ''; 2940 } 2941 2942 function seiteZeichnen(liste) { 2943 var listeEl = document.getElementById('merkliste-liste'); 2944 var leer = document.getElementById('merkliste-leer'); 2945 if (!listeEl) { 2946 return; 2947 } 2948 listeEl.replaceChildren(); 2949 var eintraege = Object.keys(liste).map(function (key) { return liste[key]; }); 2950 if (leer) { 2951 leer.hidden = eintraege.length > 0; 2952 } 2953 eintraege.forEach(function (eintrag) { 2954 var zeile = document.createElement('li'); 2955 zeile.className = 'merkliste-zeile rounded-xl border border-gray-200 bg-white p-4 shadow-sm'; 2956 var herz = document.createElement('button'); 2957 herz.type = 'button'; 2958 herz.className = 'merkliste-herz'; 2959 herz.setAttribute('data-merkliste-typ', eintrag.typ || ''); 2960 herz.setAttribute('data-merkliste-id', eintrag.id || ''); 2961 herz.setAttribute('data-merkliste-titel', eintrag.titel || ''); 2962 herz.setAttribute('data-merkliste-url', eintrag.url || ''); 2963 herz.setAttribute('data-merkliste-korb', eintrag.korb || ''); 2964 herz.setAttribute('data-merkliste-zusatz', eintrag.zusatz || ''); 2965 herz.setAttribute('aria-pressed', 'true'); 2966 herz.setAttribute('aria-label', 'Von der Merkliste nehmen'); 2967 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>'; 2968 var text = document.createElement('div'); 2969 text.className = 'merkliste-text'; 2970 var art = document.createElement('p'); 2971 art.className = 'text-xs font-bold uppercase'; 2972 art.style.color = 'var(--color-first)'; 2973 art.textContent = typName[eintrag.typ] || 'Eintrag'; 2974 var titel = document.createElement('p'); 2975 titel.className = 'font-serif text-xl font-bold text-skin-first'; 2976 titel.textContent = eintrag.titel || 'Ohne Titel'; 2977 var zusatz = null; 2978 if (eintrag.zusatz) { 2979 zusatz = document.createElement('p'); 2980 zusatz.className = 'text-sm text-black'; 2981 zusatz.textContent = eintrag.zusatz; 2982 } 2983 var ziel = sichereUrl(eintrag.url); 2984 if (ziel) { 2985 var link = document.createElement('a'); 2986 link.href = ziel; 2987 link.className = 'block hover:underline'; 2988 link.appendChild(titel); 2989 if (zusatz) { 2990 link.appendChild(zusatz); 2991 } 2992 text.appendChild(art); 2993 text.appendChild(link); 2994 } else { 2995 text.appendChild(art); 2996 text.appendChild(titel); 2997 if (zusatz) { 2998 text.appendChild(zusatz); 2999 } 3000 } 3001 zeile.appendChild(herz); 3002 zeile.appendChild(text); 3003 var schluessel = (eintrag.typ || '') + ':' + (eintrag.id || '');
3004 var korb = korbZiel(eintrag); 3005 var hinweisText = ''; 3006 if (!standBereit) { 3007 korb = ''; 3008 } else if (standCache && Object.prototype.hasOwnProperty.call(standCache, schluessel)) { 3009 if (!standCache[schluessel].buchbar) { 3010 korb = ''; 3011 hinweisText = standCache[schluessel].hinweis || 'Nicht mehr verfügbar'; 3012 } 3013 } else if (standCache) { 3014 korb = ''; 3015 hinweisText = 'Nicht mehr verfügbar'; 3016 } 3017 if (hinweisText) { 3018 var hinweis = document.createElement('p'); 3019 hinweis.className = 'mt-1 text-sm font-semibold text-black'; 3020 hinweis.textContent = hinweisText; 3021 text.appendChild(hinweis); 3022 } 3023 if (korb) { 3024 var bestellen = document.createElement('button'); 3025 bestellen.type = 'button'; 3026 bestellen.className = 'btn btn-main merkliste-bestellen'; 3027 bestellen.setAttribute('data-merkliste-bestellen', korb); 3028 bestellen.setAttribute('data-merkliste-korb-typ', eintrag.typ || ''); 3029 bestellen.setAttribute('data-merkliste-korb-id', eintrag.id || ''); 3030 bestellen.textContent = (eintrag.typ === 'termin' && !angemeldet) ? 'Zum Bestellen anmelden' : 'In den Warenkorb'; 3031 zeile.appendChild(bestellen); 3032 } 3033 listeEl.appendChild(zeile); 3034 }); 3035 } 3036 3037 window.merklisteAktualisieren = function (wurzel) { 3038 var liste = lesen(); 3039 var bereich = wurzel && wurzel.querySelectorAll ? wurzel : document; 3040 bereich.querySelectorAll('.merkliste-herz').forEach(function (knopf) { 3041 var key = knopf.dataset.merklisteTyp + ':' + knopf.dataset.merklisteId; 3042 var an = Object.prototype.hasOwnProperty.call(liste, key); 3043 knopf.setAttribute('aria-pressed', an ? 'true' : 'false'); 3044 knopf.setAttribute('aria-label', an ? 'Von der Merkliste nehmen' : 'Auf die Merkliste'); 3045 }); 3046 var anzahl = Object.keys(liste).length; 3047 document.querySelectorAll('[data-merkliste-anzahl]').forEach(function (el) { 3048 el.textContent = String(anzahl); 3049 }); 3050 document.querySelectorAll('[data-merkliste-link]').forEach(function (el) { 3051 el.setAttribute('aria-label', anzahl > 0 ? ('Merkliste, ' + anzahl + (anzahl === 1 ? ' Eintrag' : ' Einträge')) : 'Merkliste'); 3052 }); 3053 document.querySelectorAll('[data-merkliste-navherz]').forEach(function (svg) { 3054 svg.setAttribute('fill', anzahl > 0 ? 'currentColor' : 'none'); 3055 }); 3056 var seite = document.getElementById('merkliste-liste'); 3057 if (!wurzel || wurzel === document || (seite && wurzel.contains && wurzel.contains(seite))) { 3058 seiteZeichnen(liste); 3059 standNachladen(liste); 3060 } 3061 }; 3062 3063 function standNachladen(liste) { 3064 if (!document.getElementById('merkliste-liste')) { 3065 return; 3066 } 3067 var lauf = ++standLauf; 3068 var eintraege = Object.keys(liste).map(function (key) { 3069 return { typ: liste[key].typ || '', id: liste[key].id || '' }; 3070 }); 3071 if (!eintraege.length) { 3072 standBereit = true; 3073 standCache = {}; 3074 seiteZeichnen(liste); 3075 return; 3076 } 3077 var tokenFeld = document.querySelector('meta[name="csrf-token"]'); 3078 var token = tokenFeld ? tokenFeld.getAttribute('content') : ''; 3079 if (!token) { 3080 standBereit = true; 3081 standCache = null; 3082 seiteZeichnen(liste); 3083 return; 3084 } 3085 fetch(standUrl, { 3086 method: 'POST', 3087 headers: { 3088 'Content-Type': 'application/json', 3089 'Accept': 'application/json', 3090 'X-CSRF-TOKEN': token, 3091 'X-Requested-With': 'XMLHttpRequest'
3092 }, 3093 body: JSON.stringify({ eintraege: eintraege }) 3094 }).then(function (antwort) { 3095 if (!antwort.ok) { 3096 throw new Error('stand'); 3097 } 3098 return antwort.json(); 3099 }).then(function (daten) { 3100 if (lauf !== standLauf) { 3101 return; 3102 } 3103 standBereit = true; 3104 standCache = daten && typeof daten === 'object' && !Array.isArray(daten) ? daten : {}; 3105 seiteZeichnen(lesen()); 3106 }).catch(function () { 3107 if (lauf !== standLauf) { 3108 return; 3109 } 3110 standBereit = true; 3111 standCache = null; 3112 seiteZeichnen(lesen()); 3113 }); 3114 } 3115 3116 document.addEventListener('click', function (event) { 3117 var bestellen = event.target.closest('[data-merkliste-bestellen]'); 3118 if (bestellen) { 3119 event.preventDefault(); 3120 event.stopPropagation(); 3121 var store = window.Alpine && Alpine.store ? Alpine.store('modal') : null; 3122 if (!store) { 3123 return; 3124 } 3125 if (bestellen.dataset.merklisteKorbTyp === 'termin' && !angemeldet) { 3126 if (window.setLoginScrollTarget) { 3127 window.setLoginScrollTarget(bestellen.dataset.merklisteKorbId || ''); 3128 } 3129 store.openById('modalLogin'); 3130 return; 3131 } 3132 store.openAjax(bestellen.dataset.merklisteBestellen, 'side'); 3133 return; 3134 } 3135 var knopf = event.target.closest('.merkliste-herz'); 3136 if (!knopf) { 3137 return; 3138 } 3139 event.preventDefault(); 3140 event.stopPropagation(); 3141 var typ = knopf.dataset.merklisteTyp || ''; 3142 var id = knopf.dataset.merklisteId || ''; 3143 if (!typ || !id) { 3144 return; 3145 } 3146 var key = typ + ':' + id; 3147 var liste = lesen(); 3148 if (Object.prototype.hasOwnProperty.call(liste, key)) { 3149 delete liste[key]; 3150 } else { 3151 liste[key] = { 3152 typ: typ, 3153 id: id, 3154 titel: knopf.dataset.merklisteTitel || '', 3155 url: sichereUrl(knopf.dataset.merklisteUrl), 3156 korb: sichereUrl(knopf.dataset.merklisteKorb), 3157 zusatz: knopf.dataset.merklisteZusatz || '' 3158 }; 3159 } 3160 schreiben(liste); 3161 window.merklisteAktualisieren(); 3162 }); 3163 3164 window.merklisteAktualisieren(); 3165 })(); 3166</script>
3166 3167 3168 3169
3170<script type="module"> 3171 const scrollButton = document.getElementById("scrollButton"); 3172 3173 if (scrollButton) { 3174 document.addEventListener("DOMContentLoaded", () => { 3175 const scrollButton = document.getElementById("scrollButton"); 3176 3177 if (!scrollButton) return; // ð¥ WICHTIG 3178 3179 document.addEventListener("scroll", () => { 3180 if (window.scrollY > 100) { 3181 scrollButton.classList.remove("hidden", "opacity-0", "translate-y-2"); 3182 scrollButton.classList.add("opacity-100", "translate-y-0"); 3183 } else { 3184 scrollButton.classList.add("opacity-0", "translate-y-2"); 3185 scrollButton.classList.remove("opacity-100", "translate-y-0"); 3186 } 3187 }); 3188 3189 scrollButton.addEventListener("click", (event) => { 3190 event.preventDefault(); 3191 event.stopPropagation(); 3192 window.scrollTo({ 3193 top: 0, 3194 behavior: "smooth" 3195 }); 3196 }); 3197 }); 3198 } 3199</script>
3199 3200 3201 3202</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.