1<!DOCTYPE html> 2<html lang="de"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta http-equiv="language" content="DE"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta name="apple-mobile-web-app-capable" content="YES" /> 10 <meta name="csrf-token" content=""> 11 <meta name="robots" content="noindex, follow"> 12 13 14 <meta property="og:url" content="https://www.kino-bochum.de/barrierefrei"> 15 <meta property="og:type" content="website"> 16 <meta property="og:title" content="Aktuelle Events"> 17 <meta property="og:description" content="Union Filmtheater â Barrierefreie Webseite"> 18 <meta property="fb:app_id" content="353943021379058" /> 19 20 21 <title>Aktuelle Events</title> 22 <meta name="description" content="Union Filmtheater â Barrierefreies Kinoprogramm, Informationen und mehr."> 23 <meta name="keywords" 24 content="Union Filmtheater, Kino, Barrierefreiheit, Kinoprogramm, Film, Cinema, barrierefrei"> 25 26 27 <link rel="stylesheet" href="https://www.kino-bochum.de/css/barrierefrei.css"> 28 29 30 <link rel="apple-touch-icon" sizes="180x180" 31 href="/clients/300/img/favicons/apple-touch-icon.png"> 32 <link rel="icon" type="image/png" href="/clients/300/img/favicons/favicon-32x32.png" 33 sizes="32x32"> 34 <link rel="icon" type="image/png" href="/clients/300/img/favicons/favicon-16x16.png" 35 sizes="16x16"> 36 <link rel="manifest" href="/clients/300/img/favicons/manifest.json"> 37 <link rel="mask-icon" href="/clients/300/img/favicons/safari-pinned-tab.svg" color="#ffffff"> 38 <meta name="theme-color" content="#ffffff"> 39 40 41
41<script defer src="/js/klaro_barrierefrei.js?id=013ecc88d008f2b78320c57fd0f03a99"></script>
vendor: 250 bytes, lines 41-50
41 42 <script 43 type="text/plain" 44 data-type="application/javascript" 45 data-name="recaptcha" 46 data-src="https://www.google.com/recaptcha/api.js" 47 async 48 defer> 49 </script> 50
50</head> 51 52<body class="bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-50"> 53 54 <div class="text-center bg-gray-200 dark:bg-gray-700 text-black dark:text-gray-100 py-2 px-4" role="complementary"> 55 <a href="/" 56 class="font-semibold underline focus:outline-2 focus:outline-offset-2" tabindex="0"> 57 Zur Standardversion der Webseite 58 </a> 59 </div> 60 61 <nav class="border-b border-gray-200 dark:border-gray-600" aria-label="Hauptnavigation"> 62 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 63 <div class="flex justify-between items-center h-20 sm:h-16"> 64 <!-- Logo --> 65 <div class="flex-shrink-0"> 66 <a href="https://www.kino-bochum.de/barrierefrei" 67 class="text-xl sm:text-2xl lg:text-3xl font-extrabold leading-tight text-gray-900 dark:text-white block max-w-[590px] lg:max-w-none"> 68 <span title="Union Filmtheater">Union Filmtheater</span> 69 </a> 70 </div> 71 72 <!-- Burger-Menü (Mobile) --> 73 <div class="flex items-center space-x-1"> 74 <button id="menu-toggle" 75 class="p-2 flex items-center gap-2 text-gray-500 dark:text-gray-200 hover:text-black dark:hover:text-white focus-ring text-[30px]" 76 aria-expanded="false" aria-controls="mobile-menu"> 77 <span class="text-[16px] leading-[30px] relative top-[3px]">Navigation</span> 78 <span aria-hidden="true">â°</span> 79 <span class="sr-only">Menü öffnen</span> 80 </button> 81 </div> 82 </div> 83 </div> 84 85 <ul id="mobile-menu" 86 class="hidden absolute right-4 top-16 z-50 w-72 flex-col space-y-1 p-4 bg-white dark:bg-gray-900 rounded-lg shadow-lg border border-gray-300 dark:border-gray-600" 87 role="menubar"> 88 <li class="relative" role="none"> 89 <button id="menubutton-0" role="menuitem" 90 aria-haspopup="false" 91 data-url="/barrierefrei/home" data-target="_self" 92 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 93 Home 94 </button> 95 96 </li> 97 <li class="relative" role="none"> 98 <button id="menubutton-1" role="menuitem" 99 aria-haspopup="true" 100 aria-expanded="false" 101 aria-controls="submenu-1" data-url="" data-target="_self" 102 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 103 Programm/Tickets 104 <span class="ml-2 inline-block transition-transform duration-200 ease-in-out transform rotate-0" 105 aria-hidden="true">â¶</span> 106 </button> 107 108 <ul id="submenu-1" role="menu" class="hidden pl-4 mt-1 space-y-1" 109 aria-label="Untermenü von Programm/Tickets"> 110 <li role="none"> 111 <a href="/barrierefrei/programm" target="_self" 112 role="menuitem" tabindex="-1" 113 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 114 Komplettes Programm 115 </a> 116 </li> 117 <li role="none"> 118 <a href="/barrierefrei/reihe/reihe_Sonderprogramm" target="_self" 119 role="menuitem" tabindex="-1" 120 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 121 Best Of Cinema 122 </a> 123 </li> 124 <li role="none"> 125 <a href="/barrierefrei/reihe/reihe_S2" target="_self" 126 role="menuitem" tabindex="-1" 127 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 128 Montagskino 129 </a> 130 </li> 131 <li role="none"> 132 <a href="/barrierefrei/reihe/reihe_S3" target="_self" 133 role="menuitem" tabindex="-1" 134 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 135 Originalversion 136 </a> 137 </li> 138 <li role="none"> 139 <a href="/barrierefrei/reihe/reihe_S6" target="_self" 140 role="menuitem" tabindex="-1" 141 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 142 Sneak 143 </a> 144 </li> 145 <li role="none"> 146 <a href="/barrierefrei/reihe/reihe_S7" target="_self" 147 role="menuitem" tabindex="-1" 148 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring">
149 Kinderfilme 150 </a> 151 </li> 152 <li role="none"> 153 <a href="/barrierefrei/vorschau" target="_self" 154 role="menuitem" tabindex="-1" 155 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 156 Vorschau 157 </a> 158 </li> 159 </ul> 160 </li> 161 <li class="relative" role="none"> 162 <button id="menubutton-2" role="menuitem" 163 aria-haspopup="true" 164 aria-expanded="false" 165 aria-controls="submenu-2" data-url="" data-target="_self" 166 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 167 Unser Kino 168 <span class="ml-2 inline-block transition-transform duration-200 ease-in-out transform rotate-0" 169 aria-hidden="true">â¶</span> 170 </button> 171 172 <ul id="submenu-2" role="menu" class="hidden pl-4 mt-1 space-y-1" 173 aria-label="Untermenü von Unser Kino"> 174 <li role="none"> 175 <a href="/barrierefrei/unterseite_SS462" target="_self" 176 role="menuitem" tabindex="-1" 177 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 178 Unser Kino 179 </a> 180 </li> 181 <li role="none"> 182 <a href="/barrierefrei/unterseite_saele" target="_self" 183 role="menuitem" tabindex="-1" 184 class="block px-3 py-2 text-sm rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring"> 185 Unsere Säle 186 </a> 187 </li> 188 </ul> 189 </li> 190 <li class="relative" role="none"> 191 <button id="menubutton-3" role="menuitem" 192 aria-haspopup="false" 193 data-url="/barrierefrei/unterseite_1985" data-target="_self" 194 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 195 Eintrittspreise 196 </button> 197 198 </li> 199 <li class="relative" role="none"> 200 <button id="menubutton-4" role="menuitem" 201 aria-haspopup="false" 202 data-url="/barrierefrei/unterseite_4056" data-target="_self" 203 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 204 Kindergeburtstag 205 </button> 206 207 </li> 208 <li class="relative" role="none"> 209 <button id="menubutton-5" role="menuitem" 210 aria-haspopup="false" 211 data-url="https://kinotickets.express/union-bochum/vouchers" data-target="_blank" 212 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 213 Online-Gutscheine 214 </button> 215 216 </li> 217 <li class="relative" role="none"> 218 <button id="menubutton-6" role="menuitem" 219 aria-haspopup="false" 220 data-url="/barrierefrei/unterseite_partner" data-target="_self" 221 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 222 Partner 223 </button> 224 225 </li> 226 <li class="relative" role="none"> 227 <button id="menubutton-7" role="menuitem" 228 aria-haspopup="false" 229 data-url="/barrierefrei/unterseite_newsletter" data-target="_self" 230 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 231 Newsletter 232 </button> 233 234 </li> 235 <li class="relative" role="none"> 236 <button id="menubutton-8" role="menuitem" 237 aria-haspopup="false" 238 data-url="/barrierefrei/unterseite_2028" data-target="_self" 239 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 240 Schulvorstellungen 241 </button> 242 243 </li> 244 <li class="relative" role="none"> 245 <button id="menubutton-9" role="menuitem" 246 aria-haspopup="false" 247 data-url="/barrierefrei/unterseite_kontakt" data-target="_self" 248 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 249 Kontakt 250 </button> 251 252 </li> 253 <li class="relative" role="none"> 254 <button id="menubutton-10" role="menuitem" 255 aria-haspopup="false" 256 data-url="/barrierefrei/unterseite_2027" data-target="_self" 257 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 258 Parkmöglichkeit 259 </button> 260 261 </li> 262 <li class="relative" role="none"> 263 <button id="menubutton-11" role="menuitem" 264 aria-haspopup="false" 265 data-url="/barrierefrei/unterseite_2029" data-target="_self" 266 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 267 Vermietung 268 </button> 269 270 </li> 271 <li class="relative" role="none"> 272 <button id="menubutton-13" role="menuitem" 273 aria-haspopup="false" 274 data-url="/barrierefrei/unterseite_4275" data-target="_self" 275 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 276 Jugendschutz 277 </button> 278 279 </li> 280 <li class="relative" role="none"> 281 <button id="menubutton-14" role="menuitem" 282 aria-haspopup="false" 283 data-url="/barrierefrei/unterseite_4108" data-target="_self" 284 class="w-full text-left px-3 py-2 rounded-md text-sm font-medium hover:bg-gray-100 dark:hover:bg-gray-700 focus-ring flex justify-between items-center"> 285 Kino Für Firmen 286 </button> 287 288 </li> 289 </ul> 290</nav> 291 292
293<script> 294 const menuToggle = document.getElementById('menu-toggle'); 295 const mobileMenu = document.getElementById('mobile-menu'); 296 297 menuToggle.addEventListener('click', () => { 298 const expanded = menuToggle.getAttribute('aria-expanded') === 'true'; 299 menuToggle.setAttribute('aria-expanded', String(!expanded)); 300 mobileMenu.classList.toggle('hidden'); 301 }); 302 303 // Submenüs und Tastatursteuerung 304 document.querySelectorAll('#mobile-menu [role="menuitem"]').forEach(button => { 305 const hasSub = button.getAttribute('aria-haspopup') === 'true'; 306 const url = button.dataset.url; 307 const target = button.dataset.target || '_self'; 308 const submenuId = button.getAttribute('aria-controls'); 309 const submenu = submenuId ? document.getElementById(submenuId) : null; 310 311 // Klick: Toggle Submenü oder Navigation 312 button.addEventListener('click', (e) => { 313 if (hasSub) { 314 const expanded = button.getAttribute('aria-expanded') === 'true'; 315 button.setAttribute('aria-expanded', String(!expanded)); 316 submenu.classList.toggle('hidden', expanded); 317 if (!expanded) submenu.querySelector('a')?.focus(); 318 const arrow = button.querySelector('span[aria-hidden="true"]'); 319 if (arrow) arrow.classList.toggle('rotate-90', !expanded); 320 } else { 321 if (url && url !== '#') window.open(url, target); 322 } 323 }); 324 325 // Tastatur: ENTER öffnet Submenü oder navigiert 326 button.addEventListener('keydown', (e) => { 327 if (e.key === 'Enter') { 328 e.preventDefault(); 329 if (hasSub) { 330 const expanded = button.getAttribute('aria-expanded') === 'true'; 331 button.setAttribute('aria-expanded', String(!expanded)); 332 submenu.classList.toggle('hidden', expanded); 333 if (!expanded) submenu.querySelector('a')?.focus(); 334 const arrow = button.querySelector('span[aria-hidden="true"]'); 335 if (arrow) arrow.classList.toggle('rotate-90', !expanded); 336 } else { 337 if (url && url !== '#') window.open(url, target); 338 } 339 } 340 341 if (e.key === 'ArrowDown' && hasSub) { 342 e.preventDefault(); 343 submenu.classList.remove('hidden'); 344 button.setAttribute('aria-expanded', 'true'); 345 submenu.querySelector('a')?.focus(); 346 } 347 }); 348 349 // Submenü: Pfeiltasten-Navigation + ESC 350 if (submenu) { 351 const links = submenu.querySelectorAll('a'); 352 submenu.addEventListener('keydown', (e) => { 353 const currentIndex = Array.from(links).indexOf(document.activeElement); 354 355 if (e.key === 'ArrowDown') { 356 e.preventDefault(); 357 const next = (currentIndex + 1) % links.length; 358 links[next].focus(); 359 } 360 361 if (e.key === 'ArrowUp') { 362 e.preventDefault(); 363 const prev = (currentIndex - 1 + links.length) % links.length; 364 links[prev].focus(); 365 } 366 367 if (e.key === 'Enter' && document.activeElement.tagName === 'A') { 368 e.preventDefault(); 369 const href = document.activeElement.getAttribute('href'); 370 const target = document.activeElement.getAttribute('target') || '_self'; 371 if (href && href !== '#') { 372 window.open(href, target); 373 } 374 } 375 376 if (e.key === 'Escape') { 377 e.preventDefault(); 378 submenu.classList.add('hidden'); 379 button.setAttribute('aria-expanded', 'false'); 380 button.focus(); 381 } 382 }); 383 } 384 }); 385 386 // Klick auÃerhalb â schlieÃt Menü 387 document.addEventListener('click', (e) => { 388 if (!mobileMenu.contains(e.target) && !menuToggle.contains(e.target)) { 389 mobileMenu.classList.add('hidden'); 390 menuToggle.setAttribute('aria-expanded', 'false'); 391 392 document.querySelectorAll('[aria-haspopup="true"]').forEach(btn => { 393 btn.setAttribute('aria-expanded', 'false'); 394 const id = btn.getAttribute('aria-controls'); 395 if (id) document.getElementById(id)?.classList.add('hidden'); 396 }); 397 } 398 }); 399 400 // ESC global schlieÃt alles 401 document.addEventListener('keydown', (e) => { 402 if (e.key === 'Escape') { 403 if (!mobileMenu.classList.contains('hidden')) { 404 mobileMenu.classList.add('hidden'); 405 menuToggle.setAttribute('aria-expanded', 'false'); 406 407 document.querySelectorAll('[aria-haspopup="true"]').forEach(btn => { 408 btn.setAttribute('aria-expanded', 'false'); 409 const id = btn.getAttribute('aria-controls'); 410 if (id) document.getElementById(id)?.classList.add('hidden'); 411 }); 412 } 413 } 414 }); 415</script>
415 416 417 <div> 418 419 <main class="max-w-5xl mx-auto p-6"> 420 <h1 class="text-3xl font-bold border-b-4 border-gray-300 dark:border-gray-500 pb-2 mb-6"> 421 Aktuelle Events 422 </h1> 423 424 <section class="border border-gray-300 dark:border-gray-700 rounded-xl p-6 mb-10 bg-gray-50 dark:bg-gray-900"> 425 <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"> 426 Herr der Ringe Ext.Trilogie 427 </h2> 428 429 <div class="flex flex-col md:flex-row gap-8 items-start"> 430 <div class="flex-shrink-0 w-full md:w-60 relative"> 431 <div class="relative w-full h-80 bg-gray-200 dark:bg-gray-700 overflow-hidden rounded-lg"> 432 <img src="//cineprog.de/images/Breite_400px_RGB/p_3001703161915.jpg" alt="Bild zu Herr der Ringe Ext.Trilogie - 1" 433 class="event-image absolute inset-0 mx-auto transition-opacity duration-700 ease-in-out object-contain 434 opacity-100 z-10" 435 loading="lazy" data-index="0"> 436 <img src="//cineprog.de/images/Breite_400px_RGB/p_3001703169539.jpg" alt="Bild zu Herr der Ringe Ext.Trilogie - 2" 437 class="event-image absolute inset-0 mx-auto transition-opacity duration-700 ease-in-out object-contain 438 opacity-0 z-0" 439 loading="lazy" data-index="1"> 440 </div> 441 442 <div class="flex justify-center mt-4 space-x-2"> 443 <button 444 class="w-4 h-4 rounded-full border border-gray-500 dark:border-gray-400 445 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition 446 bg-gray-800 dark:bg-white" 447 onclick="switchImage(this, 0)" 448 aria-label="Bild 1 anzeigen"> 449 </button> 450 <button 451 class="w-4 h-4 rounded-full border border-gray-500 dark:border-gray-400 452 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition 453 bg-gray-300 dark:bg-gray-600" 454 onclick="switchImage(this, 1)" 455 aria-label="Bild 2 anzeigen"> 456 </button> 457 </div> 458 </div> 459 460 <div class="flex-1"> 461 <div class="prose prose-sm max-w-none text-gray-800 dark:text-gray-200 mb-6"> 462 <p><i>''Ein Ring, sie zu knechten, sie alle zu finden, ins Dunkel zu treiben und ewig zu binden''Erlebe eine epische Reise angefangen bei ''Die Gefährten'' über ''Die zwei Türme'' bis zur ''Rückkehr des Königs''.726 Minuten Fantasy über Hobbits, Elben, Zwerge und andere Wesen und Kulturen in Mittelerde.Peter Jacksons Saga um Mittelerde erhielt insgesamt 30 Oscar-Nominierungen und gewann rekordträchtige 17 Oscars.</i></p><p>Am Samstag, den 05.12.26 zeigen wir endlich wieder die EXTENDED VERSIONS von Peter Jacksons Tolkien-Trilogie. Auch in der OV!</p><p><i><b>Hier noch ein paar Infos:</b></i></p><p><i>-Zwischen jedem Teil wird es eine Pause von 15 Minuten geben. (Zudem haben die Teile einen langen Abspann).</i></p><p><i>
462-Im Preis ist eine Kaffee und Tee Flatrate enthalten.</i></p><p><i>-Da es sich um eine Sonderveranstaltung handelt, sind Freikarten nicht einlösbar und eine Stornierung ist nicht möglich.</i></p><p><i>-Nehmt euch gerne Kissen oder Decken mit.</i></p><p><i>-Ende des gesamten Events wird planmäÃig jeweils zwischen 05.30 - 06.00 Uhr sein.</i></p> 463 464 </div> 465 466 <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2"> 467 Alle Infos, Trailer & Tickets: 468 </h3> 469 470 <div class="flex gap-2 flex-wrap"> 471 <a href="/barrierefrei/filmdetail/110261/Herr%20der%20Ringe%20Ext.%20Trilogie" target="_self" 472 class="bg-gray-900 dark:bg-gray-100 text-gray-100 dark:text-gray-900 px-4 py-2 rounded 473 hover:bg-gray-800 dark:hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white"> 474 Herr der Ringe Ext. Trilogie 475 </a> 476 <a href="/barrierefrei/filmdetail/110262/Herr%20der%20Ringe%20Ext.Trilogie%20OV" target="_self" 477 class="bg-gray-900 dark:bg-gray-100 text-gray-100 dark:text-gray-900 px-4 py-2 rounded 478 hover:bg-gray-800 dark:hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white"> 479 Herr der Ringe Ext.Trilogie OV 480 </a> 481 </div> 482 </div> 483 </div> 484 </section> 485 <section class="border border-gray-300 dark:border-gray-700 rounded-xl p-6 mb-10 bg-gray-50 dark:bg-gray-900"> 486 <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"> 487 Sneak Preview 488 </h2> 489 490 <div class="flex flex-col md:flex-row gap-8 items-start"> 491 <div class="flex-shrink-0 w-full md:w-60 relative"> 492 <div class="relative w-full h-80 bg-gray-200 dark:bg-gray-700 overflow-hidden rounded-lg"> 493 <img src="//cineprog.de/images/news/103885_0_big.jpg" alt="Bild zu Sneak Preview - 1" 494 class="event-image absolute inset-0 mx-auto transition-opacity duration-700 ease-in-out object-contain 495 opacity-100 z-10" 496 loading="lazy" data-index="0"> 497 </div> 498 499 </div> 500 501 <div class="flex-1"> 502 <div class="prose prose-sm max-w-none text-gray-800 dark:text-gray-200 mb-6"> 503 <p>Wir zeigen euch<b> </b>jeden <b>Mittwoch</b> um <b>20:00 Uhr</b> einen Ãberraschungsfilm vor Bundesstart zu vergünstigtem Preis. Hierbei kann es jedes Genre sein, daher gilt auch eine grundsätzliche FSK von 18 Jahren.</p><p>Ihr zahlt auf allen Plätzen nur 6,00â¬.<br></p><p>Vor Filmstart gibt es eine kurze Anmoderation inklusive Gewinnspiel.</p><p>Also kommt vorbei und lasst euch überraschen! </p><p>Für alle, die vorab mitraten wollen welcher Film es wohl sein könnte: schaut auf Instagram bei @sneaks_im_union vorbei ;)<br></p><p><b>Zu den Tickets >> <a href='https://www.kino-bochum.de/detail/1496/Sneak%20Preview' target='_blank'>Sneak</a></b><br></p><p><b><br></b></p> 504 </div> 505 506 </div> 507 </div> 508 </section> 509 <section class="border border-gray-300 dark:border-gray-700 rounded-xl p-6 mb-10 bg-gray-50 dark:bg-gray-900"> 510 <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"> 511 Ãffnungszeiten 512 </h2> 513 514 <div class="flex flex-col md:flex-row gap-8 items-start"> 515 516 <div class="flex-1"> 517 <div class="prose prose-sm max-w-none text-gray-800 dark:text-gray-200 mb-6"> 518 <p>Liebe Gäste,</p><p>anbei unsere Ãffnungszeiten für die Spielwoche vom 01.10.-07.10.</p><p><b>DONNERSTAG</b> 15:30 â 20:30 UHR</p><p><b>FREITAG</b> 15:30 â 20:30 UHR</p><p><b>SAMSTAG</b> 13:30 â 20:30 UHR</p><p><b>SONNTAG</b> 13:30 â 20:30 UHR</p><p><b>MONTAG</b> 15:30 â 20:30 UHR</p><p><b>DIENSTAG</b> 15:30 â 20:30 UHR</p><p><b>MITTWOCH</b> 15:30 â 20:30 Uhr</p><p>Wir freuen uns auf Ihren Besuch!</p> 519 </div> 520 521 </div> 522 </div> 523 </section> 524 <section class="border border-gray-300 dark:border-gray-700 rounded-xl p-6 mb-10 bg-gray-50 dark:bg-gray-900"> 525 <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"> 526 Hinweis zu Online-Käufen 527 </h2> 528 529 <div class="flex flex-col md:flex-row gap-8 items-start"> 530 531 <div class="flex-1"> 532 <div class="prose prose-sm max-w-none text-gray-800 dark:text-gray-200 mb-6"> 533 <p>Liebe Besucher,</p><p>Karten und Gutscheine, die Sie online erwerben, kaufen Sie bei einem Drittanbieter.</p><p>Bei Fragen oder Problemen wenden Sie sich bitte ausschlieÃlich an diesen unter:[email protected]</p><p>Vielen Dank für Ihr Verständnis</p><p>Tickets sind natürlich auch vor Ort an unseren Kassen erhältlich. Hierzu beachten Sie bitte unsere Ãffnungszeiten.<br></p><p>Ihr Union Kino Team<br></p> 534 </div> 535 536 </div> 537 </div> 538 </section> 539 <section class="border border-gray-300 dark:border-gray-700 rounded-xl p-6 mb-10 bg-gray-50 dark:bg-gray-900"> 540 <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"> 541 Cinfinity 542 </h2> 543 544 <div class="flex flex-col md:flex-row gap-8 items-start"> 545 <div class="flex-shrink-0 w-full md:w-60 relative"> 546 <div class="relative w-full h-80 bg-gray-200 dark:bg-gray-700 overflow-hidden rounded-lg"> 547 <img src="//cineprog.de/images/news/126071_0_big.jpg" alt="Bild zu Cinfinity - 1" 548 class="event-image absolute inset-0 mx-auto transition-opacity duration-700 ease-in-out object-contain 549 opacity-100 z-10" 550 loading="lazy" data-index="0"> 551 </div> 552 553 </div> 554 555 <div class="flex-1"> 556 <div class="prose prose-sm max-w-none text-gray-800 dark:text-gray-200 mb-6"> 557 <p>
557Wir sind ein teilnehmendes Kino bei dem <a href='https://cinfinity.de/' target='_blank'>Cinfinity-Abo</a>!</p><p><i>Zuschläge für Loge und Ãberlänge sind zusätzlich zu zahlen.</i></p> 558 </div> 559 560 </div> 561 </div> 562 </section> 563 <section class="border border-gray-300 dark:border-gray-700 rounded-xl p-6 mb-10 bg-gray-50 dark:bg-gray-900"> 564 <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6"> 565 Hunde willkommen! 566 </h2> 567 568 <div class="flex flex-col md:flex-row gap-8 items-start"> 569 <div class="flex-shrink-0 w-full md:w-60 relative"> 570 <div class="relative w-full h-80 bg-gray-200 dark:bg-gray-700 overflow-hidden rounded-lg"> 571 <img src="//cineprog.de/images/news/45239_0_big.jpg" alt="Bild zu Hunde willkommen! - 1" 572 class="event-image absolute inset-0 mx-auto transition-opacity duration-700 ease-in-out object-contain 573 opacity-100 z-10" 574 loading="lazy" data-index="0"> 575 </div> 576 577 </div> 578 579 <div class="flex-1"> 580 <div class="prose prose-sm max-w-none text-gray-800 dark:text-gray-200 mb-6"> 581 <p>Wenn wir nicht bellen, beiÃen und sauber sind, sind wir jederzeit herzlich willkommen!</p> 582 </div> 583 584 </div> 585 </div> 586 </section> 587 </main> 588 589
589<script> 590 function switchImage(btn, index) { 591 const container = btn.closest('.flex-shrink-0'); 592 const images = container.querySelectorAll('.event-image'); 593 const buttons = container.querySelectorAll('button'); 594 595 images.forEach((img, i) => { 596 img.classList.toggle('opacity-100', i === index); 597 img.classList.toggle('opacity-0', i !== index); 598 img.classList.toggle('z-10', i === index); 599 img.classList.toggle('z-0', i !== index); 600 }); 601 602 buttons.forEach((button, i) => { 603 button.classList.toggle('bg-gray-800', i === index); 604 button.classList.toggle('bg-gray-300', i !== index); 605 button.classList.toggle('dark:bg-white', i === index); 606 button.classList.toggle('dark:bg-gray-600', i !== index); 607 }); 608 } 609 </script>
609 610 </div> 611 612 <footer class="border-t-1 border-gray-200 dark:border-gray-600 p-4 text-sm text-gray-600 dark:text-gray-400 mt-12 mb-8 text-center"> 613 © 2013 - 2026 Bermuda Filmtheaterbetriebs GmbH â 614 <a href="/barrierefrei/impressum" class="underline hover:text-black dark:hover:text-white">Impressum</a> / 615 <a href="/barrierefrei/unterseite_datenschutz" class="underline hover:text-black dark:hover:text-white">Datenschutz</a> / 616 <a href="/barrierefrei/barrierefreiheitserklaerung" class="underline hover:text-black dark:hover:text-white">Barrierefreiheitserklärung</a> / 617 <a href="" onclick="klaro.show(); return false" class="underline cursor-pointer hover:text-black dark:hover:text-white">Cookie Einstellungen</a> / <a href="https://www.kino-bochum.de" 618 class="underline focus:outline-2 focus:outline-offset-2"> 619 Zur normalen Version dieser Webseite 620 </a> 621</footer>
621<script src="/js/fsk-info.js?v=1790946243" data-url="/fsk?v=1790946243" data-css="/css/fsk.css?v=1790946243" defer></script>
621 622</body>
623<script> 624 window.addEventListener('DOMContentLoaded', () => { 625 const hiddenInput = document.querySelector('.cm-btn-accept-all'); 626 if (hiddenInput) hiddenInput.focus(); 627 }); 628</script>
628 629</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.