PageSourceSearch

https://www.falter.at/ueber-uns/falter-app

html falter.at collected 2026-09-24 08:42:19 UTC 158,936 bytes, 2,239 lines download raw bytes

1<!doctype html>
2<html class="bg-turbo-400" lang="de-AT">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8
9    <!-- DNS Prefetch -->
10    <link href="https://cdn-assets.falter.at" rel="preconnect">
11    <link href="https://cdn.falter.at" rel="preconnect">
12
13    <!-- Favicons -->
14    <link href="https://www.falter.at/favicon.ico" rel="icon" sizes="32x32">
15    <link type="image/svg+xml" href="https://www.falter.at/icon.svg" rel="icon">
16    <link href="https://www.falter.at/apple-touch-icon.png" rel="apple-touch-icon">
17    <link href="https://www.falter.at/manifest.webmanifest" rel="manifest">
18
19            <title>FALTER-App - FALTER</title>
20<meta name="description" content="Lesen Sie w&ouml;chentlich den vollst&auml;ndigen FALTER inklusive FALTER:WOCHE und weitere redaktionelle Beilagen komfortabel auf Ihrem iPad oder Android-Tablet sowie unterwegs auf Ihrem iPhone oder Android Phone." />
21<meta property="og:type" content="website" />
22<meta property="og:title" content="FALTER-App" />
23<meta property="og:description" content="Lesen Sie w&ouml;chentlich den vollst&auml;ndigen FALTER inklusive FALTER:WOCHE und weitere redaktionelle Beilagen komfortabel auf Ihrem iPad oder Android-Tablet sowie unterwegs auf Ihrem iPhone oder Android Phone." />
24<meta property="og:url" content="https://www.falter.at/ueber-uns/falter-app" />
25<meta property="og:site_name" content="FALTER" />
26<meta property="og:locale" content="de_DE" />
27<meta name="twitter:card" content="summary_large_image" />
28<meta name="twitter:site" content="@falter_at" />
29<meta name="twitter:title" content="FALTER-App" />
30<meta name="twitter:description" content="Lesen Sie w&ouml;chentlich den vollst&auml;ndigen FALTER inklusive FALTER:WOCHE und weitere redaktionelle Beilagen komfortabel auf Ihrem iPad oder Android-Tablet sowie unterwegs auf Ihrem iPhone oder Android Phone." />
31<meta property="og:image" content="https://cdn.falter.at/uploads/falter-apps-grafik.jpg?crop=1200,628,0,1&format=jpeg&width=1200" />
32<meta property="og:image:width" content="1200" />
33<meta property="og:image:height" content="628" />
34<meta property="og:image:alt" content="" />
35<meta name="robots" content="max-image-preview: large">
36<meta name="twitter:image" content="https://cdn.falter.at/uploads/falter-apps-grafik.jpg?crop=1200,628,0,1&format=jpeg&width=1200" />
37<meta name="twitter:image:alt" content="" />
38<link href="https://www.falter.at" rel="home" />
39<link href="https://www.falter.at/ueber-uns/falter-app" rel="canonical" />            
40    <!-- RSS Feed -->
41    <link type="application/rss+xml" href="https://www.falter.at/rss" title="FALTER.at RSS Feed" rel="alternate">
42
43    <!-- Structured Data (JSON-LD) -->
44    
44<script type="application/ld+json">
45        {"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.falter.at","logo":{"@type":"ImageObject","url":"https:\/\/www.falter.at\/icon-512.png","width":512,"height":512},"address":{"@type":"PostalAddress","streetAddress":"Marc-Aurel-Stra\u00dfe 9","addressLocality":"Wien","addressCountry":"AT","addressRegion":"Wien","postalCode":"1010"},"name":"FALTER.at"}
46    </script>
46
47
48    
49    <!-- CSS -->
50    <!-- Livewire Styles -->
51    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
52    <!-- Site -->
53    <link rel="preload" as="style" href="https://www.falter.at/build/assets/site-DW0u_SuC.css" /><link rel="stylesheet" href="https://www.falter.at/build/assets/site-DW0u_SuC.css" data-navigate-track="reload" />
54    <!-- JavaScript -->
55    <!-- Didomi -->
56    
56<script>
57        (function(){function e(t){if(!window.frames[t])if(document.body&&document.body.firstChild){var n=document.body,r=document.createElement(`iframe`);r.style.display=`none`,r.name=t,r.title=t,n.insertBefore(r,n.firstChild)}else setTimeout(function(){e(t)},5)}function t(e,t,n,r,i){function a(e,n,r,a){if(typeof r==`function`){window[t]||(window[t]=[]);var o=!1;i&&(o=i(e,a,r)),o||window[t].push({command:e,version:n,callback:r,parameter:a})}}a.stub=!0,a.stubVersion=2;function o(t){if(!(!window[e]||window[e].stub!==!0)&&t.data){var i=typeof t.data==`string`,a;try{a=i?JSON.parse(t.data):t.data}catch{return}if(a[n]){var o=a[n];window[e](o.command,o.version,function(e,n){var a={};a[r]={returnValue:e,success:n,callId:o.callId},t.source&&t.source.postMessage(i?JSON.stringify(a):a,`*`)},o.parameter)}}}typeof window[e]!=`function`&&(window[e]=a,window.addEventListener?window.addEventListener(`message`,o,!1):window.attachEvent(`onmessage`,o))}t(`__tcfapi`,`__tcfapiBuffer`,`__tcfapiCall`,`__tcfapiReturn`),e(`__tcfapiLocator`),(function(e,t){var n=document.createElement(`link`);n.rel=`preconnect`,n.as=`script`;var r=document.createElement(`link`);r.rel=`dns-prefetch`,r.as=`script`;var i=document.createElement(`script`);i.id=`spcloader`,i.type=`text/javascript`,i.async=!0,i.charset=`utf-8`;var a=`https://sdk.privacy-center.org/`+e+`/loader.js?target_type=notice&target=`+t;if(window.didomiConfig&&window.didomiConfig.user){var o=window.didomiConfig.user,s=o.country,c=o.region;s&&(a=a+`&country=`+s,c&&(a=a+`&region=`+c))}n.href=`https://sdk.privacy-center.org/`,r.href=`https://sdk.privacy-center.org/`,i.src=a;var l=document.getElementsByTagName(`script`)[0];l.parentNode.insertBefore(n,l),l.parentNode.insertBefore(r,l),l.parentNode.insertBefore(i,l)})(`42005811-de8e-42ec-9a93-1e467575e893`,`PFBHmcni`)})();
58    </script>
58
59    <!-- Site -->
60    <link rel="modulepreload" as="script" href="https://www.falter.at/build/assets/site-BC76fEKn.js" /><link rel="modulepreload" as="script" href="https://www.falter.at/build/assets/form-BPR4wtbo.js" />
60<script type="module" src="https://www.falter.at/build/assets/site-BC76fEKn.js" data-navigate-track="reload"></script>
60    <!-- Adition Ads -->
61    
61<script type="text/javascript" src="https://imagesrv.adition.com/js/srp.js" async charset="utf-8"
62        onerror="document.addEventListener('alpine:initialized', () => document.dispatchEvent(new Event('adition:blocked')))">
63    </script>
63
64    
64<script type="text/javascript" src="https://imagesrv.adition.com/js/aut.js" async charset="utf-8"></script>
64
65
66            <!-- REMP -->
67<!-- Beam -->
68<script>
69    (function(win, doc) {
70        function mock(fn) {
71            return function() {
72                this._.push([fn, arguments])
73            }
74        }
75
76        function load(url) {
77            var script = doc.createElement('script')
78            script.type = 'text/javascript'
79            script.async = true
80            script.src = url
81            doc.getElementsByTagName('head')[0].appendChild(script)
82        }
83
84        win.remplib = win.remplib || {}
85        var mockFuncs = {
86            'campaign': 'init',
87            'tracker': 'init trackEvent trackPageview trackCommerce',
88            'iota': 'init'
89        }
90
91        Object.keys(mockFuncs).forEach(function(key) {
92            if (!win.remplib[key]) {
93                var fn, i, funcs = mockFuncs[key].split(' ')
94                win.remplib[key] = {
95                    _: []
96                }
97
98                for (i = 0; i < funcs.length; i++) {
99                    fn = funcs[i]
100                    win.remplib[key][fn] = mock(fn)
101                }
102            }
103        })
104
105        load('https://beam.falter.at/assets/lib/js/remplib.js')
106    })(window, document)
107</script>
107
108    <!-- Campaign -->
109    
109<script>
110        (function(win, doc) {
111            function mock(fn) {
112                return function() {
113                    this._.push([fn, arguments])
114                }
115            }
116
117            function load(url) {
118                var script = doc.createElement('script')
119                script.type = 'text/javascript'
120                script.async = true
121                script.src = url
122                doc.getElementsByTagName('head')[0].appendChild(script)
123            }
124
125            win.remplib = win.remplib || {}
126            var mockFuncs = {
127                'campaign': 'init',
128                'tracker': 'init trackEvent trackPageview trackCommerce',
129                'iota': 'init'
130            }
131
132            Object.keys(mockFuncs).forEach(function(key) {
133                if (!win.remplib[key]) {
134                    var fn, i, funcs = mockFuncs[key].split(' ')
135                    win.remplib[key] = {
136                        _: []
137                    }
138
139                    for (i = 0; i < funcs.length; i++) {
140                        fn = funcs[i]
141                        win.remplib[key][fn] = mock(fn)
142                    }
143                }
144            })
145            load('https://campaign.falter.at/assets/lib/js/remplib.js')
146        })(window, document)
147    </script>
vendor: 1 bytes, line 147
147
148<script>
149    const rempConfig = {
150        token: '7648efaf-0794-4c9b-a571-03a3b8232f7e',
151        cookieDomain: '.falter.at',
152
153        
154        
155        
156                    campaign: {
157                url: 'https://campaign.falter.at',
158                pageviewAttributes: {
159                                            category: 'FALTER-App',
160                                                                                query_utm_source: new URLSearchParams(window.location.search).get('utm_source'),
161                }
162            },
163                tracker: {
164            url: 'https://tracker.falter.at',
165            timeSpent: {
166                enabled: true,
167                interval: 10
168            },
169            readingProgress: {
170                enabled: true
171            }
172        }
173    }
174    remplib.tracker.init(rempConfig)
175
176            remplib.campaign.init(rempConfig)
177    </script>
177
178
179<!-- ÖWA -->
180<link id='IOMmBundle' href='https://data-ecb5249bb2.falter.at/iomm/latest/manager/base/es6/bundle.js' rel='preload'
181    as='script' crossorigin>
182<link href='https://data-ecb5249bb2.falter.at/iomm/latest/bootstrap/loader.js' rel='preload' as='script' crossorigin>
183<script type='text/javascript' src="https://data-ecb5249bb2.falter.at/iomm/latest/bootstrap/loader.js" crossorigin>
184</script>
vendor: 1 bytes, line 184
184
185<script type="text/javascript">
186    if (window.IOMm) {
187        IOMm('configure', {
188            st: 'at_w_atfalter',
189            dn: 'data-ecb5249bb2.falter.at',
190            cn: 'at',
191            mh: 5
192        })
193        IOMm('pageview', {
194            cp: 'Service/Unternehmenskommunikation/Unternehmenskommunikation'
195        })
196    }
197</script>
197
198
199<!-- Fathom -->
200<script src="https://cdn.usefathom.com/script.js" data-site="FFBKLSWB" defer></script>
vendor: 1 bytes, line 200
200
201<script>
202    window.addEventListener('load', (event) => {
203        document.querySelectorAll('a').forEach(item => {
204            item.addEventListener('click', event => {
205                let linkUrl = new URL(item.getAttribute('href'), window.location
206                    .href) // Using the second argument to handle relative URLs
207                let currentHostname = window.location.hostname
208                if (linkUrl.hostname !==
209                    currentHostname
210                ) { // If the link's hostname is different from the current page's hostname
211                    let domainParts = linkUrl.hostname.split('.')
212                    let domainName = domainParts.length > 1 ? domainParts[domainParts.length -
213                        2] : domainParts[0]
214                    fathom.trackEvent(`External link clicked: ${domainName}`)
215                }
216            })
217        })
218    })
219</script>
219
220
221<!-- Google Tag Manager -->
222<script>
223    window.dataLayer = window.dataLayer || []
224</script>
vendor: 1 bytes, line 224
224
225<script type="didomi/javascript" data-vendor="googleana-4TXnJigR">
vendor: 498 bytes, lines 225-239
225
226    (function(w, d, s, l, i) {
227        w[l] = w[l] || [];
228        w[l].push({
229            'gtm.start': new Date().getTime(),
230            event: 'gtm.js'
231        });
232        var f = d.getElementsByTagName(s)[0],
233            j = d.createElement(s),
234            dl = l != 'dataLayer' ? '&l=' + l : '';
235        j.async = true;
236        j.src =
237            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
238        f.parentNode.insertBefore(j, f);
239    })(window, document, 'script', 'dataLayer', '
239GTM-PVVL89B
vendor: 9 bytes, lines 239-241
239');
240
241    
241dataLayer.push({
242        'screen_size': window.outerWidth + 'x' + window.outerHeight
243    });
244    dataLayer.push({
245        'loggedin': 'false'
246    });
247    dataLayer.push({
248        'id': 'cca615c7-aec5-4a8c-a82d-4b0334048212'
249    });
250
251    
252    
253    
254            dataLayer.push({
255            'ressort': 'FALTER-App'
256        });
257    
258    </script>
vendor: 1 bytes, line 258
258
259<script></script>
259
260
261<!-- Upscore -->
262<script async src="https://uspw.falter.at/files/site_script/falter.at.js"></script>
vendor: 1 bytes, line 262
262
263<script>
264    (function(w, u) {
265        w[u] = w[u] || function() {
266            (w[u].q = w[u].q || []).push(arguments)
267        }
268    })(window, 'upScore');
269
270    const replaceEscapedAmpersands = (str) => str.replace(/&amp;/g, '&');
271
272    upScore("page_view", {
273                    object_type: 'landingpage',
274                            section: replaceEscapedAmpersands('FALTER-App'),
275                            object_id: 'cca615c7-aec5-4a8c-a82d-4b0334048212',
276                                            content_type: 0,
277                            user_status: 0,
278            });
279</script>
279
280    </head>
281
282<body
283    class="bg-brand-tertiary selection:bg-turbo-400 relative selection:text-black [&:has([aria-modal])]:overflow-y-hidden"
284    data-adition-config="{&quot;content_unit_id&quot;:{&quot;medium_rectangle&quot;:5202858,&quot;skyscraper_left&quot;:5202861,&quot;skyscraper_right&quot;:5202860,&quot;billboard&quot;:5202859},&quot;yieldlab&quot;:{&quot;id&quot;:15936578,&quot;content_unit_id&quot;:{&quot;medium_rectangle&quot;:{&quot;1&quot;:{&quot;desktop&quot;:16147375,&quot;mobile&quot;:15937549},&quot;2&quot;:{&quot;desktop&quot;:null,&quot;mobile&quot;:15998379}},&quot;skyscraper_left&quot;:{&quot;1&quot;:{&quot;desktop&quot;:16147380,&quot;mobile&quot;:null}},&quot;skyscraper_right&quot;:{&quot;1&quot;:{&quot;desktop&quot;:15937540,&quot;mobile&quot;:null}},&quot;billboard&quot;:{&quot;1&quot;:{&quot;desktop&quot;:16147383,&quot;mobile&quot;:null}}}},&quot;page_type&quot;:&quot;website&quot;}" x-data="body">
285
286    <!-- Header -->
287    <header class="bg-brand-primary text-brand-secondary z-50 transition-all"
288        :class="{
289            'max-md:top-0': isCurrentlyScrollingUp,
290            'max-md:fixed duration-0 max-md:top-0 w-full max-md:max-h-screen': showNavigation,
291            'max-md:sticky': !showNavigation,
292            'max-md:overflow-y-scroll': showNavigation,
293            'max-md:-top-36': !isCurrentlyScrollingUp
294        }"
295        x-data="header">
296        <!-- Top Navigation -->
297        <div class="md-container flex h-16 items-center justify-between gap-x-3 text-sm md:h-28">
298
299            <!-- Channel Links -->
300            <nav class="shrink-0 hidden grow-0 md:grid md:basis-1/3">
301    <ul
302        class="font-display flex justify-start whitespace-nowrap uppercase tracking-wider *:inline-flex *:items-center *:*:rounded-xl *:*:px-2 *:*:py-0.5 *:*:transition *:*:duration-75 *:after:content-['·'] first:-ml-2 *:*:hover:bg-white *:*:hover:text-black *:*:focus:bg-white *:*:focus:text-black sm:justify-center md:justify-start [&>*:last-of-type]:after:content-['']">
303                                                        <li>
304                        
305                        <a data-navigation="channels" href="/aktuelle-ausgabe"
306                                                        >Zeitung</a>
307                    </li>
308                                                                <li>
309                        
310                        <a data-navigation="channels" href="/lokalfuehrer"
311                                                        >Essen &amp; Trinken</a>
312                    </li>
313                                                                <li>
314                        
315                        <a data-navigation="channels" href="/events"
316                                                        >Events</a>
317                    </li>
318                                                                <li>
319                        
320                        <a data-navigation="channels" href="/kino"
321                                                        >Kino</a>
322                    </li>
323                                                                <li>
324                        
325                        <a data-navigation="channels" href="https://shop.falter.at"
326                                                         target="_blank" rel="noopener noreferrer" >Shop</a>
327                    </li>
328                                        </ul>
329</nav>
330            
331            <!-- FALTER Logo -->
332            
333            <a class="shrink basis-full md:basis-auto" data-navigation="logo" href="/"
334                aria-label="FALTER.at Startseite">
335                <svg class="h-10 lg:h-16 mx-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283 89">
336    <path
337        fill="currentColor"
338        d="m42.493 19.14-7.283-.895c.115-1.344.795-6.157.115-7.166-1.364-2.014-2.05-2.464-6.828-2.464H22.92V34.92h7.167c1.365 0 1.935-1.454 2.274-3.918l7.059.785-2.274 19.365-7.059-1.01c.23-1.345.57-5.147.115-5.932-.91-1.68-1.594-2.014-4.323-2.014h-2.96v34.368c0 1.679.795 2.239 2.165 2.239h2.39v6.607H.5v-6.608h2.504c1.365 0 1.82-.675 1.82-2.238V10.3c0-1.789-.91-2.239-2.39-2.239H.5V1.454h34.71c1.365 0 1.935-.225 2.165-1.454l7.168.894-2.05 18.246Zm18.89 66.27v-6.49l1.48-.11c1.479-.116 2.164-.56 1.933-1.905l-1.364-9.74H52.39l-1.
33814 9.515c-.23 1.57.34 2.24 1.48 2.24h1.594v6.49H39.188v-6.606h1.365c1.025 0 1.819-.785 2.05-2.13L54.444 6.717c.225-1.345.225-3.25-.34-5.263h16.277l12.176 75.56c.23 1.12 1.14 1.68 2.274 1.796l1.364.11v6.49H61.382Zm-3.415-58.434-4.323 32.238h8.762L57.97 26.976Zm75.34 60.448-7.514-.669c.115-.894-.23-1.344-1.14-1.344h-34.03v-6.826h2.273c1.48 0 2.05-1.01 2.05-2.24V9.85c0-1.23-.795-1.789-1.82-1.789h-2.504V1.454h26.748v6.607h-2.504c-1.48 0-1.819.785-1.819 2.348V77.8h6.258c6.373 0 8.192-1.678 9.447-9.849l6.713.785-2.165 18.695.007-.006Zm43.472-68.4-7.628-.894c.115-1.23.909-4.587.115-6.492-.91-2.013-3.074-2.348-4.669-2.348h-3.299v67.165c0 1.345.57 2.355 2.165 2.355h2.619v6.607h-27.657V78.81h2.619c1.365 0 2.165-.895 2.165-2.69V9.29h-2.62c-5.348 0-6.603 3.583-7.398 9.74l-7.283-.894L127.62.56c1.249.334 5.463.894 7.852.894h34.141c1.14 0 1.595-.11 1.934-1.454l7.059.894-1.82 18.136-.006-.006Zm47.797 68.06-7.059-.56c0-.67-.455-1.12-1.479-1.12h-34.256v-6.606h2.505c1.594 0 1.819-.785 1.819-2.355V10.86c0-2.24-.57-2.799-2.165-2.799h-2.165V1.454h34.371c1.595 0 2.389-.11 2.619-1.454l7.059.894-2.05 18.246-7.398-1.01c.225-1.345.91-5.822.115-7.386-.685-1.229-2.504-2.13-4.208-2.13h-8.083v25.303h7.058c2.05 0 2.05-.894 2.389-3.918l7.168.895-2.165 19.14-7.283-1.005c.116-1.235.57-5.147.455-5.706-.685-1.795-2.049-2.13-4.439-2.13h-3.189v36.832h7.737c5.579 0 6.944-3.024 7.968-10.86l7.059.785-2.389 19.14.006-.006Zm51.556 1.904c-9.672-11.194-16.731-21.72-21.285-38.736h-1.819v26.532c0 1.229.34 2.013 2.274 2.013h2.05v6.608h-26.749v-6.608h2.274c1.71 0 2.05-.784 2.05-2.013v-66.15c0-1.788-.685-2.573-2.389-2.573h-1.935V1.454h20.6c16.73 0 28.907 6.607 28.907 23.623 0 9.065-3.184 16.792-9.563 20.375 1.479 8.061 5.803 28.436 11.952 40.75L276.127 89l.006-.012ZM253.72 8.73h-.685v33.583l.685-.11c4.894-.11 7.853-4.587 7.853-16.9 0-12.314-4.439-16.567-7.853-16.567V8.73Z"
339    />
340</svg>            </a>
341
342            <!-- Auth Navigation -->
343            <nav class="shrink-0 hidden grow-0 md:grid md:basis-1/3">
344    <ul
345        class="font-display flex items-center justify-start whitespace-nowrap uppercase tracking-wider *:*:whitespace-nowrap *:*:rounded-full *:*:px-2 *:*:py-0.5 *:*:transition *:*:duration-75 *:after:content-['·'] *:*:hover:bg-white *:*:hover:text-black *:*:focus:bg-white *:*:focus:text-black sm:justify-center md:justify-end [&>*:last-of-type]:after:content-['']">
346        
347        <li>
348            <a data-navigation="auth" href="https://www.falter.at/suche"
349                >
350                Suche
351            </a>
352        </li>
353                    <li>
354                <a data-navigation="auth" href="https://www.falter.at/login"
355                    >
356                    Anmelden
357                </a>
358            </li>
359                <li>
360            <a class="ml-2! px-3! py-1! flex items-center gap-x-1 rounded-full bg-black text-white hover:text-black focus:text-black"
361                data-navigation="auth" href="https://abo.falter.at"
362                                target="_blank" rel="noopener">
363                Abonnieren
364                <svg class="h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
365    <path
366        fill="none"
367        fill-rule="evenodd"
368        stroke="currentColor"
369        stroke-linecap="round"
370        stroke-linejoin="round"
371        stroke-width="1.5"
372        d="M1.667 3.5h5A3.333 3.333 0 0 1 10 6.833V18.5A2.5 2.5 0 0 0 7.5 16H1.667V3.5Zm16.666 0h-5A3.333 3.333 0 0 0 10 6.833V18.5a2.5 2.5 0 0 1 2.5-2.5h5.833V3.5Z"
373    />
374</svg>            </a>
375        </li>
376    </ul>
377</nav>
378                    </div>
379
380        <!-- Main Navigation -->
381        <div
382                class="border-brand-secondary font-display h-11 border-y border-dotted uppercase tracking-wider sm:h-14">
383                <div class="md-container flex h-full items-center">
384                    <!-- Box Navigation -->
385                    <nav class="w-full overflow-y-hidden">
386    <ul class="no-scrollbar divide-brand-secondary relative flex h-full items-stretch divide-x divide-dotted overflow-x-scroll pr-12 *:grid *:*:px-1 first:-ml-2.5 md:*:first-of-type:*:pl-0"
387        tabindex="0">
388                                                        <li class="shrink-0 grow">
389                        
390                        <a class="group" data-navigation="box"
391                            href="/aktuell"
392                            >
393                            <div class="grid h-full items-center">
394                                <div
395                                    class="decoration-brand-secondary flex w-fit items-center gap-x-1.5 px-2.5 decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:self-end">
396                                                                            <svg class="h-3 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M10 18.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666Z"/><path d="M10 5v5l3.334 1.667"/></g></svg>                                                                        <sp
396an class="hidden sm:inline-block">Aktuelle Artikel</span>
397                                    <span class="sm:hidden">Aktuell</span>
398                                </div>
399                                <div
400                                    class="text-brand-secondary hidden self-start px-2.5 font-serif text-sm normal-case italic tracking-normal opacity-70 sm:block">
401                                    Der neueste FALTER-Journalismus
402                                </div>
403                            </div>
404                        </a>
405                    </li>
406                                                                <li class="shrink-0 grow">
407                        
408                        <a class="group" data-navigation="box"
409                            href="/heute-in-wien"
410                            >
411                            <div class="grid h-full items-center">
412                                <div
413                                    class="decoration-brand-secondary flex w-fit items-center gap-x-1.5 px-2.5 decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:self-end">
414                                                                            <svg class="h-3 shrink-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.5 3.333h-15v15h15v-15Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.333 1.667V5M6.667 1.667V5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 8.333h15"/></svg>                                                                        <span class="hidden sm:inline-block">Heute in Wien</span>
415                                    <span class="sm:hidden">Heute in Wien</span>
416                                </div>
417                                <div
418                                    class="text-brand-secondary hidden self-start px-2.5 font-serif text-sm normal-case italic tracking-normal opacity-70 sm:block">
419                                    Events, Lokale und Kinoprogramm
420                                </div>
421                            </div>
422                        </a>
423                    </li>
424                                                                <li class="shrink-0 grow">
425                        
426                        <a class="group" data-navigation="box"
427                            href="https://www.falter.at/zeitung/20260922/einblicke-in-einen-abgrund"
428                            >
429                            <div class="grid h-full items-center">
430                                <div
431                                    class="decoration-brand-secondary flex w-fit items-center gap-x-1.5 px-2.5 decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:self-end">
432                                                                            <svg class="h-3 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="currentColor" d="M18.293 1.333H1.708C0.875 1.333 0.2 2.008 0.2 2.841v15.076c0 0.56 0.59 0.925 1.091 0.675l2.679-1.34 2.678 1.339c0.213 0.106 0.463 0.106 0.675 0L10 17.252l2.679 1.339c0.213 0.106 0.463 0.106 0.675 0l2.677-1.339 2.678 1.339c0.501 0.25 1.091-0.112 1.091-0.674V2.841c0-0.834-0.675-1.509-1.508-1.509Zm-9.423 11.308a0.378 0.378 0 0 1-0.377 0.376H3.97a0.378 0.378 0 0 1-0.378-0.376V6.61c0-0.209 0.169-0.378 0.378-0.378h4.522c0.209 0 0.378 0.169 0.378 0.378v6.031Zm7.161-0.755H11.508a0.754 0.754 0 0 1 0-1.507h4.523a0.754 0.754 0 0 1 0 1.507Zm0-3.015H11.508a0.754 0.754 0 0 1 0-1.507h4.523a0.754 0.754 0 0 1 0 1.507Z"/></svg>                                                                        <span class="hidden sm:inline-block">Der Fall Gunkl</span>
433                                    <span class="sm:hidden">Der Fall Gunkl</span>
434                                </div>
435                                <div
436                                    class="text-brand-secondary hidden self-start px-2.5 font-serif text-sm normal-case italic tracking-normal opacity-70 sm:block">
437                                    Einblicke in einen Abgrund
438                                </div>
439                            </div>
440                        </a>
441                    </li>
442                                        </ul>
443</nav>
444
445                    <!-- Menu Toggle -->
446                    <button
447                        class="border-brand-secondary before:from-brand-primary group relative flex h-full items-center justify-center gap-x-2 border-l border-dotted pl-2.5 before:pointer-events-none before:absolute before:inset-y-0 before:-left-16 before:z-0 before:-ml-px before:w-16 before:bg-gradient-to-l"
448                        id="menubutton" type="button" aria-haspopup="true" aria-controls="menu" aria-label="Menü"
449                        @click="toggleNavigation">
450                        <span
451                            class="mask-no-repeat mask-star flex h-10 w-10 items-center justify-center rounded-full bg-black text-white transition-all group-hover:bg-white group-hover:text-black group-focus:bg-black group-focus:text-white group-focus:group-hover:bg-white group-focus:group-hover:text-black sm:ml-0"
452                            :class="{ 'rotate-45': showNavigation }">
453                            <svg class="h-4" x-show="!showNavigation" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
454    <path
455        stroke="currentColor"
456        stroke-linecap="round"
457        stroke-linejoin="round"
458        stroke-miterlimit="3.999"
459        stroke-width="1.5"
460        d="M2.5 10h15M2.5 5h15M2.5 15h15"
461    />
462</svg>                            <svg class="h-4 rotate-45" x-show="showNavigation" x-cloak xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
463    <path
464        fill="none"
465        fill-rule="evenodd"
466        stroke="currentColor"
467        stroke-linecap="round"
468        stroke-linejoin="round"
469        stroke-width="1.5"
470        d="M15 5 5 15M5 5l10 10"
471    />
472</svg>                        </span>
473                        <span class="hidden uppercase sm:block">Menü</span>
474                    </button>
475                </div>
476            </div>
477        
478        <!-- Main Navigation Dropdown -->
479        <div class="relative h-0 w-full origin-top bg-black transition-all" id="menu" role="navigation"
480            aria-labelledby="menubutton" x-cloak :style="showNavigation && `height:${$el.scrollHeight}px;`"
481            :aria-expanded="showNavigation" :aria-hidden="!showNavigation"
482            :class="{
483                'opacity-0 pointer-events-none': !showNavigation,
484                'opacity-100 pointer-events-auto': showNavigation,
485            }">
486            <!-- Channel / Auth Navigation Mobile -->
487            <div class="bg-brand-primary grid w-full divide-y divide-dotted divide-black md:hidden">
488                <nav class="shrink-0 ml-2 overflow-x-scroll px-3 [&_ul]:flex [&_ul]:h-11 [&_ul]:items-center" data-mobile-navigation="data-mobile-navigation">
489    <ul
490        class="font-display flex justify-start whitespace-nowrap uppercase tracking-wider *:inline-flex *:items-center *:*:rounded-xl *:*:px-2 *:*:py-0.5 *:*:transition *:*:duration-75 *:after:content-['·'] first:-ml-2 *:*:hover:bg-white *:*:hover:text-black *:*:focus:bg-white *:*:focus:text-black sm:justify-center md:justify-start [&>*:last-of-type]:after:content-['']">
491                                                        <li>
492                        
493                        <a data-navigation="channels" href="/aktuelle-ausgabe"
494                             tabindex="-1"
495                           :tabindex="showNavigation ? 0 : -1"                             >Zeitung</a>
496                    </li>
497                                                                <li>
498                        
499                        <a data-navigation="channels" href="/lokalfuehrer"
500                             tabindex="-1"
501                           :tabindex="showNavigation ? 0 : -1"                             >Essen &amp; Trinken</a>
502                    </li>
503                                                                <li>
504                        
505                        <a data-navigation="channels" href="/events"
506                             tabindex="-1"
507                           :tabindex="showNavigation ? 0 : -1"                             >Events</a>
508                    </li>
509                                                                <li>
510                        
511                        <a data-navigation="channels" href="/kino"
512                             tabindex="-1"
513                           :tabindex="showNavigation ? 0 : -1"                             >Kino</a>
514                    </li>
515                                                                <li>
516                        
517                        <a data-navigation="channels" href="https://shop.falter.at"
518                             tabindex="-1"
519                           :tabindex="showNavigation ? 0 : -1"                              target="_blank" rel="noopener noreferrer" >Shop</a>
520                    </li>
521                                        </ul>
522</nav>
523                                <nav class="shrink-0 overflow-x-scroll px-3 [&_ul]:flex [&_ul]:
523h-11 [&_ul]:items-center" data-mobile-navigation="data-mobile-navigation">
524    <ul
525        class="font-display flex items-center justify-start whitespace-nowrap uppercase tracking-wider *:*:whitespace-nowrap *:*:rounded-full *:*:px-2 *:*:py-0.5 *:*:transition *:*:duration-75 *:after:content-['·'] *:*:hover:bg-white *:*:hover:text-black *:*:focus:bg-white *:*:focus:text-black sm:justify-center md:justify-end [&>*:last-of-type]:after:content-['']">
526        
527        <li>
528            <a data-navigation="auth" href="https://www.falter.at/suche"
529                 tabindex="-1"
530               :tabindex="showNavigation ? 0 : -1" >
531                Suche
532            </a>
533        </li>
534                    <li>
535                <a data-navigation="auth" href="https://www.falter.at/login"
536                     tabindex="-1"
537                   :tabindex="showNavigation ? 0 : -1" >
538                    Anmelden
539                </a>
540            </li>
541                <li>
542            <a class="ml-2! px-3! py-1! flex items-center gap-x-1 rounded-full bg-black text-white hover:text-black focus:text-black"
543                data-navigation="auth" href="https://abo.falter.at"
544                 tabindex="-1"
545               :tabindex="showNavigation ? 0 : -1"                 target="_blank" rel="noopener">
546                Abonnieren
547                <svg class="h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
548    <path
549        fill="none"
550        fill-rule="evenodd"
551        stroke="currentColor"
552        stroke-linecap="round"
553        stroke-linejoin="round"
554        stroke-width="1.5"
555        d="M1.667 3.5h5A3.333 3.333 0 0 1 10 6.833V18.5A2.5 2.5 0 0 0 7.5 16H1.667V3.5Zm16.666 0h-5A3.333 3.333 0 0 0 10 6.833V18.5a2.5 2.5 0 0 1 2.5-2.5h5.833V3.5Z"
556    />
557</svg>            </a>
558        </li>
559    </ul>
560</nav>
561                            </div>
562            <!-- Main Navigation Items -->
563            <div class="md-container grid">
564                    <nav class="font-display py-8 text-lg tracking-wide text-white" aria-label="Hauptnavigation">
565    <!-- Main Nav -->
566    <div class="columns-2 gap-12 md:columns-3">
567                                                        <section class="break-inside-avoid-column pb-4"
568                        aria-labelledby="navigation-main-zeitung">
569                                                    
570                            <a class="group" data-navigation="main_header"
571                                href="/zeitung" tabindex="-1"
572                                :tabindex="showNavigation ? 0 : -1"
573                                >
574                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
575                                    id="navigation-main-zeitung">
576                                    Zeitung</h3>
577                            </a>
578                                                                            <ul>
579                                                                                                                                                                    <li>
580                                    <a class="group relative grid" data-navigation="main_issue_cover"
581                                        href="/aktuelle-ausgabe" tabindex="-1" :tabindex="showNavigation ? 0 : -1">
582                                        <figure class="relative w-full pt-2">
583                                            <img class="w-[90px] object-contain sm:w-[180px]"
584                                                id="226815-cover-image"
585                                                srcset="https://cdn.falter.at/uploads/issues/falter/fal23red001-39-2026.png?width=90 90w, https://cdn.falter.at/uploads/issues/falter/fal23red001-39-2026.png?width=180 180w, https://cdn.falter.at/uploads/issues/falter/fal23red001-39-2026.png?width=360 360w, https://cdn.falter.at/uploads/issues/falter/fal23red001-39-2026.png?width=540 540w"
586                                                src="https://cdn.falter.at/uploads/issues/falter/fal23red001-39-2026.png?width=90"
587                                                alt="FALTER 39/2026 Cover" width="1881"
588                                                height="2677"
589                                                sizes="(min-width: 640px) 180px, 90px" loading="lazy" />
590                                            <figcaption class="my-2 text-base uppercase tracking-wider text-gray-200">
591                                                FALTER 39/2026</figcaption>
592                                        </figure>
593                                        <div
594                                            class="absolute bottom-10 left-12 flex h-20 w-20 items-center text-center text-xs uppercase leading-none tracking-widest text-white sm:bottom-16 sm:left-32 sm:h-28 sm:w-28 sm:text-base sm:leading-none">
595                                            <svg class="absolute animate-spin-slow w-full text-atoll-900" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 113 112">
596    <path
597        fill="currentColor"
598        d="m56.5 0 4.062 14.76 6.863-13.684 1.104 15.268L77.93 4.263l-1.895 15.19L87.612 9.438l-4.823 14.528 13.309-7.564-7.564 13.309 14.528-4.823-10.015 11.577 15.19-1.895-12.081 9.4 15.268 1.105-13.684 6.863L112.5 56l-14.76 4.062 13.684 6.863-15.268 1.104 12.081 9.401-15.19-1.895 10.015 11.577-14.528-4.823 7.564 13.309-13.309-7.564 4.823 14.528-11.577-10.015 1.895 15.19-9.4-12.081-1.105 15.268-6.863-13.684L56.5 112l-4.062-14.76-6.863 13.684-1.104-15.268-9.401 12.081 1.895-15.19-11.577 10.015 4.823-14.528-13.309 7.564 7.564-13.309-14.528 4.823 10.015-11.577-15.19 1.895 12.081-9.4-15.268-1.105 13.683-6.863L.5 56l14.76-4.062-13.684-6.863 15.268-1.104L4.763 34.57l15.19 1.895L9.938 24.888l14.528 4.823-7.564-13.309 13.309 7.564-4.823-14.528 11.577 10.015-1.895-15.19 9.4 12.081 1.105-15.268 6.863 13.683L56.5 0Z"
599    />
600</svg>                                            <div class="relative z-10 mx-auto w-full px-6">Jetzt lesen</div>
601                                        </div>
602                                    </a>
603                                </li>
604                                                                                                                                                                <li>
605                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
606                                href="/zeitung" tabindex="-1"
607                                :tabindex="showNavigation ? 0 : -1"
608                                >
609                                                                <div class="uppercase text-base leading-none">
610                                    <span
611                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER-Archiv</span>
612                                                                            <p
613                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
614                                            </p>
615                                                                    </div>
616                            </a>
617                        </li>
618                                                                                                            <li>
619                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
620                                href="https://epaper.falter.at" tabindex="-1"
621                                :tabindex="showNavigation ? 0 : -1"
622                                 target="_blank" rel="noopener noreferrer" >
623                                                                <div class="uppercase text-base leading-none">
624                                    <span
625                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">E-Paper lesen</span>
626                                                                            <p
627                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
628                                            </p>
629                                                                    </div>
630                            </a>
631                        </li>
632                                                                                                            <li>
633                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
634                                href="/videos/falter-tv" tabindex="-1"
635                                :tabindex="showNavigation ? 0 : -1"
636                                >
637                                                                <div class="uppercase text-base leading-none">
638                                    <span
639                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER.TV Videos</span>
640                                                                            <p
641                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
642                                            </p>
643                                                                    </div>
644                            </a>
645                        </li>
646                                                                                                            <li>
647                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
648                                href="/ueber-uns/falter-app" tabindex="-1"
649                                :tabindex="showNavigation ? 0 : -1"
650                                >
651                                                                <div class="uppercase text-base leading-none">
652                                    <span
653                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER-App</span>
654                                                                            <p
655                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
656                                            </p>
657                                                                    </div>
658                            </a>
659                        </li>
660                                                                                                            <li>
661                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
662                                href="/best-of-boese" tabindex="-1"
663                                :tabindex="showNavigation ? 0 : -1"
664                                >
665                                                                <div class="uppercase text-base leading-none">
666                                    <span
667                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Best of Böse</span>
668                                                                            <p
669                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
670                                            </p>
671                                                                    </div>
672                            </a>
673                        </li>
674                                                                                                            <li>
675                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
676                                href="/krisencomic" tabindex="-1"
677                                :tabindex="showNavigation ? 0 : -1"
678                                >
679                                                                <div class="uppercase text-base leading-none">
680                                    <span
681                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Krisencomic</span>
682                                                                            <p
683                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
684                                            </p>
685                                                                    </div>
686                            </a>
687                        </li>
688                                                                                    </ul>
689                                            </section>
690                                                                <section class="break-inside-avoid-column pb-4"
691                        aria-labelledby="navigation-main-ressorts">
692                                                    
693                            <a class="group" data-navigation="main_header"
694                                href="" tabindex="-1"
695                                :tabindex="showNavigation ? 0 : -1"
696                                >
697                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
698                                    id="navigation-main-ressorts">
699                                    Ressorts</h3>
700                            </a>
701                                                                            <ul>
702                                                                                                        <li>
703                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
704                                href="/meinung" tabindex="-1"
705                                :tabindex="showNavigation ? 0 : -1"
706                                >
707                                                                <div class="uppercase text-base leading-none">
708                                    <span
709                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Meinung</span>
710                                                                            <p
711                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
712                                            </p>
713                                                                    </div>
714                            </a>
715                        </li>
716                                                                                                            <li>
717                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
718                                href="/politik" tabindex="-1"
719                                :tabindex="showNavigation ? 0 : -1"
720                                >
721                                                                <div class="uppercase text-base leading-none">
722                                    <span
723                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Politik</span>
724                                                                            <p
725                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
726                                            </p>
727                                                                    </div>
728                            </a>
729                        </li>
730                                                                                                            <li>
731                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
732                                href="/medien" tabindex="-1"
733                                :tabindex="showNavigation ? 0 : -1"
734                                >
735                                                                <div class="uppercase text-base leading-none">
736                                    <span
737                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Medien</span>
738                                                                            <p
739                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
740                                            </p>
741                                                                    </div>
742                            </a>
743                        </li>
744                                                                                                            <li>
745                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
746                                href="/feuilleton" tabindex="-1"
747                                :tabindex="showNavigation ? 0 : -1"
748                                >
749                                                                <div class="uppercase text-base leading-none">
750                                    <span
751                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Feuilleton</span>
752                                                                            <p
753                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
754                                            </p>
755                                                                    </div>
756                            </a>
757                        </li>
758                                                                                                            <li>
759                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
760                                href="/stadtleben" tabindex="-1"
761                                :tabindex="showNavigation ? 0 : -1"
762                                >
763                                                                <div class="uppercase text-base leading-none">
764                                    <span
765                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Stadtleben</span>
766                                                                            <p
767                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
768                                            </p>
769                                                                    </div>
770                            </a>
771                        </li>
772                                                                                                            <li>
773                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
774                                href="/natur" tabindex="-1"
775                                :tabindex="showNavigation ? 0 : -1"
776                                >
777                                                                <div class="uppercase text-base leading-none">
778                                    <span
779                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Natur</span>
780                                                                            <p
781                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
782                                            </p>
783                                                                    </div>
784                            </a>
785                        </li>
786                                                                                                            <li>
787                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
788                                href="/kinder" tabindex="-1"
789                                :tabindex="showNavigation ? 0 : -1"
790                                >
791                                                                <div class="uppercase text-base leading-none">
792                                    <span
793                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Kinder</span>
794                                                                            <p
795                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
796                                            </p>
797                                                                    </div>
798                            </a>
799                        </li>
800                                                                                                            <li>
801                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
802                                href="/wissenschaft" tabindex="-1"
803                                :tabindex="showNavigation ? 0 : -1"
804                                >
805                                                                <div class="uppercase text-base leading-none">
806                                    <span
807                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Wissenschaft</span>
808                                                                            <p
809                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
810                                            </p>
811                                                                    </div>
812                            </a>
813                        </li>
814                                                                                                            <li>
815                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
816                                href="/kolumnen" tabindex="-1"
817                                :tabindex="showNavigation ? 0 : -1"
818                                >
819                                                                <div class="uppercase text-base leading-none">
820                                    <span
821                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Kolumnen</span>
822                                                                            <p
823                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
824                                            </p>
825                                                                    </div>
826                            </a>
827                        </li>
828                                                                                                            <li>
829                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
830                                href="/falter-woche" tabindex="-1"
831                                :tabindex="showNavigation ? 0 : -1"
832                                >
833                                                                <div class="uppercase text-base leading-none">
834                                    <span
835                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER:Woche</span>
836                                                                            <p
837                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
838                                            </p>
839                                                                    </div>
840                            </a>
841                        </li>
842                                                                                    </ul>
843                                            </section>
844                                                                <section class="break-inside-avoid-column pb-4"
845                        aria-labelledby="navigation-main-best-of-vienna">
846                                                    
847                            <a class="group" data-navigation="main_header"
848                                href="/best-of-vienna" tabindex="-1"
849                                :tabindex="showNavigation ? 0 : -1"
850                                >
851                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
852                                    id="navigation-main-best-of-vienna">
853                                    Best Of Vienna</h3>
854                            </a>
855                                                                    </section>
856                                                                <section class="break-inside-avoid-column pb-4"
857                        aria-labelledby="navigation-main-events">
858                                                    
859                            <a class="group" data-navigation="main_header"
860                                href="/events" tabindex="-1"
861                                :tabindex="showNavigation ? 0 : -1"
862                                >
863                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
864                                    id="navigation-main-events">
865                                    Events</h3>
866                            </a>
867                                                                            <ul>
868                                                                                                        <li>
869                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
870                                href="/events?is_recommended=true" tabindex="-1"
871                                :tabindex="showNavigation ? 0 : -1"
872                                >
873                                                                <div class="uppercase text-base leading-none">
874                                    <span
875                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Empfohlene Events</span>
876                                                                            <p
877                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
878                                            </p>
879                                                                    </div>
880                            </a>
881                        </li>
882                                                                                                            <li>
883                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
884                                href="/festivals" tabindex="-1"
885                                :tabindex="showNavigation ? 0 : -1"
886                                >
887                                                                <div class="uppercase text-base leading-none">
888                                    <span
889                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Festivals</span>
890                                                                            <p
891                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
892                                            </p>
893                                                                    </div>
894                            </a>
895                        </li>
896                                                                                                            <li>
897                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
898                                href="/events/locations/suche" tabindex="-1"
899                                :tabindex="showNavigation ? 0 : -1"
900                                >
901                                                                <div class="uppercase text-base leading-none">
902                                    <span
903                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Locations</span>
904                                                                            <p
905                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
906                                            </p>
907                                                                    </div>
908                            </a>
909                        </li>
910                                                                                                            <li>
911                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
912                                href="/events/userevents" tabindex="-1"
913                                :tabindex="showNavigation ? 0 : -1"
914                                >
915                                                                <div class="uppercase text-base leading-none">
916                                    <span
917                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Termin ankündigen</span>
918                                                                            <p
919                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
920                                            </p>
921                                                                    </div>
922                            </a>
923                        </li>
924                                                                                                            <li>
925                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
926                                href="/arena" tabindex="-1"
927                                :tabindex="showNavigation ? 0 : -1"
928                                >
929                                                                <div class="uppercase text-base leading-none">
930                                    <span
931                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER Arena</span>
932                                                                            <p
933                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
934                                            </p>
935                                                                    </div>
936                            </a>
937                        </li>
938                                                                                                            <li>
939                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
940                                href="/wiener-stadtgespraech" tabindex="-1"
941                                :tabindex="showNavigation ? 0 : -1"
942                                >
943                                                                <div class="uppercase text-base leading-none">
944                                    <span
945                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Wiener Stadtgespräch</span>
946                                                                            <p
947                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
948                                            </p>
949                                                                    </div>
950                            </a>
951                        </li>
952                                                                                    </ul>
953                                            </section>
954                                                                <section class="break-inside-avoid-column pb-4"
955                        aria-labelledby="navigation-main-essen-trinken">
956                                                    
957                            <a class="group" data-navigation="main_header"
958                                href="/lokalfuehrer" tabindex="-1"
959                                :tabindex="showNavigation ? 0 : -1"
960                                >
961                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
962                                    id="navigation-main-essen-trinken">
963                                    Essen &amp; Trinken</h3>
964                            </a>
965                                                                            <ul>
966                                                                                                        <li>
967                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
968                                href="/lokalfuehrer/empfehlungen" tabindex="-1"
969                                :tabindex="showNavigation ? 0 : -1"
970                                >
971                                                                <div class="uppercase text-base leading-none">
972                                    <span
973                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Empfohlene Lokale</span>
974                                                                            <p
975                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
976                                            </p>
977                                                                    </div>
978                            </a>
979                        </li>
980                                                                                                            <li>
981                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
982                                href="/lokalfuehrer/lokalkritiken" tabindex="-1"
983                                :tabindex="showNavigation ? 0 : -1"
984                                >
985                                                                <div class="uppercase text-base leading-none">
986                                    <span
987                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Lokalkritiken</span>
988                                                                            <p
989                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
990                                            </p>
991                                                                    </div>
992                            </a>
993                        </li>
994                                                                                                            <li>
995                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
996                                href="/lokalfuehrer/grundkurs-kochen" tabindex="-1"
997                                :tabindex="showNavigation ? 0 : -1"
998                                >
999                                                                <div class="uppercase text-base leading-none">
1000                                    <span
1001                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Grundkurs Kochen - Rezepte</span>
1002                                                                            <p
1003                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1004                                            </p>
1005                                                                    </div>
1006                            </a>
1007                        </li>
1008                                                                                                            <li>
1009                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1010                                href="/lokalfuehrer/wien-wie-es-isst-app" tabindex="-1"
1011                                :tabindex="showNavigation ? 0 : -1"
1012                                >
1013                                                                <div class="uppercase text-base leading-none">
1014                                    <span
1015                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Wien, wie es isst-App</span>
1016                                                                            <p
1017                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1018                                            </p>
1019                                                                    </div>
1020                            </a>
1021                        </li>
1022                                                                                    </ul>
1023                                            </section>
1024                                                                <section class="break-inside-avoid-column pb-4"
1025                        aria-labelledby="navigation-main-kino">
1026                                                    
1027                            <a class="group" data-navigation="main_header"
1028                                href="/kino" tabindex="-1"
1029                                :tabindex="showNavigation ? 0 : -1"
1030                                >
1031                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1032                                    id="navigation-main-kino">
1033                                    Kino</h3>
1034                            </a>
1035                                                                            <ul>
1036                                                                                                        <li>
1037                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1038                                href="/kino/empfohlen" tabindex="-1"
1039                                :tabindex="showNavigation ? 0 : -1"
1040                                >
1041                                                                <div class="uppercase text-base leading-none">
1042                                    <span
1043                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Empfohlene Filme</span>
1044                                                                            <p
1045                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1046                                            </p>
1047                                                                    </div>
1048                            </a>
1049                        </li>
1050                                                                                                            <li>
1051                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1052                                href="/kino?has_review=true" tabindex="-1"
1053                                :tabindex="showNavigation ? 0 : -1"
1054                                >
1055                                                                <div class="uppercase text-base leading-none">
1056                                    <span
1057                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER-Filmkritiken</span>
1058                                                                            <p
1059                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1060                                            </p>
1061                                                                    </div>
1062                            </a>
1063                        </li>
1064                                                                                                            <li>
1065                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1066                                href="/kino/newsletter" tabindex="-1"
1067                                :tabindex="showNavigation ? 0 : -1"
1068                                >
1069                                                                <div class="uppercase text-base leading-none">
1070                                    <span
1071                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Kino-Newsletter</span>
1072                                                                            <p
1073                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1074                                            </p>
1075                                                                    </div>
1076                            </a>
1077                        </li>
1078                                                                                    </ul>
1079                                            </section>
1080                                                                <section class="break-inside-avoid-column pb-4"
1081                        aria-labelledby="navigation-main-online-kolumnen">
1082                                                    
1083                            <a class="group" data-navigation="main_header"
1084                                href="" tabindex="-1"
1085                                :tabindex="showNavigation ? 0 : -1"
1086                                >
1087                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1088                                    id="navigation-main-online-kolumnen">
1089                                    Online-Kolumnen</h3>
1090                            </a>
1091                                                                            <ul>
1092                                                                                                        <li>
1093                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1094                                href="/seuchenkolumne" tabindex="-1"
1095                                :tabindex="showNavigation ? 0 : -1"
1096                                >
1097                                                                <div class="uppercase text-base leading-none">
1098                                    <span
1099                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Seuchenkolumne</span>
1100                                                                            <p
1101                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1102                                            </p>
1103                                                                    </div>
1104                            </a>
1105                        </li>
1106                                                                                                            <li>
1107                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1108                                href="/blauland" tabindex="-1"
1109                                :tabindex="showNavigation ? 0 : -1"
1110                                >
1111                                                                <div class="uppercase text-base leading-none">
1112                                    <span
1113                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Blauland</span>
1114                                                                            <p
1115                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1116                                            </p>
1117                                                                    </div>
1118                            </a>
1119                        </li>
1120                                                                                                            <li>
1121                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1122                                href="/loge17" tabindex="-1"
1123                                :tabindex="showNavigation ? 0 : -1"
1124                                >
1125                                                                <div class="uppercase text-base leading-none">
1126                                    <span
1127                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Loge 17</span>
1128                                                                            <p
1129                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1130                                            </p>
1131                                                                    </div>
1132                            </a>
1133                        </li>
1134                                                                                                            <li>
1135                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1136                                href="https://www.falter.at/meinung/lingens" tabindex="-1"
1137                                :tabindex="showNavigation ? 0 : -1"
1138                                >
1139                                                                <div class="uppercase text-base leading-none">
1140                                    <span
1141                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Lingens – von außen</span>
1142                                                                            <p
1143                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1144                                            </p>
1145                                                                    </div>
1146                            </a>
1147                        </li>
1148                                                                                    </ul>
1149                                            </section>
1150                                                                <section class="break-inside-avoid-column pb-4"
1151                        aria-labelledby="navigation-main-podcasts">
1152                                                    
1153                            <a class="group" data-navigation="main_header"
1154                                href="/podcasts" tabindex="-1"
1155                                :tabindex="showNavigation ? 0 : -1"
1156                                >
1157                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1158                                    id="navigation-main-podcasts">
1159                                    Podcasts</h3>
1160                            </a>
1161                                                                            <ul>
1162                                                                                                        <li>
1163                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1164                                href="/podcasts/radio" tabindex="-1"
1165                                :tabindex="showNavigation ? 0 : -1"
1166                                >
1167                                                                    <figure class="my-1 shrink-0">
1168                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1169                                            srcset="https://cdn.falter.at/uploads/navigations/falter-radio.png?width=60 60w, https://cdn.falter.at/uploads/navigations/falter-radio.png?width=120 120w, https://cdn.falter.at/uploads/navigations/falter-radio.png?width=180 180w"
1170                                            src="https://cdn.falter.at/uploads/navigations/falter-radio.png?width=30"
1171                                            alt="FALTER Radio Logo" sizes="(min-width: 640px) 60px, 30px"
1172                                            loading="lazy" />
1173                                    </figure>
1174                                                                <div class="uppercase text-base leading-none">
1175                                    <span
1176                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER Radio</span>
1177                                                                            <p
1178                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1179                                            </p>
1180                                                                    </div>
1181                            </a>
1182                        </li>
1183                                                                                                            <li>
1184                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1185                                href="/podcasts/gerichtsmedizin" tabindex="-1"
1186                                :tabindex="showNavigation ? 0 : -1"
1187                                >
1188                                                                    <figure class="my-1 shrink-0">
1189                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1190                                            srcset="https://cdn.falter.at/uploads/navigations/klenk-reiter.png?width=60 60w, https://cdn.falter.at/uploads/navigations/klenk-reiter.png?width=120 120w, https://cdn.falter.at/uploads/navigations/klenk-reiter.png?width=180 180w"
1191                                            src="https://cdn.falter.at/uploads/navigations/klenk-reiter.png?width=30"
1192                                            alt="Klenk+Reiter Logo" sizes="(min-width: 640px) 60px, 30px"
1193                                            loading="lazy" />
1194                                    </figure>
1195                                                                <div class="uppercase text-base leading-none">
1196                                    <span
1197                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Klenk+Reiter</span>
1198                                                                            <p
1199                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1200                                            </p>
1201                                                                    </div>
1202                            </a>
1203                        </li>
1204                                                                                                            <li>
1205                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1206                                href="/podcasts/scheuba" tabindex="-1"
1207                                :tabindex="showNavigation ? 0 : -1"
1208                                >
1209                                                                    <figure class="my-1 shrink-0">
1210                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1211                                            srcset="https://cdn.falter.at/uploads/navigations/scheuba-fragt-nach.png?width=60 60w, https://cdn.falter.at/uploads/navigations/scheuba-fragt-nach.png?width=120 120w, https://cdn.falter.at/uploads/navigations/scheuba-fragt-nach.png?width=180 180w"
1212                                            src="https://cdn.falter.at/uploads/navigations/scheuba-fragt-nach.png?width=30"
1213                                            alt="Scheuba fragt nach Logo" sizes="(min-width: 640px) 60px, 30px"
1214                                            loading="lazy" />
1215                                    </figure>
1216                                                                <div class="uppercase text-base leading-none">
1217                                    <span
1218                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Scheuba fragt nach</span>
1219                                                                            <p
1220                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1221                                            </p>
1222                                                                    </div>
1223                            </a>
1224                        </li>
1225                                                                                                            <li>
1226                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1227                                href="/podcasts/natur" tabindex="-1"
1228                                :tabindex="showNavigation ? 0 : -1"
1229                                >
1230                                                                    <figure class="my-1 shrink-0">
1231                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1232                                            srcset="https://cdn.falter.at/uploads/navigations/falter-natur-podcast-logo.png?width=60 60w, https://cdn.falter.at/uploads/navigations/falter-natur-podcast-logo.png?width=120 120w, https://cdn.falter.at/uploads/navigations/falter-natur-podcast-logo.png?width=180 180w"
1233                                            src="https://cdn.falter.at/uploads/navigations/falter-natur-podcast-logo.png?width=30"
1234                                            alt="FALTER Natur Logo" sizes="(min-width: 640px) 60px, 30px"
1235                                            loading="lazy" />
1236                                    </figure>
1237                                                                <div class="uppercase text-base leading-none">
1238                                    <span
1239                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER Natur</span>
1240                                                                            <p
1241                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1242                                            </p>
1243                                                                    </div>
1244                            </a>
1245                        </li>
1246                                                                                                            <li>
1247                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1248                                href="/podcasts/buchpodcast" tabindex="-1"
1249                                :tabindex="showNavigation ? 0 : -1"
1250                                >
1251                                                                    <figure class="my-1 shrink-0">
1252                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1253                                            srcset="https://cdn.falter.at/uploads/navigations/blmdf.png?width=60 60w, https://cdn.falter.at/uploads/navigations/blmdf.png?width=120 120w, https://cdn.falter.at/uploads/navigations/blmdf.png?width=180 180w"
1254                                            src="https://cdn.falter.at/uploads/navigations/blmdf.png?width=30"
1255                                            alt="Besser lesen mit dem FALTER Logo" sizes="(min-width: 640px) 60px, 30px"
1256                                            loading="lazy" />
1257                                    </figure>
1258                                                                <div class="uppercase text-base leading-none">
1259                                    <span
1260                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Besser lesen mit dem FALTER</span>
1261                                                                            <p
1262                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1263                                            </p>
1264                                                                    </div>
1265                            </a>
1266                        </li>
1267                                                                                                            <li>
1268                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1269                                href="/podcasts" tabindex="-1"
1270                                :tabindex="showNavigation ? 0 : -1"
1271                                >
1272                                                                <div class="uppercase text-base leading-none">
1273                                    <span
1274                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Alle Podcasts</span>
1275                                                                            <p
1276                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1277                                            </p>
1278                                                                    </div>
1279                            </a>
1280                        </li>
1281                                                                                    </ul>
1282                                            </section>
1283                                                                <section class="break-inside-avoid-column pb-4"
1284                        aria-labelledby="navigation-main-newsletter">
1285                                                    
1286                            <a class="group" data-navigation="main_header"
1287                                href="/newsletter" tabindex="-1"
1288                                :tabindex="showNavigation ? 0 : -1"
1289                                >
1290                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1291                                    id="navigation-main-newsletter">
1292                                    Newsletter</h3>
1293                            </a>
1294                                                                            <ul>
1295                                                                                                        <li>
1296                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1297                                href="/morgen" tabindex="-1"
1298                                :tabindex="showNavigation ? 0 : -1"
1299                                >
1300                                                                    <figure class="my-1 shrink-0">
1301                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1302                                            srcset="https://cdn.falter.at/uploads/navigations/faltermorgen-quadrat.jpg?width=60 60w, https://cdn.falter.at/uploads/navigations/faltermorgen-quadrat.jpg?width=120 120w, https://cdn.falter.at/uploads/navigations/faltermorgen-quadrat.jpg?width=180 180w"
1303                                            src="https://cdn.falter.at/uploads/navigations/faltermorgen-quadrat.jpg?width=30"
1304                                            alt="FALTER.morgen Logo" sizes="(min-width: 640px) 60px, 30px"
1305                                            loading="lazy" />
1306                                    </figure>
1307                                                                <div class="uppercase text-base leading-none">
1308                                    <span
1309                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER.morgen</span>
1310                                                                            <p
1311                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1312                                            </p>
1313                                                                    </div>
1314                            </a>
1315                        </li>
1316                                                                                                            <li>
1317                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1318                                href="/maily" tabindex="-1"
1319                                :tabindex="showNavigation ? 0 : -1"
1320                                >
1321                                                                    <figure class="my-1 shrink-0">
1322                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1323                                            srcset="https://cdn.falter.at/uploads/navigations/falter-maily-logo-200.png?width=60 60w, https://cdn.falter.at/uploads/navigations/falter-maily-logo-200.png?width=120 120w, https://cdn.falter.at/uploads/navigations/falter-maily-logo-200.png?width=180 180w"
1324                                            src="https://cdn.falter.at/uploads/navigations/falter-maily-logo-200.png?width=30"
1325                                            alt="FALTER.maily Logo" sizes="(min-width: 640px) 60px, 30px"
1326                                            loading="lazy" />
1327                                    </figure>
1328                                                                <div class="uppercase text-base leading-none">
1329                                    <span
1330                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER.maily</span>
1331                                                                            <p
1332                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1333                                            </p>
1334                                                                    </div>
1335                            </a>
1336                        </li>
1337                                                                                                            <li>
1338                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1339                                href="/natur/newsletter" tabindex="-1"
1340                                :tabindex="showNavigation ? 0 : -1"
1341                                >
1342                                                                    <figure class="my-1 shrink-0">
1343                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1344                                            srcset="https://cdn.falter.at/uploads/navigations/falter-natur-newsletter-logo.png?width=60 60w, https://cdn.falter.at/uploads/navigations/falter-natur-newsletter-logo.png?width=120 120w, https://cdn.falter.at/uploads/navigations/falter-natur-newsletter-logo.png?width=180 180w"
1345                                            src="https://cdn.falter.at/uploads/navigations/falter-natur-newsletter-logo.png?width=30"
1346                                            alt="FALTER.natur Logo" sizes="(min-width: 640px) 60px, 30px"
1347                                            loading="lazy" />
1348                                    </figure>
1349                                                                <div class="uppercase text-base leading-none">
1350                                    <span
1351                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">FALTER.natur</span>
1352                                                                            <p
1353                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1354                                            </p>
1355                                                                    </div>
1356                            </a>
1357                        </li>
1358                                                                                                            <li>
1359                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1360                                href="/kinder/newsletter" tabindex="-1"
1361                                :tabindex="showNavigation ? 0 : -1"
1362                                >
1363                                                                    <figure class="my-1 shrink-0">
1364                                        <img class="h-[30px] w-[30px] rounded-lg object-cover sm:h-[60px] sm:w-[60px]"
1365                                            srcset="https://cdn.falter.at/uploads/navigations/kind-in-wien-logo.png?width=60 60w, https://cdn.falter.at/uploads/navigations/kind-in-wien-logo.png?width=120 120w, https://cdn.falter.at/uploads/navigations/kind-in-wien-logo.png?width=180 180w"
1366                                            src="https://cdn.falter.at/uploads/navigations/kind-in-wien-logo.png?width=30"
1367                                            alt="Kind in Wien Logo" sizes="(min-width: 640px) 60px, 30px"
1368                                            loading="lazy" />
1369                                    </figure>
1370                                                                <div class="uppercase text-base leading-none">
1371                                    <span
1372                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Kind in Wien</span>
1373                                                                            <p
1374                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1375                                            </p>
1376                                                                    </div>
1377                            </a>
1378                        </li>
1379                                                                                                            <li>
1380                            <a class="group flex items-center gap-x-2 py-0.5" data-navigation="main_content"
1381                                href="/newsletter" tabindex="-1"
1382                                :tabindex="showNavigation ? 0 : -1"
1383                                >
1384                                                                <div class="uppercase text-base leading-none">
1385                                    <span
1386                                        class="decoration-gray-400 decoration-1 underline-offset-4 group-hover:underline group-focus:underline">Alle Newsletter</span>
1387                                                                            <p
1388                                            class="text-md py-0.5 font-serif normal-case italic leading-tight tracking-normal text-gray-300">
1389                                            </p>
1390                                                                    </div>
1391                            </a>
1392                        </li>
1393                                                                                    </ul>
1394                                            </section>
1395                                                                <section class="break-inside-avoid-column pb-4"
1396                        aria-labelledby="navigation-main-heureka">
1397                                                    
1398                            <a class="group" data-navigation="main_header"
1399                                href="/heureka" tabindex="-1"
1400                                :tabindex="showNavigation ? 0 : -1"
1401                                >
1402                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1403                                    id="navigation-main-heureka">
1404                                    HEUREKA</h3>
1405                            </a>
1406                                                                    </section>
1407                                        </div>
1408    <hr class="mask-triple-border-sm my-8 h-[9px] bg-gray-800">
1409    <!-- Main Footer Nav -->
1410    <div class="columns-2 gap-6 md:columns-4">
1411                                                        <section class="break-inside-avoid-column pb-4"
1412                        aria-labelledby="navigation-main-shop">
1413                                                    <a class="group" data-navigation="main_header"
1414                                href="https://shop.falter.at" tabindex="-1"
1415                                :tabindex="showNavigation ? 0 : -1"
1416                                 target="_blank" rel="noopener noreferrer" >
1417                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1418                                    id="navigation-main-shop">
1419                                    Shop</h3>
1420                            </a>
1421                        
1422                        <ul>
1423                                                                            <li>
1424                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1425                                data-navigation="main_content"
1426                                href="https://shop.falter.at/abos-hefte.html" tabindex="-1"
1427                                :tabindex="showNavigation ? 0 : -1"
1428                                 target="_blank" rel="noopener noreferrer" >
1429                                Abos
1430                            </a>
1431                                            </li>
1432                                                                <li>
1433                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1434                                data-navigation="main_content"
1435                                href="https://shop.falter.at/buecher.html" tabindex="-1"
1436                                :tabindex="showNavigation ? 0 : -1"
1437                                 target="_blank" rel="noopener noreferrer" >
1438                                Bücher
1439                            </a>
1440                                            </li>
1441                                                                <li>
1442                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1443                                data-navigation="main_content"
1444                                href="https://shop.falter.at/dvds.html" tabindex="-1"
1445                                :tabindex="showNavigation ? 0 : -1"
1446                                 target="_blank" rel="noopener noreferrer" >
1447                                DVDs
1448                            </a>
1449                                            </li>
1450                                                                <li>
1451                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1452                                data-navigation="main_content"
1453                                href="https://shop.falter.at/abos-hefte/einzelhefte.html" tabindex="-1"
1454                                :tabindex="showNavigation ? 0 : -1"
1455                                 target="_blank" rel="noopener noreferrer" >
1456                                Einzelhefte
1457                            </a>
1458                                            </li>
1459                                                                <li>
1460                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1461                                data-navigation="main_content"
1462                                href="https://shop.falter.at/fanshop/falter-produkte.html" tabindex="-1"
1463                                :tabindex="showNavigation ? 0 : -1"
1464                                 target="_blank" rel="noopener noreferrer" >
1465                                FALTER-Fanshop
1466                            </a>
1467                                            </li>
1468                                                                <li>
1469                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1470                                data-navigation="main_content"
1471                                href="https://shop.falter.at/buecher/besprochene-buecher.html" tabindex="-1"
1472                                :tabindex="showNavigation ? 0 : -1"
1473                                 target="_blank" rel="noopener noreferrer" >
1474                                Rezensionen
1475                            </a>
1476                                            </li>
1477                                                                <li>
1478                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1479                                data-navigation="main_content"
1480                                href="/lesekraenzchen-rezensionen/" tabindex="-1"
1481                                :tabindex="showNavigation ? 0 : -1"
1482                                >
1483                                Lesekränzchen
1484                            </a>
1485                                            </li>
1486                                                                <li>
1487                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1488                                data-navigation="main_content"
1489                                href="https://www.falterverlag.at" tabindex="-1"
1490                                :tabindex="showNavigation ? 0 : -1"
1491                                 target="_blank" rel="noopener noreferrer" >
1492                                Für Buchhändler
1493                            </a>
1494                                            </li>
1495                                                            </ul>
1496                    </section>
1497                                                                <section class="break-inside-avoid-column pb-4"
1498                        aria-labelledby="navigation-main-service">
1499                                                    <a class="group" data-navigation="main_header"
1500                                href="" tabindex="-1"
1501                                :tabindex="showNavigation ? 0 : -1"
1502                                >
1503                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1504                                    id="navigation-main-service">
1505                                    Service</h3>
1506                            </a>
1507                        
1508                        <ul>
1509                                                                            <li>
1510                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1511                                data-navigation="main_content"
1512                                href="/service/online-zugang" tabindex="-1"
1513                                :tabindex="showNavigation ? 0 : -1"
1514                                >
1515                                Online-Zugang
1516                            </a>
1517                                            </li>
1518                                                                <li>
1519                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1520                                data-navigation="main_content"
1521                                href="/service/abo-aendern" tabindex="-1"
1522                                :tabindex="showNavigation ? 0 : -1"
1523                                >
1524                                Abo ändern
1525                            </a>
1526                                            </li>
1527                                                                <li>
1528                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1529                                data-navigation="main_content"
1530                                href="/service/rueckruf" tabindex="-1"
1531                                :tabindex="showNavigation ? 0 : -1"
1532                                >
1533                                Rückruf
1534                            </a>
1535                                            </li>
1536                                                                <li>
1537                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1538                                data-navigation="main_content"
1539                                href="javascript:Didomi.preferences.show(&#039;vendors&#039;)" tabindex="-1"
1540                                :tabindex="showNavigation ? 0 : -1"
1541                                >
1542                                Cookie-Einstellungen ändern
1543                            </a>
1544                                            </li>
1545                                                                <li>
1546                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1547                                data-navigation="main_content"
1548                                href="/kleinanzeigen" tabindex="-1"
1549                                :tabindex="showNavigation ? 0 : -1"
1550                                >
1551                                Kleinanzeigen
1552                            </a>
1553                                            </li>
1554                                                                <li>
1555                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1556                                data-navigation="main_content"
1557                                href="/sprachkurs" tabindex="-1"
1558                                :tabindex="showNavigation ? 0 : -1"
1559                                >
1560                                Sprachkurse
1561                            </a>
1562                                            </li>
1563                                                                <li>
1564                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1565                                data-navigation="main_content"
1566                                href="/service/newsletter-anmeldung" tabindex="-1"
1567                                :tabindex="showNavigation ? 0 : -1"
1568                                >
1569                                Newsletter
1570                            </a>
1571                                            </li>
1572                                                            </ul>
1573                    </section>
1574                                                                <section class="break-inside-avoid-column pb-4"
1575                        aria-labelledby="navigation-main-unternehmen">
1576                                                    <a class="group" data-navigation="main_header"
1577                                href="" tabindex="-1"
1578                                :tabindex="showNavigation ? 0 : -1"
1579                                >
1580                                <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal decoration-gray-300 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:text-3xl"
1581                                    id="navigation-main-unternehmen">
1582                                    Unternehmen</h3>
1583                            </a>
1584                        
1585                        <ul>
1586                                                                            <li>
1587                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1588                                data-navigation="main_content"
1589                                href="/ueber-uns/kontakt" tabindex="-1"
1590                                :tabindex="showNavigation ? 0 : -1"
1591                                >
1592                                Kontakt
1593                            </a>
1594                                            </li>
1595                                                                <li>
1596                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1597                                data-navigation="main_content"
1598                                href="https://www.falter.at/ueber-uns/social-media" tabindex="-1"
1599             
1599                   :tabindex="showNavigation ? 0 : -1"
1600                                >
1601                                Social Media
1602                            </a>
1603                                            </li>
1604                                                                <li>
1605                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1606                                data-navigation="main_content"
1607                                href="https://www.falter.at/jobs" tabindex="-1"
1608                                :tabindex="showNavigation ? 0 : -1"
1609                                >
1610                                Jobs
1611                            </a>
1612                                            </li>
1613                                                                <li>
1614                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1615                                data-navigation="main_content"
1616                                href="/ueber-uns" tabindex="-1"
1617                                :tabindex="showNavigation ? 0 : -1"
1618                                >
1619                                Über uns
1620                            </a>
1621                                            </li>
1622                                                                <li>
1623                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1624                                data-navigation="main_content"
1625                                href="https://publishing.falterverlag.at" tabindex="-1"
1626                                :tabindex="showNavigation ? 0 : -1"
1627                                 target="_blank" rel="noopener noreferrer" >
1628                                Corporate Publishing
1629                            </a>
1630                                            </li>
1631                                                                <li>
1632                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1633                                data-navigation="main_content"
1634                                href="https://b2b.falter.at" tabindex="-1"
1635                                :tabindex="showNavigation ? 0 : -1"
1636                                 target="_blank" rel="noopener noreferrer" >
1637                                Media Sales
1638                            </a>
1639                                            </li>
1640                                                                <li>
1641                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1642                                data-navigation="main_content"
1643                                href="/datenschutz" tabindex="-1"
1644                                :tabindex="showNavigation ? 0 : -1"
1645                                >
1646                                Datenschutz
1647                            </a>
1648                                            </li>
1649                                                                <li>
1650                                                    <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1651                                data-navigation="main_content"
1652                                href="/offenlegung" tabindex="-1"
1653                                :tabindex="showNavigation ? 0 : -1"
1654                                >
1655                                Impressum und Offenlegung
1656                            </a>
1657                                            </li>
1658                                                            </ul>
1659                    </section>
1660                                            <section class="break-inside-avoid-column" aria-labelledby="navigation-main-falter-netzwerk">
1661            <h3 class="font-heading mb-3 border-b border-gray-800 pb-3 text-2xl font-bold tracking-normal sm:text-3xl"
1662                id="navigation-main-falter-netzwerk">
1663                FALTER Netzwerk
1664            </h3>
1665            <ul>
1666                                                            <li>
1667                            <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1668                                data-navigation="main_content"
1669                                href="https://www.falter.at" tabindex="-1"
1670                                :tabindex="showNavigation ? 0 : -1"
1671                                >
1672                                FALTER.at
1673                            </a>
1674                        </li>
1675                                            <li>
1676                            <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1677                                data-navigation="main_content"
1678                                href="https://shop.falter.at/" tabindex="-1"
1679                                :tabindex="showNavigation ? 0 : -1"
1680                                 target="_blank" rel="noopener noreferrer" >
1681                                faltershop.at
1682                            </a>
1683                        </li>
1684                                            <li>
1685                            <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1686                                data-navigation="main_content"
1687                                href="https://www.falterverlag.at/" tabindex="-1"
1688                                :tabindex="showNavigation ? 0 : -1"
1689                                 target="_blank" rel="noopener noreferrer" >
1690                                falterverlag.at
1691                            </a>
1692                        </li>
1693                                            <li>
1694                            <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1695                                data-navigation="main_content"
1696                                href="https://www.wuchtelwette.at/" tabindex="-1"
1697                                :tabindex="showNavigation ? 0 : -1"
1698                                 target="_blank" rel="noopener noreferrer" >
1699                                Wuchtelwette
1700                            </a>
1701                        </li>
1702                                            <li>
1703                            <a class="block py-0.5 decoration-gray-400 decoration-1 underline-offset-4 hover:underline focus:underline"
1704                                data-navigation="main_content"
1705                                href="https://www.partytimer.at/" tabindex="-1"
1706                                :tabindex="showNavigation ? 0 : -1"
1707                                 target="_blank" rel="noopener noreferrer" >
1708                                Partytimer
1709                            </a>
1710                        </li>
1711                                                </ul>
1712        </section>
1713    </div>
1714</nav>
1715                </div>
1716                    </div>
1717
1718    </header>
1719
1720            <aside>
1721            <!-- Billboard Ad -->
1722            <div data-slot="billboard"
1723        class="relative z-40 -mb-8 hidden bg-brand-primary pt-8 md:block max-h-0" id="ad-container-billboard"
1724        x-data="aditionAdsSlot" :data-loaded="isLoaded" :class="{ 'max-h-0': !isLoaded }">
1725        <div class="container">
1726            <div class="mb-8 max-h-[250px] min-h-[90px] w-auto overflow-hidden">
1727                <div class="flex justify-center" :id="id"></div>
1728            </div>
1729        </div>
1730    </div>
1731
1732            <!-- Skyscraper Left Ad -->
1733            <div class="pl-(--container-padding) absolute left-[calc(50vw_-_var(--layout-2xl)_/_2_-_var(--aside-width)_-_var(--container-padding))] top-40 z-40 mt-1.5 hidden h-[calc(100%_-_var(--footer-height))] w-px pt-8 2xl:block"
1734        data-slot="skyscraper_left" data-automatic-reload x-data="aditionAdsSlot" :data-loaded="isLoaded">
1735        <div class="sticky top-0">
1736            <div class="h-(--aside-height) w-(--aside-width) object-contain">
1737                <div class="flex justify-end" :id="id"></div>
1738            </div>
1739        </div>
1740    </div>
1741
1742            <!-- Right Ad -->
1743            <div class="md:left-(--layout-md) lg:left-(--layout-lg) xl:left-(--layout-xl) absolute top-40 z-40 mt-1.5 hidden h-[calc(100%_-_var(--footer-height))] w-[calc(100vw_-_var(--layout-md))] pt-8 md:block xl:w-[calc(100vw_-_var(--layout-xl)-_var(--container-padding))] 2xl:left-[calc(50vw_+_var(--layout-2xl)_/_2)] 2xl:w-[calc(50vw_-_var(--layout-2xl)_/_2_-_var(--container-padding))]"
1744        data-slot="skyscraper_right" data-automatic-reload x-data="aditionAdsSlot" :data-loaded="isLoaded">
1745        <div class="sticky top-0">
1746            <div
1747                class="min-h-(--aside-height) min-w-(--aside-width) aspect-[1/2] max-h-[calc(100vh_-_var(--menu-height)-2_*_var(--container-padding))] object-contain">
1748                <div class="flex items-stretch justify-stretch" :id="id"></div>
1749            </div>
1750        </div>
1751    </div>
1752        </aside>
1753    
1754    <div class="flex bg-brand-primary h-14 sm:h-18 items-end">
1755                    <nav class="font-display container relative h-10 w-full bg-white bg-clip-content text-sm uppercase tracking-wider text-black [&_a]:decoration-black [&_a]:underline-offset-4 [&_a]:hover:underline [&_a]:focus:underline [&_svg]:h-3.5 [&_svg]:text-gray-500"
1756    aria-label="Breadcrumb Navigation">
1757    <ol class="no-scrollbar mx-4 flex h-full touch-pan-x gap-x-1 overflow-x-scroll whitespace-nowrap border-b border-dotted border-gray-300 pr-8 after:absolute after:inset-y-0 after:right-8 after:mb-px after:w-8 after:bg-gradient-to-l after:from-white"
1758        role="list" tabindex="0" itemscope itemtype="https://schema.org/BreadcrumbList">
1759                                    <li class="flex items-center gap-x-1" itemprop="itemListElement" itemscope
1760                    itemtype="https://schema.org/ListItem">
1761                                        <a href="https://www.falter.at"
1762                                                 itemprop="item" content="https://www.falter.at" >
1763                        <span itemprop="name">Startseite</span>
1764                    </a>
1765                    <meta itemprop="position" content="1" />
1766                </li>
1767                            <li class="flex items-center gap-x-1" itemprop="itemListElement" itemscope
1768                    itemtype="https://schema.org/ListItem">
1769                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
1770    <path
1771        stroke="currentColor"
1772        stroke-linecap="round"
1773        stroke-linejoin="round"
1774        stroke-width="1.5"
1775        d="m7.5 15 5-5-5-5"
1776    />
1777</svg>                                        <a href="https://www.falter.at/ueber-uns"
1778                                                 itemprop="item" content="https://www.falter.at/ueber-uns" >
1779                        <span itemprop="name">Über uns</span>
1780                    </a>
1781                    <meta itemprop="position" content="2" />
1782                </li>
1783                            <li class="flex items-center gap-x-1" itemprop="itemListElement" itemscope
1784                    itemtype="https://schema.org/ListItem">
1785                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
1786    <path
1787        stroke="currentColor"
1788        stroke-linecap="round"
1789        stroke-linejoin="round"
1790        stroke-width="1.5"
1791        d="m7.5 15 5-5-5-5"
1792    />
1793</svg>                                        <a href="https://www.falter.at/ueber-uns/falter-app"
1794                         class="no-underline! text-gray-600" aria-current="page"                         >
1795                        <span itemprop="name">FALTER-App</span>
1796                    </a>
1797                    <meta itemprop="position" content="3" />
1798                </li>
1799                        </ol>
1800</nav>
1801                        </div>
1802
1803            <div class="container relative bg-white bg-clip-content">
1804            <div class="px-4 py-3">
1805                <a class="group flex flex-wrap items-center gap-1 rounded border border-gray-200 bg-white px-3 py-2 font-sans text-sm text-black"
1806    href="https://google.com/preferences/source?q=falter.at"
1807    aria-label="FALTER als bevorzugte Quelle bei Google festlegen" target="_blank" rel="noopener">
1808    <span class="flex items-center gap-2">
1809        <svg class="h-4 w-4 sm:h-6 sm:w-6 shrink-0"
1810    xmlns="http://www.w3.org/2000/svg"
1811    xmlns:xlink="http://www.w3.org/1999/xlink"
1812    xml:space="preserve"
1813    overflow="hidden"
1814    viewBox="0 0 268.152 273.883"
1815>
1816  <defs>
1817        <linearGradient id="a">
1818            <stop offset="0" stop-color="#0fbc5c" />
1819            <stop offset="1" stop-color="#0cba65" />
1820        </linearGradient>
1821        <linearGradient id="g">
1822            <stop offset=".231" stop-color="#0fbc5f" />
1823            <stop offset=".312" stop-color="#0fbc5f" />
1824            <stop offset=".366" stop-color="#0fbc5e" />
1825            <stop offset=".458" stop-color="#0fbc5d" />
1826            <stop offset=".54" stop-color="#12bc58" />
1827            <stop offset=".699" stop-color="#28bf3c" />
1828            <stop offset=".771" stop-color="#38c02b" />
1829            <stop offset=".861" stop-color="#52c218" />
1830            <stop offset=".915" stop-color="#67c30f" />
1831            <stop offset="1" stop-color="#86c504" />
1832        </linearGradient>
1833        <linearGradient id="h">
1834            <stop offset=".142" stop-color="#1abd4d" />
1835            <stop offset=".248" stop-color="#6ec30d" />
1836            <stop offset=".312" stop-color="#8ac502" />
1837            <stop offset=".366" stop-color="#a2c600" />
1838            <stop offset=".446" stop-color="#c8c903" />
1839            <stop offset=".54" stop-color="#ebcb03" />
1840            <stop offset=".616" stop-color="#f7cd07" />
1841            <stop offset=".699" stop-color="#fdcd04" />
1842            <stop offset=".771" stop-color="#fdce05" />
1843            <stop offset=".861" stop-color="#ffce0a" />
1844        </linearGradient>
1845        <linearGradient id="f">
1846            <stop offset=".316" stop-color="#ff4c3c" />
1847            <stop offset=".604" stop-color="#ff692c" />
1848            <stop offset=".727" stop-color="#ff7825" />
1849            <stop offset=".885" stop-color="#ff8d1b" />
1850            <stop offset="1" stop-color="#ff9f13" />
1851        </linearGradient>
1852        <linearGradient id="b">
1853            <stop offset=".231" stop-color="#ff4541" />
1854            <stop offset=".312" stop-color="#ff4540" />
1855            <stop offset=".458" stop-color="#ff4640" />
1856            <stop offset=".54" stop-color="#ff473f" />
1857            <stop offset=".699" stop-color="#ff5138" />
1858            <stop offset=".771" stop-color="#ff5b33" />
1859            <stop offset=".861" stop-color="#ff6c29" />
1860            <stop offset="1" stop-color="#ff8c18" />
1861        </linearGradient>
1862        <linearGradient id="d">
1863            <stop offset=".408" stop-color="#fb4e5a" />
1864            <stop offset="1" stop-color="#ff4540" />
1865        </linearGradient>
1866        <linearGradient id="c">
1867            <stop offset=".132" stop-color="#0cba65" />
1868            <stop offset=".21" stop-color="#0bb86d" />
1869            <stop offset=".297" stop-color="#09b479" />
1870            <stop offset=".396" stop-color="#08ad93" />
1871            <stop offset=".477" stop-color="#0aa6a9" />
1872            <stop offset=".568" stop-color="#0d9cc6" />
1873            <stop offset=".667" stop-color="#1893dd" />
1874            <stop offset=".769" stop-color="#258bf1" />
1875            <stop offset=".859" stop-color="#3086ff" />
1876        </linearGradient>
1877        <linearGradient id="e">
1878            <stop offset=".366" stop-color="#ff4e3a" />
1879            <stop offset=".458" stop-color="#ff8a1b" />
1880            <stop offset=".54" stop-color="#ffa312" />
1881            <stop offset=".616" stop-color="#ffb60c" />
1882            <stop offset=".771" stop-color="#ffcd0a" />
1883            <stop offset=".861" stop-color="#fecf0a" />
1884            <stop offset=".915" stop-color="#fecf08" />
1885            <stop offset="1" stop-color="#fdcd01" />
1886        </linearGradient>
1887        <linearGradient
1888            xlink:href="#a"
1889            id="s"
1890            x1="219.7"
1891            x2="254.467"
1892            y1="329.535"
1893            y2="329.535"
1894            gradientUnits="userSpaceOnUse"
1895        />
1896        <radialGradient
1897            xlink:href="#b"
1898            id="m"
1899            cx="109.627"
1900            cy="135.862"
1901            r="71.46"
1902            fx="109.627"
1903            fy="135.862"
1904            gradientTransform="matrix(-1.93688 1.043 1.45573 2.55542 290.525 -400.634)"
1905            gradientUnits="userSpaceOnUse"
1906        />
1907        <radialGradient
1908            xlink:href="#c"
1909            id="n"
1910            cx="45.259"
1911            cy="279.274"
1912            r="71.46"
1913            fx="45.259"
1914            fy="279.274"
1915            gradientTransform="matrix(-3.5126 -4.45809 -1.69255 1.26062 870.8 191.554)"
1916            gradientUnits="userSpaceOnUse"
1917        />
1918        <radialGradient
1919            xlink:href="#d"
1920            id="l"
1921            cx="304.017"
1922            cy="118.009"
1923            r="47.854"
1924            fx="304.017"
1925            fy="118.009"
1926            gradientTransform="matrix(2.06435 0 0 2.59204 -297.679 -151.747)"
1927            gradientUnits="userSpaceOnUse"
1928        />
1929        <radialGradient
1930            xlink:href="#e"
1931            id="o"
1932            cx="181.001"
1933            cy="177.201"
1934            r="71.46"
1935            fx="181.001"
1936            fy="177.201"
1937            gradientTransform="matrix(-.24858 2.08314 2.96249 .33417 -255.146 -331.164)"
1938            gradientUnits="userSpaceOnUse"
1939        />
1940        <radialGradient
1941            xlink:href="#f"
1942            id="p"
1943            cx="207.673"
1944            cy="108.097"
1945            r="41.102"
1946            fx="207.673"
1947            fy="108.097"
1948            gradientTransform="matrix(-1.2492 1.34326 -3.89684 -3.4257 880.501 194.905)"
1949            gradientUnits="userSpaceOnUse"
1950        />
1951        <radialGradient
1952            xlink:href="#g"
1953            id="r"
1954            cx="109.627"
1955            cy="135.862"
1956            r="71.46"
1957            fx="109.627"
1958            fy="135.862"
1959            gradientTransform="matrix(-1.93688 -1.043 1.45573 -2.55542 290.525 838.683)"
1960            gradientUnits="userSpaceOnUse"
1961        />
1962        <radialGradient
1963            xlink:href="#h"
1964            id="j"
1965            cx="154.87"
1966            cy="145.969"
1967            r="71.46"
1968            fx="154.87"
1969            fy="145.969"
1970            gradientTransform="matrix(-.0814 -1.93722 2.92674 -.11625 -215.135 632.86)"
1971            gradientUnits="userSpaceOnUse"
1972        />
1973        <filter
1974            id="q"
1975            width="1.097"
1976            height="1.116"
1977            x="-.048"
1978            y="-.058"
1979            color-interpolation-filters="sRGB"
1980        >
1981            <feGaussianBlur stdDeviation="1.701" />
1982        </filter>
1983        <filter
1984            id="k"
1985            width="1.033"
1986            height="1.02"
1987            x="-.017"
1988            y="-.01"
1989            color-interpolation-filters="sRGB"
1990        >
1991            <feGaussianBlur stdDeviation=".242" />
1992        </filter>
1993        <clipPath id="i" clipPathUnits="userSpaceOnUse">
1994            <path
1995                d="M371.378 193.24H237.083v53.438h77.167c-1.241 7.563-4.026 15.003-8.105 21.786-4.674 7.773-10.451 13.69-16.373 18.196-17.74 13.498-38.42 16.258-52.783 16.258-36.283 0-67.283-23.286-79.285-54.928-.484-1.149-.805-2.335-1.197-3.507
1995a81.1 81.1 0 0 1-4.101-25.448c0-9.226 1.569-18.057 4.43-26.398 11.285-32.897 42.985-57.467 80.179-57.467 7.481 0 14.685.884 21.517 2.648a77.67 77.67 0 0 1 33.425 18.25l40.834-39.712c-24.839-22.616-57.219-36.32-95.844-36.32-30.878 0-59.386 9.553-82.748 25.7-18.945 13.093-34.483 30.625-44.97 50.985-9.753 18.879-15.094 39.8-15.094 62.294 0 22.495 5.35 43.633 15.103 62.337v.126c10.302 19.857 25.368 36.954 43.678 49.988 15.997 11.386 44.68 26.551 84.031 26.551 22.63 0 42.687-4.051 60.375-11.644 12.76-5.478 24.065-12.622 34.301-21.804 13.525-12.132 24.117-27.139 31.347-44.404s11.097-36.79 11.097-57.957c0-9.858-.998-19.87-2.689-28.968Z"
1996            />
1997        </clipPath>
1998    </defs>
1999  <g clip-path="url(#i)" transform="matrix(.95792 0 0 .98525 -90.174 -78.856)">
2000        <path
2001            fill="url(#j)"
2002            d="M92.076 219.959c.148 22.14 6.501 44.982 16.117 63.423v.127c6.949 13.392 16.445 23.97 27.26 34.452l65.327-23.67c-12.36-6.235-14.246-10.055-23.105-17.026-9.054-9.066-15.802-19.473-20.004-31.677h-.17l.17-.127c-2.765-8.058-3.037-16.613-3.14-25.503Z"
2003            filter="url(#k)"
2004        />
2005        <path
2006            fill="url(#l)"
2007            d="M237.084 79.025c-6.457 22.526-3.989 44.421 0 57.161 7.456.006 14.638.888 21.449 2.647a77.66 77.66 0 0 1 33.424 18.25l41.88-40.726c-24.81-22.59-54.667-37.296-96.754-37.332"
2008            filter="url(#k)"
2009        />
2010        <path
2011            fill="url(#m)"
2012            d="M236.943 78.847c-31.67 0-60.91 9.798-84.871 26.359a145.5 145.5 0 0 0-24.332 21.15c-1.904 17.744 14.257 39.551 46.262 39.37 15.528-17.936 38.495-29.542 64.056-29.542l.07.002-1.044-57.335q-.07-.002-.14-.004"
2013            filter="url(#k)"
2014        />
2015        <path
2016            fill="url(#n)"
2017            d="m341.475 226.379-28.268 19.285c-1.24 7.562-4.028 15.002-8.107 21.786-4.674 7.772-10.45 13.69-16.373 18.196-17.702 13.47-38.328 16.244-52.687 16.255-14.842 25.102-17.444 37.675 1.043 57.934 22.877-.016 43.157-4.117 61.046-11.796 12.931-5.551 24.388-12.792 34.761-22.097 13.706-12.295 24.442-27.503 31.769-45s11.245-37.282 11.245-58.734Z"
2018            filter="url(#k)"
2019        />
2020        <path
2021            fill="#3086ff"
2022            d="M234.996 191.21v57.498h136.006c1.196-7.874 5.152-18.064 5.152-26.5 0-9.858-.996-21.899-2.687-30.998Z"
2023            filter="url(#k)"
2024        />
2025        <path
2026            fill="url(#o)"
2027            d="M128.39 124.327c-8.394 9.119-15.564 19.326-21.249 30.364-9.753 18.879-15.094 41.83-15.094 64.324 0 .317.026.627.029.944 4.32 8.224 59.666 6.649 62.456 0-.004-.31-.039-.613-.039-.924 0-9.226 1.57-16.026 4.43-24.367 3.53-10.289 9.056-19.763 16.123-27.926 1.602-2.031 5.875-6.397 7.121-9.016.475-.997-.862-1.557-.937-1.908-.083-.393-1.876-.077-2.277-.37-1.275-.929-3.8-1.414-5.334-1.845-3.277-.921-8.708-2.953-11.725-5.06-9.536-6.658-24.417-14.612-33.505-24.216"
2028            filter="url(#k)"
2029        />
2030        <path
2031            fill="url(#p)"
2032            d="M162.099 155.857c22.112 13.301 28.471-6.714 43.173-12.977l-25.574-52.664a144.7 144.7 0 0 0-26.543 14.504c-12.316 8.512-23.192 18.9-32.176 30.72Z"
2033            filter="url(#q)"
2034        />
2035        <path
2036            fill="url(#r)"
2037            d="M171.099 290.222c-29.683 10.641-34.33 11.023-37.062 29.29a145 145 0 0 0 16.792 13.984c15.996 11.386 46.766 26.551 86.118 26.551.046 0 .09-.004.137-.004v-59.157l-.094.002c-14.736 0-26.512-3.843-38.585-10.527-2.977-1.648-8.378 2.777-11.123.799-3.786-2.729-12.9 2.35-16.183-.938"
2038            filter="url(#k)"
2039        />
2040        <path
2041            fill="url(#s)"
2042            d="M219.7 299.023v59.996c5.506.64 11.236 1.028 17.247 1.028 6.026 0 11.855-.307 17.52-.872v-59.748a105 105 0 0 1-17.477 1.461c-5.932 0-11.7-.686-17.29-1.865"
2043            filter="url(#k)"
2044            opacity=".5"
2045        />
2046    </g>
2047</svg>        FALTER als bevorzugte Quelle auf Google
2048    </span>
2049    <span
2050        class="font-display mx-auto uppercase tracking-wider decoration-gray-600 decoration-dotted decoration-1 underline-offset-4 group-hover:underline group-focus:underline sm:mr-0">Hinzufügen</span>
2051</a>
2052            </div>
2053        </div>
2054    
2055    <!-- Main Content -->
2056    <main class="relative grid mb-8">
2057        <div class="container w-full bg-white bg-clip-content">
2058        <article class="no-first-letter prose lg:prose-lg mx-auto max-w-4xl py-8">
2059                                                                        <h1>FALTER-App für iOS &amp; Android</h1>
2060                                                                                <figure
2061        class="relative">
2062                <picture class="relative">
2063            <img class="mx-auto max-h-[66vh] bg-cover object-contain"
2064                srcset="https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=400 400w,
2065            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=640 640w,
2066            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=768 768w,
2067            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=960 960w,
2068            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=1200 1200w,
2069            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=1400 1400w,
2070            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=1750 1750w,
2071            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=2000 2000w,
2072            https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=2500 2500w"
2073                src="https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?width=400" alt=""
2074                style="background-image: url('https://cdn.falter.at/uploads/newsletters/falter-app-huge.png?quality=0&width=1')" onload="this.style.backgroundImage = 'none';"
2075                width="1438" height="1079"
2076                 sizes="(min-width: 1280px) 827px, (min-width: 1024px) 663px, (min-width: 640px) 580px, 100vw"
2077                                                                      loading="lazy"  />
2078                    </picture>
2079                    </figure>
2080                                                                                <p>Lesen Sie wöchentlich den vollständigen FALTER inklusive des beliebten Veranstaltungs- und Kinoprogrammes FALTER:WOCHE und weitere redaktionelle Beilagen wie die Wissenschaftsbeilage HEUREKA, die Bildungsbeilage THEMA, die Buch- und Kulturbeilagen und mehr komfortabel auf Ihrem iPad oder Android-Tablet sowie unterwegs auf Ihrem iPhone oder Android Phone.</p><p>Der Download der FALTER-App ist kostenlos. Die Beilagen können ebenfalls kostenlos gelesen werden. FALTER-Ausgaben können mittels Abologin von Abonnenten der Print-Ausgabe kostenlos heruntergeladen werden. Ohne Abo können einzelne Ausgaben des FALTER in der App direkt gekauft werden.</p>
2081                                                                                <section
2082    class="not-prose justify-start my-4 flex items-center">
2083    <a class="button flex items-center gap-x-2" href="http://itunes.apple.com/at/app/id506652286" rel="noopener nofollow"
2084         target="_blank" >
2085        <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
2086    <path stroke="currentColor" stroke-width="1.5" d="M2.917 10h11.666" />
2087    <path
2088        stroke="currentColor"
2089        stroke-linecap="round"
2090        stroke-linejoin="round"
2091        stroke-width="1.5"
2092        d="M10 4.167 15.833 10 10 15.833"
2093    />
2094</svg>        Für iOS im AppStore von Apple downloaden
2095    </a>
2096</section>
2097                                                                                <section
2098    class="not-prose justify-start my-4 flex items-center">
2099    <a class="button flex items-center gap-x-2" href="https://play.google.com/store/apps/details?id=com.tailoredapps.falter" rel="noopener nofollow"
2100         target="_blank" >
2101        <svg class="w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
2102    <path stroke="currentColor" stroke-width="1.5" d="M2.917 10h11.666" />
2103    <path
2104        stroke="currentColor"
2105        stroke-linecap="round"
2106        stroke-linejoin="round"
2107        stroke-width="1.5"
2108        d="M10 4.167 15.833 10 10 15.833"
2109    />
2110</svg>        Für Android im GooglePlay-Store downloaden
2111    </a>
2112</section>
2113                                                                                <h3>Features und Funktionen:</h3><ul><li><p>Archivfunktion: Sie können heruntergeladene Ausgaben offline lesen und diese bleiben in der App archiviert.</p></li><li><p>Artikel-Lesemodus: Lesen Sie einzelne Artikel durch Antippen in einer mobil optimierten Textansicht mit anpassbarer Schriftgröße, teilen Sie interessante Artikel mit Freunden und springen Sie direkt zum nächsten Artikel weiter.</p></li><li><p>Lesezeichen: Speichern Sie einzelne Artikel in Ihrer persönlichen Merkliste ab, um diese später zu lesen.</p></li><li><p>Volltextsuche: Durchsuchen Sie die gesamte Ausgabe im Volltext, gefundene Textstellen werden markiert.</p></li><li><p>Vorlesefunktion: Im Artikelmodus können Sie sich den Text auch vorlesen lassen.</p></li><li><p>Drucken Sie einzelne Artikel über WLAN aus.</p></li><li><p>Navigieren Sie einfach innerhalb der Ausgaben über Seitenminiaturen und Inhaltsverzeichnis</p></li><li><p>Verfügbarkeit: Lesen Sie den aktuellen FALTER bereits am Abend vor dem Erscheinungstag.</p></li></ul><h3>Datenschutzhinweise</h3><p>Die Übertragung sämtlicher Informationen in der App erfolgt über eine sichere, verschlüsselte Verbindung (https). Bitte beachten Sie, dass für die volle Funktionsfähigkeit der App folgende Berechtigungen auf Ihrem Handy akzeptiert werden müssen:</p><ul><li><p>Speicher: Um Ihre FALTER-Ausgaben am Gerät zu sichern bzw. wieder zu löschen, ist der Zugriff auf Ihren Handyspeicher nötig.</p></li><li><p>Telefon: Ihr Telefonstatus und Ihre Geräte-Identität wird für den Kauf- bzw. Downloadprozess benötigt.</p></li><li><p>Push-Nachrichten: Diese Berechtigung wird benötigt, um Sie über neue FALTER-Ausgaben zu informieren.</p></li><li><p>Andere: Zum Download von Ausgaben benötigt die App einen Internetzugang sowie eine Verbindung zu Google Play bzw. dem Apple App Store, um FALTER-Ausgaben ausserhalb Ihres Abos kaufen zu können.</p></li></ul><p>Weitere Informationen zum Schutz Ihrer Daten auf falter.at und in unseren Apps finden Sie in unserer <a rel="noopener" target="_blank" href="/datenschutz">Datenschutzerklärung</a>.</p>
2114                                                        </article>
2115    </div>
2116    </main>
2117
2118    <!-- Footer -->
2119    <footer
2120    class="select-none! font-display [&_a]:hover:bg-atoll-900 [&_a]:focus:bg-atoll-900 bg-black pb-16 pt-10 text-sm uppercase tracking-wider text-white [content-visibility:auto] [&_a]:rounded-xl [&_a]:px-2 [&_a]:py-0.5 [&_a]:transition [&_a]:duration-75"
2121    id="footer">
2122    <div class="container">
2123        <!-- Logo -->
2124        <div class="relative flex items-center justify-between">
2125            <svg class="h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283 89">
2126    <path
2127        fill="currentColor"
2128        d="m42.493 19.14-7.283-.895c.115-1.344.795-6.157.115-7.166-1.364-2.014-2.05-2.464-6.828-2.464H22.92V34.92h7.167c1.365 0 1.935-1.454 2.274-3.918l7.059.785-2.274 19.365-7.059-1.01c.23-1.345.57-5.147.115-5.932-.91-1.68-1.594-2.014-4.323-2.014h-2.96v34.368c0 1.679.795 2.239 2.165 2.239h2.39v6.60
21287H.5v-6.608h2.504c1.365 0 1.82-.675 1.82-2.238V10.3c0-1.789-.91-2.239-2.39-2.239H.5V1.454h34.71c1.365 0 1.935-.225 2.165-1.454l7.168.894-2.05 18.246Zm18.89 66.27v-6.49l1.48-.11c1.479-.116 2.164-.56 1.933-1.905l-1.364-9.74H52.39l-1.14 9.515c-.23 1.57.34 2.24 1.48 2.24h1.594v6.49H39.188v-6.606h1.365c1.025 0 1.819-.785 2.05-2.13L54.444 6.717c.225-1.345.225-3.25-.34-5.263h16.277l12.176 75.56c.23 1.12 1.14 1.68 2.274 1.796l1.364.11v6.49H61.382Zm-3.415-58.434-4.323 32.238h8.762L57.97 26.976Zm75.34 60.448-7.514-.669c.115-.894-.23-1.344-1.14-1.344h-34.03v-6.826h2.273c1.48 0 2.05-1.01 2.05-2.24V9.85c0-1.23-.795-1.789-1.82-1.789h-2.504V1.454h26.748v6.607h-2.504c-1.48 0-1.819.785-1.819 2.348V77.8h6.258c6.373 0 8.192-1.678 9.447-9.849l6.713.785-2.165 18.695.007-.006Zm43.472-68.4-7.628-.894c.115-1.23.909-4.587.115-6.492-.91-2.013-3.074-2.348-4.669-2.348h-3.299v67.165c0 1.345.57 2.355 2.165 2.355h2.619v6.607h-27.657V78.81h2.619c1.365 0 2.165-.895 2.165-2.69V9.29h-2.62c-5.348 0-6.603 3.583-7.398 9.74l-7.283-.894L127.62.56c1.249.334 5.463.894 7.852.894h34.141c1.14 0 1.595-.11 1.934-1.454l7.059.894-1.82 18.136-.006-.006Zm47.797 68.06-7.059-.56c0-.67-.455-1.12-1.479-1.12h-34.256v-6.606h2.505c1.594 0 1.819-.785 1.819-2.355V10.86c0-2.24-.57-2.799-2.165-2.799h-2.165V1.454h34.371c1.595 0 2.389-.11 2.619-1.454l7.059.894-2.05 18.246-7.398-1.01c.225-1.345.91-5.822.115-7.386-.685-1.229-2.504-2.13-4.208-2.13h-8.083v25.303h7.058c2.05 0 2.05-.894 2.389-3.918l7.168.895-2.165 19.14-7.283-1.005c.116-1.235.57-5.147.455-5.706-.685-1.795-2.049-2.13-4.439-2.13h-3.189v36.832h7.737c5.579 0 6.944-3.024 7.968-10.86l7.059.785-2.389 19.14.006-.006Zm51.556 1.904c-9.672-11.194-16.731-21.72-21.285-38.736h-1.819v26.532c0 1.229.34 2.013 2.274 2.013h2.05v6.608h-26.749v-6.608h2.274c1.71 0 2.05-.784 2.05-2.013v-66.15c0-1.788-.685-2.573-2.389-2.573h-1.935V1.454h20.6c16.73 0 28.907 6.607 28.907 23.623 0 9.065-3.184 16.792-9.563 20.375 1.479 8.061 5.803 28.436 11.952 40.75L276.127 89l.006-.012ZM253.72 8.73h-.685v33.583l.685-.11c4.894-.11 7.853-4.587 7.853-16.9 0-12.314-4.439-16.567-7.853-16.567V8.73Z"
2129    />
2130</svg>            <div class="absolute left-[60px] top-0 block h-full w-[8px] bg-transparent lg:left-[64px] lg:w-[9px]"
2131                id="note"></div>
2132            <button
2133                class="hover:bg-atoll-900 focus:bg-atoll-900 flex appearance-none items-center rounded-xl px-2 py-0.5 uppercase"
2134                data-navigation="footer" type="button" 
2135                @click="window.scrollTo({ top: 0, behavior: 'smooth' })">
2136                Nach Oben
2137                <svg class="h-3 ml-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
2138    <path stroke="currentColor" stroke-width="1.5" d="M10 17.083V5.417" />
2139    <path
2140        stroke="currentColor"
2141        stroke-linecap="round"
2142        stroke-linejoin="round"
2143        stroke-width="1.5"
2144        d="M4.167 10 10 4.167 15.833 10"
2145    />
2146</svg>            </button>
2147        </div>
2148        <div class="relative my-8">
2149            <hr class="bg-gray-500">
2150        </div>
2151
2152        <!-- Links -->
2153        <ul class="-mx-2 flex flex-wrap gap-x-2 gap-y-4">
2154                                                                        <li>
2155                            <a data-navigation="footer" href="/kontakt"
2156                                >
2157                                Kontakt
2158                            </a>
2159                        </li>
2160                                                                                <li>
2161                            <a data-navigation="footer" href="/service"
2162                                >
2163                                Abo-Service
2164                            </a>
2165                        </li>
2166                                                                                <li>
2167                            <a data-navigation="footer" href="/jobs"
2168                                >
2169                                Jobs
2170                            </a>
2171                        </li>
2172                                                                                <li>
2173                            <a data-navigation="footer" href="https://publishing.falterverlag.at/"
2174                                 target="_blank" rel="noopener noreferrer" >
2175                                Corporate Publishing
2176                            </a>
2177                        </li>
2178                                                                                <li>
2179                            <a data-navigation="footer" href="https://b2b.falter.at"
2180                                 target="_blank" rel="noopener noreferrer" >
2181                                Media Sales
2182                            </a>
2183                        </li>
2184                                                                                <li>
2185                            <a data-navigation="footer" href="/datenschutz"
2186                                >
2187                                Datenschutz
2188                            </a>
2189                        </li>
2190                                                                                <li>
2191                            <a data-navigation="footer" href="/offenlegung"
2192                                >
2193                                Impressum &amp; Offenlegung
2194                            </a>
2195                        </li>
2196                                                        </ul>
2197        <hr class="mask-none mt-4 h-auto border-0 border-t border-dotted border-gray-500 lg:hidden">
2198        <!-- FALTER Netzwerk -->
2199        <ul class="-mx-2 mt-4 flex flex-wrap gap-x-2 gap-y-4">
2200                                                                        <li>
2201                            <a data-navigation="footer" href="https://www.falter.at"
2202                                >
2203                                FALTER.at
2204                            </a>
2205                        </li>
2206                                                                                <li>
2207                            <a data-navigation="footer" href="https://shop.falter.at/"
2208                                 target="_blank" rel="noopener noreferrer" >
2209                                faltershop.at
2210                            </a>
2211                        </li>
2212                                                                                <li>
2213                            <a data-navigation="footer" href="https://www.falterverlag.at/"
2214                                 target="_blank" rel="noopener noreferrer" >
2215                                falterverlag.at
2216                            </a>
2217                        </li>
2218                                                                                <li>
2219                            <a data-navigation="footer" href="https://www.wuchtelwette.at/"
2220                                 target="_blank" rel="noopener noreferrer" >
2221                                Wuchtelwette
2222                            </a>
2223                        </li>
2224                                                                                <li>
2225                            <a data-navigation="footer" href="https://www.partytimer.at/"
2226                                 target="_blank" rel="noopener noreferrer" >
2227                                Partytimer
2228                            </a>
2229                        </li>
2230                                                        </ul>
2231    </div>
2232</footer>
2233    
2234                                    
2235    <!-- Scripts -->
2236    
2236<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"lbd6GsRFzzzm8s6QlnPFnvOlNuokrU5yQqP0YX6m","uri":"https:\/\/www.falter.at\/livewire-7d56c2c5\/update","moduleUrl":"https:\/\/www.falter.at\/livewire-7d56c2c5","progressBar":"","nonce":""};</script>
2236
2237</body>
2238
2239</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.