PageSourceSearch

https://www.kino-bochum.de/barrierefrei

html kino-bochum.de collected 2026-10-02 21:59:26 UTC 38,796 bytes, 629 lines download raw bytes

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&auml;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>&#039;&#039;Ein Ring, sie zu knechten, sie alle zu finden, ins Dunkel zu treiben und ewig zu binden&#039;&#039;Erlebe eine epische Reise angefangen bei &#039;&#039;Die Gefährten&#039;&#039; über &#039;&#039;Die zwei Türme&#039;&#039; bis zur &#039;&#039;Rückkehr des Königs&#039;&#039;.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>&nbsp;15:30 – 20:30 UHR</p><p><b>SAMSTAG</b>&nbsp;13:30 – 20:30 UHR</p><p><b>SONNTAG</b>&nbsp;13:30 – 20:30 UHR</p><p><b>MONTAG</b>&nbsp;15:30 – 20:30 UHR</p><p><b>DIENSTAG</b>&nbsp;15:30 – 20:30 UHR</p><p><b>MITTWOCH</b>&nbsp;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    &copy; 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.