PageSourceSearch

https://filmstelle.ch/

html filmstelle.ch collected 2026-10-04 04:48:40 UTC 102,202 bytes, 1,667 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="de-CH" prefix="og: https://ogp.me/ns#">
3<head>
4    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5    <meta name="description" content="Kino immer anders" />
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="google-site-verification" content="RiiSYMWjtTZ68cgNygcmXpdEJGc1QDhhbGYBNRYuC7o" />
9    <link rel="pingback" href="https://filmstelle.ch/xmlrpc.php" />
10    <link rel="shortcut icon" href="https://filmstelle.ch/wp-content/themes/devdmbootstrap3-child/img/favicon.ico" />
11    <title>Filmstelle - Kino immer anders</title>
12
13		<!-- All in One SEO 4.9.5.1 - aioseo.com -->
14	<meta name="description" content="Kino immer anders" />
15	<meta name="robots" content="max-image-preview:large" />
16	<link rel="canonical" href="https://filmstelle.ch/" />
17	<link rel="next" href="https://filmstelle.ch/page/2/" />
18	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.5.1" />
19		<meta property="og:locale" content="de_DE" />
20		<meta property="og:site_name" content="Filmstelle - Kino immer anders" />
21		<meta property="og:type" content="website" />
22		<meta property="og:title" content="Filmstelle - Kino immer anders" />
23		<meta property="og:description" content="Kino immer anders" />
24		<meta property="og:url" content="https://filmstelle.ch/" />
25		<meta name="twitter:card" content="summary" />
26		<meta name="twitter:title" content="Filmstelle - Kino immer anders" />
27		<meta name="twitter:description" content="Kino immer anders" />
28		
28<script type="application/ld+json" class="aioseo-schema">
29			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/filmstelle.ch\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/filmstelle.ch#listItem","position":1,"name":"Home"}]},{"@type":"CollectionPage","@id":"https:\/\/filmstelle.ch\/#collectionpage","url":"https:\/\/filmstelle.ch\/","name":"Filmstelle - Kino immer anders","description":"Kino immer anders","inLanguage":"de-CH","isPartOf":{"@id":"https:\/\/filmstelle.ch\/#website"},"breadcrumb":{"@id":"https:\/\/filmstelle.ch\/#breadcrumblist"},"about":{"@id":"https:\/\/filmstelle.ch\/#organization"}},{"@type":"Organization","@id":"https:\/\/filmstelle.ch\/#organization","name":"Filmstelle","description":"Kino immer anders","url":"https:\/\/filmstelle.ch\/"},{"@type":"WebSite","@id":"https:\/\/filmstelle.ch\/#website","url":"https:\/\/filmstelle.ch\/","name":"Filmstelle","description":"Kino immer anders","inLanguage":"de-CH","publisher":{"@id":"https:\/\/filmstelle.ch\/#organization"}}]}
30		</script>
30
31		<!-- All in One SEO -->
32
33<link rel="alternate" href="https://filmstelle.ch/" hreflang="de" />
34<link rel="alternate" href="https://filmstelle.ch/en/" hreflang="en" />
35<link rel='dns-prefetch' href='//filmstelle.ch' />
36<link rel="alternate" type="application/rss+xml" title="Filmstelle &raquo; Feed" href="https://filmstelle.ch/feed/" />
37<link rel="alternate" type="application/rss+xml" title="Filmstelle &raquo; Kommentar-Feed" href="https://filmstelle.ch/comments/feed/" />
38<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
39img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
40/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
41</style>
42<link rel='stylesheet' id='validate-engine-css-css' href='https://filmstelle.ch/wp-content/plugins/wysija-newsletters/css/validationEngine.jquery.css?ver=2.18' type='text/css' media='all' />
43<style id='wp-emoji-styles-inline-css' type='text/css'>
44
45	img.wp-smiley, img.emoji {
46		display: inline !important;
47		border: none !important;
48		box-shadow: none !important;
49		height: 1em !important;
50		width: 1em !important;
51		margin: 0 0.07em !important;
52		vertical-align: -0.1em !important;
53		background: none !important;
54		padding: 0 !important;
55	}
56/*# sourceURL=wp-emoji-styles-inline-css */
57</style>
58<link rel='stylesheet' id='wp-block-library-css' href='https://filmstelle.ch/wp-includes/css/dist/block-library/style.min.css?ver=6.9.5' type='text/css' media='all' />
59
60<style id='classic-theme-styles-inline-css' type='text/css'>
61/*! This file is auto-generated */
62.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
63/*# sourceURL=/wp-includes/css/classic-themes.min.css */
64</style>
65<style id='global-styles-inline-css' type='text/css'>
66:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
66--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
66.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
67/*# sourceURL=global-styles-inline-css */
68</style>
69
70<link rel='stylesheet' id='contact-form-7-css' href='https://filmstelle.ch/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5' type='text/css' media='all' />
71<link rel='stylesheet' id='flexslider-css' href='https://filmstelle.ch/wp-content/themes/devdmbootstrap3-child/css/flexslider.css?ver=6.9.5' type='text/css' media='all' />
72<link rel='stylesheet' id='bootstrap.css-css' href='https://filmstelle.ch/wp-content/themes/devdmbootstrap3/css/bootstrap.css?ver=1' type='text/css' media='all' />
73<link rel='stylesheet' id='stylesheet-css' href='https://filmstelle.ch/wp-content/themes/devdmbootstrap3-child/style.css?ver=1' type='text/css' media='all' />
74<script type="text/javascript" src="https://filmstelle.ch/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 74
74
75<script type="text/javascript" src="https://filmstelle.ch/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
75
76<link rel="https://api.w.org/" href="https://filmstelle.ch/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://filmstelle.ch/xmlrpc.php?rsd" />
77<meta name="generator" content="WordPress 6.9.5" />
78			<style type="text/css" media="screen">
79				/**
80				 * Plugin Name: Subtitles
81				 * Plugin URI: http://wordpress.org/plugins/subtitles/
82				 * Description: Easily add subtitles into your WordPress posts, pages, custom post types, and themes.
83				 * Author: We Cobble
84				 * Author URI: https://wecobble.com/
85				 * Version: 2.2.0
86				 * License: GNU General Public License v2 or later
87				 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
88				 */
89
90				/**
91				 * Be explicit about this styling only applying to spans,
92				 * since that's the default markup that's returned by
93				 * Subtitles. If a developer overrides the default subtitles
94				 * markup with another element or class, we don't want to stomp
95				 * on that.
96				 *
97				 * @since 1.0.0
98				 */
99				span.entry-subtitle {
100					display: block; /* Put subtitles on their own line by default. */
101					font-size: 0.53333333333333em; /* Sensible scaling. It's assumed that post titles will be wrapped in heading tags. */
102				}
103				/**
104				 * If subtitles are shown in comment areas, we'll hide them by default.
105				 *
106				 * @since 1.0.5
107				 */
108				#comments .comments-title span.entry-subtitle {
109					display: none;
110				}
111			</style>            <style>
112               .custom-header-text-color { color: #c3c3c3 }
113            </style>
114    
115</head>
116<body class="home blog wp-theme-devdmbootstrap3 wp-child-theme-devdmbootstrap3-child">
117
118
119<div class="container dmbs-container">
120
121
122    <div class="row dmbs-header">
123
124        
125        
126
127        	<!-- BANNER Tag des Kinos -->
128		
129        	<!-- <div class="col-sm-12 add-banner">
130			<svg class="banner-close" x="0" y="0" width="45.4" height="45.4" viewBox="0 408.2 45.4 45.4" enable-background="new 0 408.185 45.354 45.354" xml:space="preserve"><line class="close-line" stroke-width="3" fill="none" stroke-miterlimit="10" x1="0" y1="408.2" x2="45.4" y2="453.5"></line><line class="close-line" stroke-width="3" fill="none" stroke-miterlimit="10" x1="45.4" y1="408.2" x2="0" y2="453.5"></line></svg>
131                	<a href="https://www.allianz-tagdeskinos.ch" target="_blank">
132                        	<img src="https://filmstelle.ch/wp-content/uploads/TdK18.jpg" class="img-responsive">
133                	</a>
134        	</div> -->
135<script> 
136jQuery(document).ready(function($) {
137    $("svg.banner-close").click(function(){
138        $(".add-banner").css("display","none");
139    });
140});
141</script>
141
142		        	<!-- BANNER END -->
143
144
145
146            <div class="col-sm-12 dmbs-header-img">
147
148                <!-- LANGUAGE SWITCHER -->
149                                <!-- LANGUAGE SWITCHER END -->
150
151                <a href="https://filmstelle.ch/"><img src="https://filmstelle.vseth.ethz.ch/wp-content/uploads/Logo_Cammy_gnb_transparent_web_150.png" height="56" width="150" alt="" class="img-responsive"/></a>
152            </div>
153        
154        <div class="dmbs-header-text text-center">
155                            <h1><a class="custom-header-text-color hidden" href="https://filmstelle.ch/">Filmstelle</a></h1>
156                <p class="custom-header-text-color small"><i>Kino immer anders</i></p>
157                                </div>
158        
159        <!-- BUTTON START -->
160                <!-- BUTTON END -->
161        
162    </div>
163
164
165
166<div class="search-overlay invisible">
167    <form role="search" method="get" id="searchform" class="form-inline" action="https://filmstelle.ch/" >
168    <input type="search" placeholder="Suche..." value="" name="s" id="s" class="form-control input-sm input-field" /><button type="submit" class="searchsubmit btn" value="Submit"><i class="glyphicon glyphicon-search icon-flipped"></i></button>
169    <input type="hidden" value="post" name="post_type" id="post_type" />
170    </form>    <svg class="search-close" x="0" y="0" width="45.4" height="45.4" viewBox="0 408.2 45.4 45.4" enable-background="new 0 408.185 45.354 45.354" xml:space="preserve"><line class="close-line" stroke-width="3" fill="none" stroke-miterlimit="10" x1="0" y1="408.2" x2="45.4" y2="453.5"/><line class="close-line" stroke-width="3" fill="none" stroke-miterlimit="10" x1="45.4" y1="408.2" x2="0" y2="453.5"/></svg>
171</div>
172
173<div class="row dmbs-top-menu">
174    <nav id="nav" class="navbar navbar-default" role="navigation" data-spy="affix">
175        <div class="navbar-header">
176            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-1-collapse">
177                        <span class="sr-only">Toggle navigation</span>
178                        <span class="icon-bar"></span>
179                        <span class="icon-bar"></span>
180                        <span class="icon-bar"></span>
181                    </button>
182        </div>
183
184
185        <div class="collapse navbar-collapse navbar-1-collapse"><ul id="menu-main" class="nav navbar-nav"><li id="menu-item-3942" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3942"><a title="Programm" href="https://filmstelle.ch/work/">Programm</a></li>
186<li id="menu-item-5656" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5656"><a title="Podcast" href="https://filmstelle.ch/podcaststelle/">Podcast</a></li>
187<li id="menu-item-221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-221"><a title="Filmblog" href="https://filmstelle.ch/filmblog/">Filmblog</a></li>
188<li id="menu-item-136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a title="Über uns" href="https://filmstelle.ch/filmstelle/">Über uns</a></li>
189<li id="menu-item-141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141"><a title="Kontakt" href="https://filmstelle.ch/kontakt/">Kontakt</a></li>
190<li id="menu-item-6331" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6331"><a title="Wo?" href="https://filmstelle.ch/kontakt/">Wo?</a></li>
191<li id="menu-item-5020-de" class="lang-item lang-item-123 lang-item-de current-lang lang-item-first menu-item menu-item-type-custom menu-item-object-custom current_page_item menu-item-home menu-item-5020-de"><a title="Deutsch" href="https://filmstelle.ch/" lang="de-CH" hreflang="de-CH">Deutsch</a></li>
192<li id="menu-item-5020-en" class="lang-item lang-item-126 lang-item-en menu-item menu-item-type-custom menu-item-object-custom menu-item-5020-en"><a title="English" href="https://filmstelle.ch/en/" lang="en-GB" hreflang="en-GB">English</a></li>
193</ul>
194                <ul class="nav navbar-nav navbar-right">
195                  <li class="menu-item vseth-logo">
196                    <span class="vseth-kom small">Eine Kommission des</span>
197                    <a href="https://vseth.ethz.ch/" target="blank">
198
199                      <img src="https://filmstelle.ch/wp-content/uploads/vseth_logo_sw_invers_small.png">
200                      <!-- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="566.93" height="183.73" viewBox="0 121.81 566.93 183.73" enable-background="new 0 121.806 566.93 183.727" xml:space="preserve">
201  <g><g><path class="vseth" d="M205.3 300.64l-9.45-121.12h24.91l1.72 60.13c0 1.72 0 4.3 0 6.01 0 1.72 0 4.3 0 7.73 0 2.58 0 5.15 0 8.59 0 3.44-0.86 8.59-0.86 14.6 0.86-6.01 1.72-11.17 3.44-17.18 1.72-6.01 2.58-11.17 4.3-17.18l20.62-62.71h25.77l-42.95 121.12H205.3zM264.57 294.63l4.3-26.63c6.01 4.3 10.31 6.87 13.74 8.59s6.01 1.72 9.45 1.72c4.3 0 6.87-0.86 9.45-3.44 2.58-2.58 3.44-5.15 3.44-8.59 0-4.29-3.44-10.31-10.31-18.04 -0.86-0.86-1.72-1.72-1.72-1.72 -0.86-0.86-1.72-1.72-2.58-3.44 -10.31-10.31-15.46-19.76-15.46-29.21 0-10.31 3.44-18.9 10.31-25.77 6.87-6.87 15.46-10.31 25.77-10.31 4.3 0 8.59 0.86 12.89 1.72 4.3 1.72 9.45 3.44 13.74 6.01l-4.29 26.63c-3.44-3.44-7.73-5.15-10.31-6.87 -3.44-1.72-6.01-2.58-8.59-2.58 -2.58 0-5.15 0.86-7.73 2.58 -1.72 1.72-3.44 4.3-3.44 6.87 0 3.44 3.44 8.59 9.45 16.32 0.86 0.86 0.86 0.86 1.72 1.72 0.86 0.86 0.86 1.72 2.58 2.58 10.31 12.03 15.46 23.19 15.46 33.5s-3.44 18.9-10.31 24.91c-6.87 6.87-16.32 9.45-27.49 9.45 -5.15 0-10.31-0.86-14.6-1.72C274.02 298.92 269.72 297.21 264.57 294.63z"/><polygon class="vseth" points="339.3 300.64 359.06 179.53 410.6 179.53 407.16 201.86 378.81 201.86 375.38 226.77 400.29 226.77 396.85 249.96 371.94 249.96 366.79 277.45 395.13 277.45 391.7 300.64 "/><polygon class="vseth" points="417.47 300.64 432.93 202.72 414.03 202.72 417.47 179.53 479.31 179.53 475.88 202.72 456.98 202.72 441.52 300.64 "/><polygon class="vseth" points="470.72 300.64 489.62 179.53 514.53 179.53 506.8 225.05 531.71 225.05 539.44 179.53 563.49 179.53 544.6 300.64 519.69 300.64 528.28 248.24 503.37 248.24 494.78 300.64 "/></g><path class="vseth" d="M86.76 299.78c-50.68 6.01-88.47-30.92-83.32-82.46 4.3-51.54 49.82-91.91 100.5-95.35 51.54-3.44 89.33 46.39 81.6 94.49 -6.87 41.23-50.68 95.35-97.92 88.48 44.67-12.88 85.9-53.26 74.73-103.94 -10.31-24.91-25.77-39.51-54.12-42.09 -27.49-2.58-56.69 14.6-73.01 36.08 -17.18 22.33-19.76 54.12-1.72 77.31 7.73 10.31 36.94 27.49 42.95 6.87 6.87-21.47-18.04-36.94-11.17-58.41 7.73-25.77 39.51-41.23 63.57-40.37 -10.31 5.15-24.05 10.31-29.21 22.33 -7.73 15.46 2.58 29.21 11.17 41.23C128.85 269.72 113.39 291.19 86.76 299.78"/></g>
202                      </svg> -->
203                    </a>
204                  </li>
205                  <li class="menu-item fb-nav">
206                    <a href="http://www.facebook.com/filmstelle" target="blank">
207                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" width="22.35" height="56.45" viewBox="0 0 22.35 56.45" enable-background="new 0 0 22.345 56.45" xml:space="preserve"><path class="f" d="M7.06 22.35H0v-5.88h6.66v-6.27C6.66 3.53 10.58 0 18.03 0c1.18 0 3.14 0.39 4.31 0.78v5.88c-1.18-0.39-2.74-0.39-3.92-0.39 -2.74 0-4.7 0.78-4.7 4.31v5.49h7.84v5.88h-7.84V56.45H7.06V22.35z"/></svg>
208                    </a>
209                  </li>
210		  <li class="menu-item I-nav">
211                    <a href="https://www.instagram.com/filmstelle/" target="blank">
212                      <img src="https://www.freepngimg.com/download/photography/62893-logo-photography-computer-instagram-icons-free-hd-image.png" width = "25" height="25" style = "margin-bottom: 5px;"></img>
213                    </a>
214                  </li>
215                  <li class="menu-item search">
216                    <a href="#">
217                      <i class="glyphicon glyphicon-search icon-flipped"></i>
218                    </a>
219                  </li>
220                  <li class="menu-item search-form"><form role="search" method="get" id="searchform" action="https://filmstelle.ch/" >
221    <input type="search" placeholder="Suche..." value="" name="s" id="s" class="form-control input-field" /><button type="submit" class="searchsubmit btn" value="Submit"><i class="glyphicon glyphicon-search icon-flipped"></i></button>
222    <input type="hidden" value="post" name="post_type" id="post_type" />
223    </form></ul></div>    </nav>
224</div>
225<!-- dmbs-top-menu -->
226
227<script>
228    //Menu am oberen Rand fixieren
229    jQuery(document).ready(function($) {
230        $('#nav').affix({
231            offset: {
232                top: $('#nav').offset().top
233            }
234        });
235
236        $(window).resize(function() {
237            $('#nav').affix('checkPosition');
238        });
239
240        $('.banner-close').click(function() {
241            console.log("clicked...waiting...");
242
243            setTimeout(
244                function() {
245                    alert("Called after delay.");
246                    $('#nav').affix('checkPosition');
247                    $('#nav').affix({
248                        offset: {
249                            top: $('#nav').offset().top
250                        }
251                    });
252
253                },
254                5000);
255        });
256
257        // Search Overlay
258        $('li.search').click(function() {
259            $('.search-overlay').removeClass("invisible");
260            $('#s').focus();
261        });
262        $('svg.search-close').click(function() {
263            $('.search-overlay').addClass("invisible");
264        });
265    });
266
267</script>
267
268
269<!-- start content container -->
270<div class="dmbs-content">
271
272    <div class="dmbs-main">
273
274         
275
276        <div class="container-next-film-image row">
277  <div class="image-next-film col-sm-12">
278    <img width="940" height="529" src="https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-940x529.jpg" class="img-responsive wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-300x169.jpg 300w" sizes="(max-width: 940px) 100vw, 940px" /><div class="film-trailer">
278<script>
279  // Convert PHP Variable to JS
280  var id ="lyWp__jXNRw&pp=ygUVdG9reW8gc29uYXRhIHRyYWlsZXIg";
281
282function buttonClick() {
283
284      if( isBreakpoint('xs') ) {
285          window.location.href = 'https://www.youtube.com/watch?v='+id;
286      } else {
287          document.getElementById('play').style.display='none';
288          createPlayer();
289          player.playVideo(); 
290      }
291   }    
292</script>
292
293<div id="film-trailer-overlay"></div>
294<div id="ytplayer"></div>
295
296    <div id="play" onclick="buttonClick();return false;">
297        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 65 65" enable-background="new 0 0 65 65" xml:space="preserve"><circle class="circle" opacity="0.85" cx="32.6" cy="32.2" r="32.5"/><polyline fill="none" stroke="#000000" stroke-miterlimit="10" points="24.1 15.2 41.1 32.2 24.1 49.2 "/></svg>
298    </div>    
299
300
301<script>
302  // helper function to determine player width and height
303   function getPlayerWidth() {
304        return (isBreakpoint('sm')) ? 720 : 940; 
305  }
306
307  function getPlayerHeight() {
308        return (isBreakpoint('sm')) ? 405 : 529; 
309  } 
310
311  // Load the IFrame Player API code asynchronously.
312  var tag = document.createElement('script');
313  tag.src = "https://www.youtube.com/player_api";
314  var firstScriptTag = document.getElementsByTagName('script')[0];
315  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
316
317  // Replace the 'ytplayer' element with an <iframe> and
318  // YouTube player after the API code downloads.
319  var player;
320  function createPlayer() {
321    player = new YT.Player('ytplayer', {
322      width: getPlayerWidth(),
323      height: getPlayerHeight(),
324      videoId: id,
325      events: {
326        'onReady': onPlayerReady,
327        'onStateChange': onPlayerStateChange
328      },
329      playerVars: { 'iv_load_policy': 3,
330                    'rel': 0,
331                    'showinfo': 0,
332                    'controls': 0,
333                    'wmode':'opaque',
334                    'modestbranding': 1, 
335                  }, 
336    });
337  }
338
339      function onPlayerReady(event) {
340        event.target.playVideo();
341      }
342
343
344      function onPlayerStateChange(event) {
345          if (event.data === 0){ /* film ends */
346             document.getElementById('ytplayer').style.display='none'; /* hide player */
347             document.getElementById('play').style.display='block'; /* show play button */
348          } 
349          if (event.data === 1){ /* film playing */
350             jQuery('#film-trailer-overlay').fadeIn('slow'); /* hide rest */
351          } else {
352             jQuery('#film-trailer-overlay').fadeOut('slow'); /* show rest */
353          }
354      }
355
356      function stopVideo() {
357        player.stopVideo();
358      }
359
360</script>
360</div>
361  </div>
362</div>
363
364<div class="container-film-info row">
365  <div class="info-next-film col-sm-8 col-sm-push-4">
366<h3>Nächster Film</h3>
367    <a href="https://filmstelle.ch/tokyo-sonata/" title="Tokyo Sonata"><h1>Tokyo Sonata</h1></a>
368      
369    <p class="p">
370      <p>Ticket link: Riffraff Zurich Was ist beängstigender: jeden Tag einer starren Routine nachzugehen, in der jede Person ihren Platz kennt oder diese Routine jäh umgestürzt zu sehen, weil der Mann, Ehemann, Vater und “Salaryman” seinen Job verliert? Als Ryuhei Sasaki,&#8230;</p>
371    </p>
372    <div id="film-info-next-film">
373    <p class="info small">06.10.26 - 18:30 Uhr<br/>Special screening at Riffraff<br/>
374Kiyoshi Kurosawa, JP 2008<br/>
375120 min, DCP, JP, de</p><p class="cooperation small" style="color:#1e73be"><em>Screening in collaboration with <a href="https://www.riffraff-houdini.ch/de-ch/programm.html">Riffraff</a> Zurich</em>
376
377<em>Location: Neugasse 57/63, 8005</em></p><a hidden href="https://filmstelle.ch/tokyo-sonata/"><button type="button" class="btn btn-default">zum Film</button></a>    </div>
378  </div>
379
380  <div class="cycle-title col-sm-4 col-sm-pull-8"><h3>Zyklusprogramm</h3>
381    <h1>Work, work, work</h1><h2></h2>
382      <a href="/work">
383        <button type="button" class="btn btn-default">zum Semesterprogramm</button>
384      </a>
385	  <br><br>
386	  <a href="https://filmstelle.ch/wp-content/uploads/filmstelle-work-hs2026-2.ics"><button type="button" class="btn btn-default">in den Kalender importieren</button></a>
387  </div>
388</div>
389
390        <hr class="hr"/>
391        <h3 class="page-subtitle">Weitere Filme in diesem Zyklus</h3>
392        
393    <div class="row container-film-slider">
394      <div class="col-md-12 flexslider carousel">
395        <ul class="slides">
396    
397
398   <li class="slide-film-slider">
399     <a href="https://filmstelle.ch/red-angel/">
400        <div class="film-slider-element">
401            <div class="image-film-slider">
402                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Red-Angel-455x256.webp" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Red-Angel-455x256.webp 455w, https://filmstelle.ch/wp-content/uploads/Red-Angel-768x432.webp 768w, https://filmstelle.ch/wp-content/uploads/Red-Angel-600x338.webp 600w, https://filmstelle.ch/wp-content/uploads/Red-Angel-940x529.webp 940w, https://filmstelle.ch/wp-content/uploads/Red-Angel-300x169.webp 300w, https://filmstelle.ch/wp-content/uploads/Red-Angel.webp 1280w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
403            <svg class='svg-slider visible-xs-block' width='455' height='256'>
404              <defs>
405                <mask id='Smask1' width='455' height='256'>
406                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
407                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
408                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
409                </mask>
410              </defs>
411              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
412            </svg>
413
414<!-- SVG hover tablet -->
415            <svg class='svg-slider visible-sm-block' width='345' height='194'>
416              <defs>
417                <mask id='Smask2' width='345' height='194'>
418                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
419                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
420                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
421                </mask>
422              </defs>
423              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
424            </svg>
425
426<!-- SVG hover desktop -->
427            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
428              <defs>
429                <mask id='Smask3' width='455' height='256'>
430                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
431                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
432                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
433                </mask>
434              </defs>
435              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
436            </svg>
437
438        </div>
439        <div class="info-film-slider">
440            <h3>Red Angel</h3>
441
442            <p class="info small">08.09.26 - 18:30 Uhr<br/>Special screening at Filmpodium<br/>
443Yasuzo Masumura, JP 1966<br/>
44495 min, DCP, JP/en</p>
445
446            </div>
447          </div>
448      </a>
449    </li>
450    
451
452   <li class="slide-film-slider">
453     <a href="https://filmstelle.ch/la-cocina/">
454        <div class="film-slider-element">
455            <div class="image-film-slider">
456                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/La-Cocina-455x256.webp" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/La-Cocina-455x256.webp 455w, https://filmstelle.ch/wp-content/uploads/La-Cocina-940x529.webp 940w, https://filmstelle.ch/wp-content/uploads/La-Cocina-300x169.webp 300w" sizes="(max-width: 455px) 100v
456w, 455px" /><!-- SVG hover mobile -->
457            <svg class='svg-slider visible-xs-block' width='455' height='256'>
458              <defs>
459                <mask id='Smask1' width='455' height='256'>
460                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
461                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
462                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
463                </mask>
464              </defs>
465              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
466            </svg>
467
468<!-- SVG hover tablet -->
469            <svg class='svg-slider visible-sm-block' width='345' height='194'>
470              <defs>
471                <mask id='Smask2' width='345' height='194'>
472                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
473                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
474                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
475                </mask>
476              </defs>
477              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
478            </svg>
479
480<!-- SVG hover desktop -->
481            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
482              <defs>
483                <mask id='Smask3' width='455' height='256'>
484                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
485                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
486                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
487                </mask>
488              </defs>
489              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
490            </svg>
491
492        </div>
493        <div class="info-film-slider">
494            <h3>La Cocina</h3>
495
496            <p class="info small">22.09.26 - 19:30 Uhr<br/>Alonso Ruizpalacios, US/MEX 2024<br/>
497139 min, Bluray, SP/en</p>
498
499            </div>
500          </div>
501      </a>
502    </li>
503    
504
505   <li class="slide-film-slider">
506     <a href="https://filmstelle.ch/riso-amaro/">
507        <div class="film-slider-element">
508            <div class="image-film-slider">
509                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Riso-Amaro-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Riso-Amaro-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Riso-Amaro-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/Riso-Amaro-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/Riso-Amaro-1536x864.jpg 1536w, https://filmstelle.ch/wp-content/uploads/Riso-Amaro-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Riso-Amaro-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/Riso-Amaro.jpg 1920w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
510            <svg class='svg-slider visible-xs-block' width='455' height='256'>
511              <defs>
512                <mask id='Smask1' width='455' height='256'>
513                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
514                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
515                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
516                </mask>
517              </defs>
518              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
519            </svg>
520
521<!-- SVG hover tablet -->
522            <svg class='svg-slider visible-sm-block' width='345' height='194'>
523              <defs>
524                <mask id='Smask2' width='345' height='194'>
525                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
526                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
527                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
528                </mask>
529              </defs>
530              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
531            </svg>
532
533<!-- SVG hover desktop -->
534            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
535              <defs>
536                <mask id='Smask3' width='455' height='256'>
537                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
538                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
539                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
540                </mask>
541              </defs>
542              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
543            </svg>
544
545        </div>
546        <div class="info-film-slider">
547            <h3>Riso Amaro</h3>
548
549            <p class="info small">29.09.26 - 19:30 Uhr<br/>Giuseppe De Santis, IT 1949<br/>
550108 min, Bluray, IT/en</p>
551
552            </div>
553          </div>
554      </a>
555    </li>
556    
557
558   <li class="slide-film-slider">
559     <a href="https://filmstelle.ch/tokyo-sonata/">
560        <div class="film-slider-element">
561            <div class="image-film-slider">
562                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Toyko-Sonata-300x169.jpg 300w" sizes="(max-width: 455px) 100v
562w, 455px" /><!-- SVG hover mobile -->
563            <svg class='svg-slider visible-xs-block' width='455' height='256'>
564              <defs>
565                <mask id='Smask1' width='455' height='256'>
566                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
567                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
568                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
569                </mask>
570              </defs>
571              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
572            </svg>
573
574<!-- SVG hover tablet -->
575            <svg class='svg-slider visible-sm-block' width='345' height='194'>
576              <defs>
577                <mask id='Smask2' width='345' height='194'>
578                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
579                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
580                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
581                </mask>
582              </defs>
583              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
584            </svg>
585
586<!-- SVG hover desktop -->
587            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
588              <defs>
589                <mask id='Smask3' width='455' height='256'>
590                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
591                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
592                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
593                </mask>
594              </defs>
595              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
596            </svg>
597
598        </div>
599        <div class="info-film-slider">
600            <h3>Tokyo Sonata</h3>
601
602            <p class="info small">06.10.26 - 18:30 Uhr<br/>Special screening at Riffraff<br/>
603Kiyoshi Kurosawa, JP 2008<br/>
604120 min, DCP, JP, de</p>
605
606            </div>
607          </div>
608      </a>
609    </li>
610    
611
612   <li class="slide-film-slider">
613     <a href="https://filmstelle.ch/soleil-o/">
614        <div class="film-slider-element">
615            <div class="image-film-slider">
616                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Soleil-O-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Soleil-O-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Soleil-O-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/Soleil-O-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/Soleil-O-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Soleil-O-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/Soleil-O.jpg 1000w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
617            <svg class='svg-slider visible-xs-block' width='455' height='256'>
618              <defs>
619                <mask id='Smask1' width='455' height='256'>
620                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
621                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
622                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
623                </mask>
624              </defs>
625              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
626            </svg>
627
628<!-- SVG hover tablet -->
629            <svg class='svg-slider visible-sm-block' width='345' height='194'>
630              <defs>
631                <mask id='Smask2' width='345' height='194'>
632                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
633                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
634                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
635                </mask>
636              </defs>
637              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
638            </svg>
639
640<!-- SVG hover desktop -->
641            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
642              <defs>
643                <mask id='Smask3' width='455' height='256'>
644                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
645                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
646                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
647                </mask>
648              </defs>
649              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
650            </svg>
651
652        </div>
653        <div class="info-film-slider">
654            <h3>Soleil Ô</h3>
655
656            <p class="info small">13.10.26 - 19:30 Uhr<br/>Med Hondo, FR 1970<br/>
65798 min, DCP, FR, AR/en</p>
658
659            </div>
660          </div>
661      </a>
662    </li>
663    
664
665   <li class="slide-film-slider">
666     <a href="https://filmstelle.ch/clockwatchers/">
667        <div class="film-slider-element">
668            <div class="image-film-slider">
669                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Clockwatchers-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Clockwatchers-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Clockwatchers-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/Clockwatchers-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/Clockwatchers-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Clockwatchers-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/Clockwatchers.jpg 1000w" sizes="(max-width: 455px) 100v
669w, 455px" /><!-- SVG hover mobile -->
670            <svg class='svg-slider visible-xs-block' width='455' height='256'>
671              <defs>
672                <mask id='Smask1' width='455' height='256'>
673                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
674                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
675                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
676                </mask>
677              </defs>
678              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
679            </svg>
680
681<!-- SVG hover tablet -->
682            <svg class='svg-slider visible-sm-block' width='345' height='194'>
683              <defs>
684                <mask id='Smask2' width='345' height='194'>
685                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
686                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
687                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
688                </mask>
689              </defs>
690              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
691            </svg>
692
693<!-- SVG hover desktop -->
694            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
695              <defs>
696                <mask id='Smask3' width='455' height='256'>
697                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
698                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
699                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
700                </mask>
701              </defs>
702              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
703            </svg>
704
705        </div>
706        <div class="info-film-slider">
707            <h3>Clockwatchers</h3>
708
709            <p class="info small">20.10.26 - 19:30 Uhr<br/>Jill Sprecher, UK/US 1997<br/>
71096 min, Bluray, EN/en</p>
711
712            </div>
713          </div>
714      </a>
715    </li>
716    
717
718   <li class="slide-film-slider">
719     <a href="https://filmstelle.ch/the-store/">
720        <div class="film-slider-element">
721            <div class="image-film-slider">
722                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/The-Store-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/The-Store-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/The-Store-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/The-Store-300x169.jpg 300w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
723            <svg class='svg-slider visible-xs-block' width='455' height='256'>
724              <defs>
725                <mask id='Smask1' width='455' height='256'>
726                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
727                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
728                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
729                </mask>
730              </defs>
731              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
732            </svg>
733
734<!-- SVG hover tablet -->
735            <svg class='svg-slider visible-sm-block' width='345' height='194'>
736              <defs>
737                <mask id='Smask2' width='345' height='194'>
738                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
739                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
740                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
741                </mask>
742              </defs>
743              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
744            </svg>
745
746<!-- SVG hover desktop -->
747            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
748              <defs>
749                <mask id='Smask3' width='455' height='256'>
750                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
751                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
752                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
753                </mask>
754              </defs>
755              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
756            </svg>
757
758        </div>
759        <div class="info-film-slider">
760            <h3>The Store</h3>
761
762            <p class="info small">27.10.26 - 19:30 Uhr<br/>Frederick Wiseman, US 1983<br/>
763118 min, DCP, EN/en</p>
764
765            </div>
766          </div>
767      </a>
768    </li>
769    
770
771   <li class="slide-film-slider">
772     <a href="https://filmstelle.ch/one-cut-of-the-dead/">
773        <div class="film-slider-element">
774            <div class="image-film-slider">
775                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/One-Cut-of-the-Dead.jpg 1000w" sizes="(max-width: 455px) 100v
775w, 455px" /><!-- SVG hover mobile -->
776            <svg class='svg-slider visible-xs-block' width='455' height='256'>
777              <defs>
778                <mask id='Smask1' width='455' height='256'>
779                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
780                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
781                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
782                </mask>
783              </defs>
784              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
785            </svg>
786
787<!-- SVG hover tablet -->
788            <svg class='svg-slider visible-sm-block' width='345' height='194'>
789              <defs>
790                <mask id='Smask2' width='345' height='194'>
791                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
792                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
793                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
794                </mask>
795              </defs>
796              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
797            </svg>
798
799<!-- SVG hover desktop -->
800            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
801              <defs>
802                <mask id='Smask3' width='455' height='256'>
803                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
804                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
805                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
806                </mask>
807              </defs>
808              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
809            </svg>
810
811        </div>
812        <div class="info-film-slider">
813            <h3>One Cut of the Dead</h3>
814
815            <p class="info small">30.10.26 - 18:30 Uhr<br/>Special screening at Filmpodium<br/>
816Shin'ichirō Ueda, JP 2017<br/>
81796 min, DCP, JP/en</p>
818
819            </div>
820          </div>
821      </a>
822    </li>
823    
824
825   <li class="slide-film-slider">
826     <a href="https://filmstelle.ch/strike/">
827        <div class="film-slider-element">
828            <div class="image-film-slider">
829                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Strike-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Strike-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Strike-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/Strike-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/Strike-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Strike-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/Strike.jpg 1000w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
830            <svg class='svg-slider visible-xs-block' width='455' height='256'>
831              <defs>
832                <mask id='Smask1' width='455' height='256'>
833                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
834                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
835                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
836                </mask>
837              </defs>
838              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
839            </svg>
840
841<!-- SVG hover tablet -->
842            <svg class='svg-slider visible-sm-block' width='345' height='194'>
843              <defs>
844                <mask id='Smask2' width='345' height='194'>
845                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
846                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
847                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
848                </mask>
849              </defs>
850              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
851            </svg>
852
853<!-- SVG hover desktop -->
854            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
855              <defs>
856                <mask id='Smask3' width='455' height='256'>
857                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
858                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
859                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
860                </mask>
861              </defs>
862              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
863            </svg>
864
865        </div>
866        <div class="info-film-slider">
867            <h3>Strike</h3>
868
869            <p class="info small">03.11.26 - 19:30 Uhr<br/>Sergei Eisenstein, USSR 1925<br/>
87082 min, Bluray, -/en</p>
871
872            </div>
873          </div>
874      </a>
875    </li>
876    
877
878   <li class="slide-film-slider">
879     <a href="https://filmstelle.ch/la-classe-operaia-va-in-paradiso/">
880        <div class="film-slider-element">
881            <div class="image-film-slider">
882                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/Working-class-goes-to-heaven.jpg 1000w" sizes="(max-width: 455px) 100v
882w, 455px" /><!-- SVG hover mobile -->
883            <svg class='svg-slider visible-xs-block' width='455' height='256'>
884              <defs>
885                <mask id='Smask1' width='455' height='256'>
886                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
887                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
888                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
889                </mask>
890              </defs>
891              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
892            </svg>
893
894<!-- SVG hover tablet -->
895            <svg class='svg-slider visible-sm-block' width='345' height='194'>
896              <defs>
897                <mask id='Smask2' width='345' height='194'>
898                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
899                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
900                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
901                </mask>
902              </defs>
903              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
904            </svg>
905
906<!-- SVG hover desktop -->
907            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
908              <defs>
909                <mask id='Smask3' width='455' height='256'>
910                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
911                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
912                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
913                </mask>
914              </defs>
915              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
916            </svg>
917
918        </div>
919        <div class="info-film-slider">
920            <h3>La classe operaia va in paradiso</h3>
921
922            <p class="info small">10.11.26 - 19:30 Uhr<br/>Elio Petri, IT 1971<br/>
923116 min, DCP, IT/en</p>
924
925            </div>
926          </div>
927      </a>
928    </li>
929    
930
931   <li class="slide-film-slider">
932     <a href="https://filmstelle.ch/jeanne-dielman-23-quai-du-commerce-1080-bruxelles/">
933        <div class="film-slider-element">
934            <div class="image-film-slider">
935                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Jeanne-Dielman-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Jeanne-Dielman-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Jeanne-Dielman-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Jeanne-Dielman-300x169.jpg 300w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
936            <svg class='svg-slider visible-xs-block' width='455' height='256'>
937              <defs>
938                <mask id='Smask1' width='455' height='256'>
939                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
940                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
941                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
942                </mask>
943              </defs>
944              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
945            </svg>
946
947<!-- SVG hover tablet -->
948            <svg class='svg-slider visible-sm-block' width='345' height='194'>
949              <defs>
950                <mask id='Smask2' width='345' height='194'>
951                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
952                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
953                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
954                </mask>
955              </defs>
956              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
957            </svg>
958
959<!-- SVG hover desktop -->
960            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
961              <defs>
962                <mask id='Smask3' width='455' height='256'>
963                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
964                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
965                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
966                </mask>
967              </defs>
968              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
969            </svg>
970
971        </div>
972        <div class="info-film-slider">
973            <h3>Jeanne Dielman, 23, quai du Commerce, 1080 Bruxelles</h3>
974
975            <p class="info small">17.11.26 - 18:30 Uhr<br/>
975Chantal Akerman, BEL 1976<br/>
976201 min, DCP, FR/en</p>
977
978            </div>
979          </div>
980      </a>
981    </li>
982    
983
984   <li class="slide-film-slider">
985     <a href="https://filmstelle.ch/winter-light/">
986        <div class="film-slider-element">
987            <div class="image-film-slider">
988                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Winter-Light-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Winter-Light-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Winter-Light-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/Winter-Light-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/Winter-Light-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/Winter-Light-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/Winter-Light.jpg 1000w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
989            <svg class='svg-slider visible-xs-block' width='455' height='256'>
990              <defs>
991                <mask id='Smask1' width='455' height='256'>
992                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
993                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
994                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
995                </mask>
996              </defs>
997              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
998            </svg>
999
1000<!-- SVG hover tablet -->
1001            <svg class='svg-slider visible-sm-block' width='345' height='194'>
1002              <defs>
1003                <mask id='Smask2' width='345' height='194'>
1004                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
1005                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
1006                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
1007                </mask>
1008              </defs>
1009              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
1010            </svg>
1011
1012<!-- SVG hover desktop -->
1013            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
1014              <defs>
1015                <mask id='Smask3' width='455' height='256'>
1016                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
1017                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
1018                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
1019                </mask>
1020              </defs>
1021              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
1022            </svg>
1023
1024        </div>
1025        <div class="info-film-slider">
1026            <h3>Winter Light</h3>
1027
1028            <p class="info small">01.12.26 - 19:30 Uhr<br/>Ingmar Bergman, SW 1963<br/>
102981 min, DCP, SW/en</p>
1030
1031            </div>
1032          </div>
1033      </a>
1034    </li>
1035    
1036
1037   <li class="slide-film-slider">
1038     <a href="https://filmstelle.ch/the-world/">
1039        <div class="film-slider-element">
1040            <div class="image-film-slider">
1041                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/The-World-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/The-World-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/The-World-768x432.jpg 768w, https://filmstelle.ch/wp-content/uploads/The-World-600x338.jpg 600w, https://filmstelle.ch/wp-content/uploads/The-World-940x529.jpg 940w, https://filmstelle.ch/wp-content/uploads/The-World-300x169.jpg 300w, https://filmstelle.ch/wp-content/uploads/The-World.jpg 1000w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
1042            <svg class='svg-slider visible-xs-block' width='455' height='256'>
1043              <defs>
1044                <mask id='Smask1' width='455' height='256'>
1045                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
1046                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
1047                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
1048                </mask>
1049              </defs>
1050              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
1051            </svg>
1052
1053<!-- SVG hover tablet -->
1054            <svg class='svg-slider visible-sm-block' width='345' height='194'>
1055              <defs>
1056                <mask id='Smask2' width='345' height='194'>
1057                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
1058                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
1059                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
1060                </mask>
1061              </defs>
1062              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
1063            </svg>
1064
1065<!-- SVG hover desktop -->
1066            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
1067              <defs>
1068                <mask id='Smask3' width='455' height='256'>
1069                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
1070                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
1071                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
1072                </mask>
1073              </defs>
1074              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
1075            </svg>
1076
1077        </div>
1078        <div class="info-film-slider">
1079            <h3>The World</h3>
1080
1081            <p class="info small">08.12.26 - 19:30 Uhr<br/>Jia Zhangke, CN 2004<br/>
1082140 min, Bluray, CN/en</p>
1083
1084            </div>
1085          </div>
1086      </a>
1087    </li>
1088    
1089
1090   <li class="slide-film-slider">
1091     <a href="https://filmstelle.ch/encounters-at-the-end-of-the-world-2/">
1092        <div class="film-slider-element">
1093            <div class="image-film-slider">
1094                <img width="455" height="256" src="https://filmstelle.ch/wp-content/uploads/Encounters-at-the-end-of-The-World-455x256.jpg" class="img-responsive wp-post-image" alt="" decoding="async" srcset="https://filmstelle.ch/wp-content/uploads/Encounters-at-the-end-of-The-World-455x256.jpg 455w, https://filmstelle.ch/wp-content/uploads/Encounters-at-the-end-of-The-World-300x169.jpg 300w" sizes="(max-width: 455px) 100vw, 455px" /><!-- SVG hover mobile -->
1095            <svg class='svg-slider visible-xs-block' width='455' height='256'>
1096              <defs>
1097                <mask id='Smask1' width='455' height='256'>
1098                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
1099                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
1100                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
1101                </mask>
1102              </defs>
1103              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask1)'/>
1104            </svg>
1105
1106<!-- SVG hover tablet -->
1107            <svg class='svg-slider visible-sm-block' width='345' height='194'>
1108              <defs>
1109                <mask id='Smask2' width='345' height='194'>
1110                  <rect width='345' height='194' style='stroke:none; fill: #bbbbbb' />
1111                  <rect x='167.5' y='47' width='10' height='100' style='stroke:none; fill: #000000' />
1112                  <rect x='122.5' y='92' width='100' height='10' style='stroke:none; fill: #000000' />
1113                </mask>
1114              </defs>
1115              <rect width='345' height='194' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask2)'/>
1116            </svg>
1117
1118<!-- SVG hover desktop -->
1119            <svg class='svg-slider hidden-xs hidden-sm' width='455' height='256'>
1120              <defs>
1121                <mask id='Smask3' width='455' height='256'>
1122                  <rect width='455' height='256' style='stroke:none; fill: #bbbbbb' />
1123                  <rect x='222.5' y='78' width='10' height='100' style='stroke:none; fill: #000000' />
1124                  <rect x='177.5' y='123' width='100' height='10' style='stroke:none; fill: #000000' />
1125                </mask>
1126              </defs>
1127              <rect width='455' height='256' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#Smask3)'/>
1128            </svg>
1129
1130        </div>
1131        <div class="info-film-slider">
1132            <h3>Encounters at the End of the World</h3>
1133
1134            <p class="info small">15.12.26 - 19:30 Uhr<br/>Werner Herzog, USA 2004<br/>
113599 min, DCP, EN/en</p>
1136
1137            </div>
1138          </div>
1139      </a>
1140    </li>
1141    
1142</ul></div></div>
1143
1144<script>
1145jQuery(document).ready(function($) {
1146
1147  // store the slider in a local variable
1148  var $window = $(window),
1149      flexslider;
1150
1151  // tiny helper function to add breakpoints
1152  function getGridSize() {
1153    return (isBreakpoint('xs')) ? 1 : 2;
1154  }
1155
1156  // helper function to get item width
1157  function getItemWidth() {
1158    return (isBreakpoint('xs')) ? 1 : 
1159           (isBreakpoint('sm')) ? 345 : 455;    
1160  }
1161
1162  // helper function to check grid size and breakpoints on resize event
1163  $window.resize(function() {
1164    var gridSize = getGridSize();
1165    var itemWidth = getItemWidth();
1166 
1167    flexslider.vars.minItems = gridSize;
1168    flexslider.vars.maxItems = gridSize;
1169    flexslider.vars.itemWidth = itemWidth;
1170  });
1171
1172  // helper function to adjust slider on orientation change event
1173  $window.on('scroll orientationchange', function() {
1174    var gridSize = getGridSize();
1175    var itemWidth = getItemWidth();
1176 
1177    flexslider.vars.minItems = gridSize;
1178    flexslider.vars.maxItems = gridSize;
1179    flexslider.vars.itemWidth = itemWidth;
1180  });
1181
1182
1183  $('.flexslider').flexslider({
1184    animation: "slide",
1185    slideshow: false,
1186    move: 1,
1187    itemWidth: getItemWidth(),
1188    itemMargin: 30,
1189    minItems: getGridSize(),
1190    maxItems: getGridSize(),
1191    controlNav: false,
1192    prevText: '<svg class="svg-prev" x="0" y="0" viewBox="0 0 55 55" enable-background="new 0 0 55 55"><path class="prev-back"  d="M54 1v53H1V1H54M55 0H0v55h55V0L55 0z"/><polyline class="chevron-left" fill="none" stroke-miterlimit="10" points="36 44.5 19 27.5 36 10.5 "/></svg>',
1193    nextText: '<svg class="svg-next" x="0" y="0" viewBox="0 0 55 55" enable-background="new 0 0 55 55"><path class="next-back"  d="M54 1v53H1V1H54M55 0H0v55h55V0L55 0z"/><polyline class="chevron-right" fill="none" stroke-miterlimit="10" points="19 10.5 36 27.5 19 44.5 "/></svg>',
1194    start: function(slider){
1195      flexslider = slider;
1196      var postOffset = 4;
1197      var animationSpeed = slider.vars.animationSpeed;
1198      slider.vars.animationSpeed = 0;
1199      slider.flexAnimate(postOffset); 
1200      slider.vars.animationSpeed = animationSpeed;
1201    }, 
1202  });
1203
1204
1205/* // set the height of the images in mobile viewport to xx percent of its width
1206    $window.on('load resize', function() {
1207        var div = $('.image-film-slider');
1208        var width = div.width();
1209        if (isBreakpoint('xs')) {
1210            div.css('height', width * 0.54); // 54%
1211        }
1212    });
1213*/
1214
1215});
1216</script>
1216        <hr class="hr"/>
1217        <h3 class="page-subtitle">Filmblog</h3>
1218        
1219<div class="container-filmblog-latest row">
1220
1221
1222<a href="https://filmstelle.ch/?filmstelle_filmblog=r21-aka-restoring-solidarity">
1223    <div class="col-sm-4 filmblog-latest-element">
1224        <div class="filmblog-latest-img">
1225            <div class="wrapper img-circle">
1226                <img width="300" height="300" src="https://filmstelle.ch/wp-content/uploads/R21-aka-Restoring-Solidarity_FEATURE-2566117761-300x300.jpg" class="img-responsive img-circle wp-post-image" alt="" decoding="async" />
1227
1228<!-- SVG hover mobile -->
1229            <svg class='svg-fade visible-xs-block img-circle' width='300' height='300'>
1230              <defs>
1231                <mask id='mask1' width='300' height='300'>
1232                  <rect width='300' height='300' style='stroke:none; fill: #bbbbbb' />
1233                  <rect x='145' y='100' width='10' height='100' style='stroke:none; fill: #000000' />
1234                  <rect x='100' y='145' width='100' height='10' style='stroke:none; fill: #000000' />
1235                </mask>
1236              </defs>
1237              <rect width='300' height='300' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask1)'/>
1238            </svg>
1239
1240<!-- SVG hover tablet -->
1241            <svg class='svg-fade visible-sm-block img-circle' width='200' height='200'>
1242              <defs>
1243                <mask id='mask2' width='200' height='200'>
1244                  <rect x='0' y='0' width='200' height='200' style='stroke:none; fill: #bbbbbb' />
1245                  <rect x='95' y='50' width='10' height='100' style='stroke:none; fill: #000000' />
1246                  <rect x='50' y='95' width='100' height='10' style='stroke:none; fill: #000000' />
1247                </mask>
1248              </defs>
1249              <rect width='200' height='200' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask2)'/>
1250            </svg>
1251
1252<!-- SVG hover desktop -->
1253            <svg class='svg-fade hidden-xs hidden-sm img-circle' width='273' height='273'>
1254              <defs>
1255                <mask id='mask3' width='273' height='273'>
1256                  <rect width='273' height='273' style='stroke:none; fill: #bbbbbb' />
1257                  <rect x='131.5' y='86.5' width='10' height='100' style='stroke:none; fill: #000000' />
1258                  <rect x='86.5' y='131.5' width='100' height='10' style='stroke:none; fill: #000000' />
1259                </mask>
1260              </defs>
1261              <rect width='273' height='273' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask3)'/>
1262            </svg>
1263
1264            </div>
1265        </div>
1266        <div class="filmblog-latest-info">
1267            <h3>R21 AKA Restoring Solidarity</h3>
1268            <p class="info small">Mohanad Yaqubi, PS 2022<br/>
126971min<br/><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i></p>
1270        </div>
1271    </div>
1272</a>
1273
1274<a href="https://filmstelle.ch/?filmstelle_filmblog=locarno-film-festival-2025">
1275    <div class="col-sm-4 filmblog-latest-element">
1276        <div class="filmblog-latest-img">
1277            <div class="wrapper img-circle">
1278                <img width="300" height="300" src="https://filmstelle.ch/wp-content/uploads/WhatsApp-Image-2025-08-25-at-10.13.47_b00e53f2-300x300.jpg" class="img-responsive img-circle wp-post-image" alt="" decoding="async" />
1279
1280<!-- SVG hover mobile -->
1281            <svg class='svg-fade visible-xs-block img-circle' width='300' height='300'>
1282              <defs>
1283                <mask id='mask1' width='300' height='300'>
1284                  <rect width='300' height='300' style='stroke:none; fill: #bbbbbb' />
1285                  <rect x='145' y='100' width='10' height='100' style='stroke:none; fill: #000000' />
1286                  <rect x='100' y='145' width='100' height='10' style='stroke:none; fill: #000000' />
1287                </mask>
1288              </defs>
1289              <rect width='300' height='300' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask1)'/>
1290            </svg>
1291
1292<!-- SVG hover tablet -->
1293            <svg class='svg-fade visible-sm-block img-circle' width='200' height='200'>
1294              <defs>
1295                <mask id='mask2' width='200' height='200'>
1296                  <rect x='0' y='0' width='200' height='200' style='stroke:none; fill: #bbbbbb' />
1297                  <rect x='95' y='50' width='10' height='100' style='stroke:none; fill: #000000' />
1298                  <rect x='50' y='95' width='100' height='10' style='stroke:none; fill: #000000' />
1299                </mask>
1300              </defs>
1301              <rect width='200' height='200' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask2)'/>
1302            </svg>
1303
1304<!-- SVG hover desktop -->
1305            <svg class='svg-fade hidden-xs hidden-sm img-circle' width='273' height='273'>
1306              <defs>
1307                <mask id='mask3' width='273' height='273'>
1308                  <rect width='273' height='273' style='stroke:none; fill: #bbbbbb' />
1309                  <rect x='131.5' y='86.5' width='10' height='100' style='stroke:none; fill: #000000' />
1310                  <rect x='86.5' y='131.5' width='100' height='10' style='stroke:none; fill: #000000' />
1311                </mask>
1312              </defs>
1313              <rect width='273' height='273' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask3)'/>
1314            </svg>
1315
1316            </div>
1317        </div>
1318        <div class="filmblog-latest-info">
1319            <h3>Locarno Film Festival 2025</h3>
1320            <p class="info small"><br/><i class="glyphicon glyphicon-star"></i><i class="glyphicon glyphicon-star"></i><i class="glyphicon glyphicon-star"></i><i class="glyphicon glyphicon-star"></i><i class="glyphicon glyphicon-star"></i></p>
1321        </div>
1322    </div>
1323</a>
1324
1325<a href="https://filmstelle.ch/?filmstelle_filmblog=il-cinema-ritrovato-2025-ein-bericht">
1326    <div class="col-sm-4 filmblog-latest-element">
1327        <div class="filmblog-latest-img">
1328            <div class="wrapper img-circle">
1329                <img width="300" height="300" src="https://filmstelle.ch/wp-content/uploads/bologna-300x300.jpg" class="img-responsive img-circle wp-post-image" alt="" decoding="async" />
1330
1331<!-- SVG hover mobile -->
1332            <svg class='svg-fade visible-xs-block img-circle' width='300' height='300'>
1333              <defs>
1334                <mask id='mask1' width='300' height='300'>
1335                  <rect width='300' height='300' style='stroke:none; fill: #bbbbbb' />
1336                  <rect x='145' y='100' width='10' height='100' style='stroke:none; fill: #000000' />
1337                  <rect x='100' y='145' width='100' height='10' style='stroke:none; fill: #000000' />
1338                </mask>
1339              </defs>
1340              <rect width='300' height='300' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask1)'/>
1341            </svg>
1342
1343<!-- SVG hover tablet -->
1344            <svg class='svg-fade visible-sm-block img-circle' width='200' height='200'>
1345              <defs>
1346                <mask id='mask2' width='200' height='200'>
1347                  <rect x='0' y='0' width='200' height='200' style='stroke:none; fill: #bbbbbb' />
1348                  <rect x='95' y='50' width='10' height='100' style='stroke:none; fill: #000000' />
1349                  <rect x='50' y='95' width='100' height='10' style='stroke:none; fill: #000000' />
1350                </mask>
1351              </defs>
1352              <rect width='200' height='200' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask2)'/>
1353            </svg>
1354
1355<!-- SVG hover desktop -->
1356            <svg class='svg-fade hidden-xs hidden-sm img-circle' width='273' height='273'>
1357              <defs>
1358                <mask id='mask3' width='273' height='273'>
1359                  <rect width='273' height='273' style='stroke:none; fill: #bbbbbb' />
1360                  <rect x='131.5' y='86.5' width='10' height='100' style='stroke:none; fill: #000000' />
1361                  <rect x='86.5' y='131.5' width='100' height='10' style='stroke:none; fill: #000000' />
1362                </mask>
1363              </defs>
1364              <rect width='273' height='273' style='stroke:none; fill: rgba(255,255,255,1); mask: url(#mask3)'/>
1365            </svg>
1366
1367            </div>
1368        </div>
1369        <div class="filmblog-latest-info">
1370            <h3>Il Cinema Ritrovato 2025 &#8211; Ein Bericht</h3>
1371            <p class="info small"><br/><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i><i class="glyphicon glyphicon-star-empty"></i></p>
1372        </div>
1373    </div>
1374</a>
1375</div>
1376        <hr class="hr"/>
1377        <h3 class="page-subtitle">Filme in diesem Zyklus</h3>
1378        
1379<div class="container-filme-aktuell row">
1380    <div class=" col-sm-12 wrapper-filme-aktuell">
1381
1382        <div class="element-filme-aktuell">
1383            
1384                        <a href="https://filmstelle.ch/red-angel/">
1385              <div class ="datum"><h2>08.09.26</h1></div>
1386                  <div class="title">
1387                    <h2>Red Angel</h2>
1388              </div>
1389            </a>
1390            <div class="clear"></div>
1391        </div>
1392        <div class="element-filme-aktuell">
1393            
1394                        <a href="https://filmstelle.ch/la-cocina/">
1395              <div class ="datum"><h2>22.09.26</h1></div>
1396                  <div class="title">
1397                    <h2>La Cocina</h2>
1398              </div>
1399            </a>
1400            <div class="clear"></div>
1401        </div>
1402        <div class="element-filme-aktuell">
1403            
1404                        <a href="https://filmstelle.ch/riso-amaro/">
1405              <div class ="datum"><h2>29.09.26</h1></div>
1406                  <div class="title">
1407                    <h2>Riso Amaro</h2>
1408              </div>
1409            </a>
1410            <div class="clear"></div>
1411        </div>
1412        <div class="element-filme-aktuell">
1413            
1414                        <a href="https://filmstelle.ch/tokyo-sonata/">
1415              <div class ="datum"><h2>06.10.26</h1></div>
1416                  <div class="title">
1417                    <h2>Tokyo Sonata</h2>
1418              </div>
1419            </a>
1420            <div class="clear"></div>
1421        </div>
1422        <div class="element-filme-aktuell">
1423            
1424                        <a href="https://filmstelle.ch/soleil-o/">
1425              <div class ="datum"><h2>13.10.26</h1></div>
1426                  <div class="title">
1427                    <h2>Soleil Ô</h2>
1428              </div>
1429            </a>
1430            <div class="clear"></div>
1431        </div>
1432        <div class="element-filme-aktuell">
1433            
1434                        <a href="https://filmstelle.ch/clockwatchers/">
1435              <div class ="datum"><h2>20.10.26</h1></div>
1436                  <div class="title">
1437                    <h2>Clockwatchers</h2>
1438              </div>
1439            </a>
1440            <div class="clear"></div>
1441        </div>
1442        <div class="element-filme-aktuell">
1443            
1444                        <a href="https://filmstelle.ch/the-store/">
1445              <div class ="datum"><h2>27.10.26</h1></div>
1446                  <div class="title">
1447                    <h2>The Store</h2>
1448              </div>
1449            </a>
1450            <div class="clear"></div>
1451        </div>
1452        <div class="element-filme-aktuell">
1453            
1454                        <a href="https://filmstelle.ch/one-cut-of-the-dead/">
1455              <div class ="datum"><h2>30.10.26</h1></div>
1456                  <div class="title">
1457                    <h2>One Cut of the Dead</h2>
1458              </div>
1459            </a>
1460            <div class="clear"></div>
1461        </div>
1462        <div class="element-filme-aktuell">
1463            
1464                        <a href="https://filmstelle.ch/strike/">
1465              <div class ="datum"><h2>03.11.26</h1></div>
1466                  <div class="title">
1467                    <h2>Strike</h2>
1468              </div>
1469            </a>
1470            <div class="clear"></div>
1471        </div>
1472        <div class="element-filme-aktuell">
1473            
1474                        <a href="https://filmstelle.ch/la-classe-operaia-va-in-paradiso/">
1475              <div class ="datum"><h2>10.11.26</h1></div>
1476                  <div class="title">
1477                    <h2>La classe operaia va in paradiso</h2>
1478              </div>
1479            </a>
1480            <div class="clear"></div>
1481        </div>
1482        <div class="element-filme-aktuell">
1483            
1484                        <a href="https://filmstelle.ch/jeanne-dielman-23-quai-du-commerce-1080-bruxelles/">
1485              <div class ="datum"><h2>17.11.26</h1></div>
1486                  <div class="title">
1487                    <h2>Jeanne Dielman, 23, quai du Commerce, 1080 Bruxelles</h2>
1488              </div>
1489            </a>
1490            <div class="clear"></div>
1491        </div>
1492        <div class="element-filme-aktuell">
1493            
1494                        <a href="https://filmstelle.ch/winter-light/">
1495              <div class ="datum"><h2>01.12.26</h1></div>
1496                  <div class="title">
1497                    <h2>Winter Light</h2>
1498              </div>
1499            </a>
1500            <div class="clear"></div>
1501        </div>
1502        <div class="element-filme-aktuell">
1503            
1504                        <a href="https://filmstelle.ch/the-world/">
1505              <div class ="datum"><h2>08.12.26</h1></div>
1506                  <div class="title">
1507                    <h2>The World</h2>
1508              </div>
1509            </a>
1510            <div class="clear"></div>
1511        </div>
1512        <div class="element-filme-aktuell">
1513            
1514                        <a href="https://filmstelle.ch/encounters-at-the-end-of-the-world-2/">
1515              <div class ="datum"><h2>15.12.26</h1></div>
1516                  <div class="title">
1517                    <h2>Encounters at the End of the World</h2>
1518              </div>
1519            </a>
1520            <div class="clear"></div>
1521        </div>
1522    </div>
1523</div>
1524
1525
1526   </div>
1527
1528
1529</div>
1530<!-- end content container -->
1531
1532    <div class="dmbs-footer">
1533        
1534            <div class="row dmbs-footer-menu">
1535            <nav class="navbar navbar-default" role="navigation">
1536                <div class="navbar-header">
1537                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-2-collapse">
1538                        <span class="sr-only">Toggle navigation</span>
1539                        <span class="icon-bar"></span>
1540                        <span class="icon-bar"></span>
1541                        <span class="icon-bar"></span>
1542                    </button>
1543                </div>
1544
1545                    <div class="collapse navbar-collapse navbar-2-collapse"><ul id="menu-footer" class="nav navbar-nav"><li id="menu-item-5479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5479"><a title="Archiv" href="https://filmstelle.ch/archiv/">Archiv</a></li>
1546<li id="menu-item-249" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-249"><a title="Bibliothek" href="https://filmstelle.ch/bibliothek/">Bibliothek</a></li>
1547<li id="menu-item-5789" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5789"><a title="Sponsoren" href="https://filmstelle.ch/sponsoren/">Sponsoren</a></li>
1548<li id="menu-item-392" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-392"><a title="Intern" href="https://wiki.vseth.ethz.ch/login.action?os_destination=%2Findex.action&#038;permissionViolation=true">Intern</a></li>
1549</ul>
1550            <ul class="nav navbar-nav navbar-right">
1551              <li class="menu-item newsletter-form">
1552                <div class="widget_wysija_cont php_wysija"><div id="msg-form-wysija-php6ac1daa8836ea-1" class="wysija-msg ajax"></div><form id="form-wysija-php6ac1daa8836ea-1" method="post" action="#wysija" class="widget_wysija php_wysija">
1553<p class="wysija-paragraph">
1554    
1555    
1556    	<input type="text" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" title="Newsletter" placeholder="Newsletter" value="" />
1557    
1558    
1559    
1560    <span class="abs-req">
1561        <input type="text" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
1562    </span>
1563    
1564</p>
1565
1566<input class="wysija-submit wysija-submit-field" type="submit" value="OK" />
1567
1568    <input type="hidden" name="form_id" value="1" />
1569    <input type="hidden" name="action" value="save" />
1570    <input type="hidden" name="controller" value="subscribers" />
1571    <input type="hidden" value="1" name="wysija-page" />
1572
1573    
1574        <input type="hidden" name="wysija[user_list][list_ids]" value="1" />
1575    
1576 </form></div>
1577              </li></ul></div>
1578                </div>
1579            </nav>
1580    </div>
1581<script> //Apply Bootstrap Classes to Mailpoet Newsletter Form
1582jQuery(document).ready(function($) {
1583
1584    $('.widget_wysija input[name="wysija[user][email]"]').addClass('form-control');
1585    $('.wysija-submit-field').addClass('btn btn-default');
1586
1587});
1588</script>
1588
1589
1590    </div>
1591
1592</div>
1593<!-- end main container -->
1594
1595<!-- Helper Divs for breakpoint Detection in Javascript -->
1596<div class="device-xs visible-xs"></div>
1597<div class="device-sm visible-sm"></div>
1598<div class="device-md visible-md"></div>
1599<script>
1600/* Helper Function for breakpoint Detection in Javascript */
1601function isBreakpoint( alias ) {
1602    return jQuery('.device-' + alias).is(':visible');
1603}
1604</script>
vendor: 1 bytes, line 1604
1604
1605<script type="speculationrules">
1606{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/devdmbootstrap3-child/*","/wp-content/themes/devdmbootstrap3/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1607</script>
1607
1608<!-- Matomo -->
1609<script>
1610  var _paq = window._paq = window._paq || [];
1611  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
1612  _paq.push(['trackPageView']);
1613  _paq.push(['enableLinkTracking']);
1614  (function() {
1615    var u="//analytics.vseth.ethz.ch/";
1616    _paq.push(['setTrackerUrl', u+'matomo.php']);
1617    _paq.push(['setSiteId', '7']);
1618    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
1619    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
1620  })();
1621</script>
1621
1622<!-- End Matomo Code -->
1623<script type="text/javascript" src="https://filmstelle.ch/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
vendor: 1 bytes, line 1623
1623
1624<script type="text/javascript" src="https://filmstelle.ch/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
vendor: 1 bytes, line 1624
1624
1625<script type="text/javascript" id="wp-i18n-js-after">
1626/* <![CDATA[ */
1627wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1628//# sourceURL=wp-i18n-js-after
1629/* ]]> */
1630</script>
vendor: 1 bytes, line 1630
1630
1631<script type="text/javascript" src="https://filmstelle.ch/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script>
vendor: 1 bytes, line 1631
1631
1632<script type="text/javascript" id="contact-form-7-js-before">
1633/* <![CDATA[ */
1634var wpcf7 = {
1635    "api": {
1636        "root": "https:\/\/filmstelle.ch\/wp-json\/",
1637        "namespace": "contact-form-7\/v1"
1638    }
1639};
1640//# sourceURL=contact-form-7-js-before
1641/* ]]> */
1642</script>
vendor: 1 bytes, line 1642
1642
1643<script type="text/javascript" src="https://filmstelle.ch/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script>
vendor: 1 bytes, line 1643
1643
1644<script type="text/javascript" src="https://filmstelle.ch/wp-content/themes/devdmbootstrap3-child/js/jquery.flexslider.js?ver=2.5.0" id="flexslider-js"></script>
vendor: 1 bytes, line 1644
1644
1645<script type="text/javascript" src="https://filmstelle.ch/wp-content/themes/devdmbootstrap3/js/bootstrap.js?ver=1.80" id="theme-js-js"></script>
vendor: 1 bytes, line 1645
1645
1646<script type="text/javascript" src="https://filmstelle.ch/wp-content/plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-de.js?ver=2.18" id="wysija-validator-lang-js"></script>
vendor: 1 bytes, line 1646
1646
1647<script type="text/javascript" src="https://filmstelle.ch/wp-content/plugins/wysija-newsletters/js/validate/jquery.validationEngine.js?ver=2.18" id="wysija-validator-js"></script>
vendor: 1 bytes, line 1647
1647
1648<script type="text/javascript" id="wysija-front-subscribers-js-extra">
1649/* <![CDATA[ */
1650var wysijaAJAX = {"action":"wysija_ajax","controller":"subscribers","ajaxurl":"https://filmstelle.ch/wp-admin/admin-ajax.php","loadingTrans":"Loading...","is_rtl":""};
1651//# sourceURL=wysija-front-subscribers-js-extra
1652/* ]]> */
1653</script>
vendor: 1 bytes, line 1653
1653
1654<script type="text/javascript" src="https://filmstelle.ch/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.18" id="wysija-front-subscribers-js"></script>
vendor: 1 bytes, line 1654
1654
1655<script id="wp-emoji-settings" type="application/json">
1656{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://filmstelle.ch/wp-includes/js/wp-emoji-release.min.js?ver=6.9.5"}}
1657</script>
vendor: 1 bytes, line 1657
1657
1658<script type="module">
1659/* <![CDATA[ */
1660/*! This file is auto-generated */
1661const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
1662//# sourceURL=https://filmstelle.ch/wp-includes/js/wp-emoji-loader.min.js
1663/* ]]> */
1664</script>
1664
1665</body>
1666</html>
1667

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.