Webcam Lienz Hauptplatz, Zettersfeld, 673m

<!DOCTYPE html> <html lang="de"> <head> <title>Webcam Lienz Hauptplatz, Zettersfeld, 673m - bergfex</title> <meta charset="UTF-8"> <meta http-equiv="Content-Language" content="de"/> <meta name="language" content="de"/> <meta name="viewport" content="width=device-width, viewport-fit=cover"/> <meta name="robots" content="index, follow" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.bergfex.at", "logo": "https://www.bergfex.at/images/logo.png" } </script> <link rel="canonical" href="https://www.bergfex.at/lienz/webcams/c5960/" /> <meta name="theme-color" content="#2c63a2" media="(prefers-color-scheme: light)"/> <meta name="theme-color" content="#2c63a2" media="(prefers-color-scheme: dark)"/> <meta property="og:title" content="Webcam Lienz Hauptplatz, Zettersfeld, 673m - bergfex"/> <link rel="shortcut icon" type="image/x-icon" href="//vcdn.bergfex.at/images/favicons/favicon.ico"/> <link rel="icon" type="image/png" href="//vcdn.bergfex.at/images/favicons/favicon-32x32.png" sizes="32x32"/> <link rel="icon" type="image/png" href="//vcdn.bergfex.at/images/favicons/favicon-96x96.png" sizes="96x96"/> <link rel="apple-touch-icon" sizes="180x180" href="//vcdn.bergfex.at/images/favicons/apple-icon-180x180.png"/> <link rel="mask-icon" href="//vcdn.bergfex.at/images/mask-icon.svg" color="#1599ff"/><link rel="alternate" hreflang="de" href="https://www.bergfex.at/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="en" href="https://www.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="fr" href="https://www.bergfex.fr/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="it" href="https://it.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="es" href="https://www.bergfex.es/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="nl" href="https://nl.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="sv" href="https://se.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="no" href="https://no.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="da" href="https://dk.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="fi" href="https://fi.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="hu" href="https://hu.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="cs" href="https://www.bergfex.cz/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="sk" href="https://sk.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="pl" href="https://www.bergfex.pl/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="hr" href="https://hr.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="sl" href="https://www.bergfex.si/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="ru" href="https://ru.bergfex.com/lienz/webcams/c5960/" /> <link rel="alternate" hreflang="ro" href="https://ro.bergfex.com/lienz/webcams/c5960/" /><meta name="season" content="winter"> <script> var bergfex = bergfex || []; bergfex.datepicker = { language: 'de', daterange: { buttonText: { apply: 'Weiter', cancel: 'Zur眉cksetzen', } } } bergfex.search = { language: 'de', season: 'w', autocompleteEnabled: true, } bergfex.favorite = { save: 'Merken', saved: 'Gemerkt', success: { add: { headline: 'Favorit gemerkt', text: 'Der Eintrag wurde der Merkliste hinzugef眉gt.' }, remove: { headline: 'Favorit entfernt', text: 'Der Eintrag wurde von der Merkliste entfernt.' } }, error: { headline: 'Fehler!', text: 'Etwas ist schiefgelaufen. Versuche es bitte noch einmal.' } } bergfex.form = { validation: { after : 'Das Datum muss nach dem [PARAM] sein', afterOrEqual : 'Das Datum muss am bzw. nach dem [PARAM] sein', array : '[FIELD] sollte vom Typ array sein', before : 'Das Datum muss vor dem [PARAM] sein', beforeOrEqual : 'Das Datum muss vor bzw. am [PARAM] sein', boolean : '[FIELD] muss vom Typ boolean sein', date : '[FIELD] muss ein Datum sein', different : '[FIELD] darf nicht "[PARAM]" entsprechen', endsWith : '[FIELD] muss mit "[PARAM]" enden', email : '[FIELD] muss eine g眉ltige E-Mail-Adresse sein', falsy : '[FIELD] muss ein falscher Wert sein (false, \'false\', 0 or \'0\')', in : '[FIELD] muss einer dieser Optionen entsprechen: \"[PARAM]\"', integer : '[FIELD] muss einer Ganzzahl entsprechen', json : '[FIELD] muss ein parsbarer JSON-Objekt-String sein', max : '[FIELD] muss kleiner oder gleich [PARAM] sein', min : '[FIELD] muss gr枚脽er oder gleich [PARAM] sein', maxLength : '[FIELD] darf nicht mehr als [PARAM] Buchstaben haben', minLength : '[FIELD] darf nicht weniger als [PARAM] Buchstaben haben', notIn : '[FIELD] darf keine dieser Optionen entsprechen: \"[PARAM]\"', numeric : '[FIELD] muss eine Zahl sein', optional : '[FIELD] ist optional', regexMatch : '[FIELD] muss dem regul盲ren Ausdruck entsprechen: \"[PARAM]\"', required : 'F眉lle dieses Feld aus', same : '[FIELD] muss \"[PARAM]\" entsprechen', startsWith : '[FIELD] muss mit \"[PARAM]\" beginnen', string : '[FIELD] muss ein text sein', truthy : '[FIELD] muss akzeptiert werden', url : '[FIELD] muss eine g眉ltige Url sein', uuid : '[FIELD] muss eine g眉ltige UUID sein', field : 'Dieses Feld', } } </script> <script async type="module"> (function (w,d,s,l,i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MLZ3QJF'); </script><script defer src="https://cdn.stroeerdigitalgroup.de/metatag/live/SDG_ConsentOnly/metaTag.min.js" type="text/javascript"></script> <script> var jBlockTruncateSettings = { 'moreText': "mehr anzeigen", 'lessText': "weniger" }; window.acomtag = window.acomtag || { }; acomtag.data = acomtag.data || []; acomtag.data.push([ 'consent', ["true"] ]); acomtag.data.push([ 'category', ["ski","webcams"] ]); acomtag.data.push([ 'topcategory', ["sport"] ]); acomtag.data.push([ 'country', ["at"] ]); acomtag.data.push([ 'region', ["oesterreich.tirol.lienz"] ]); acomtag.data.push([ 'pageType', ["other"] ]); </script> <link rel="preload" as="style" href="https://vcdn.bergfex.at/build/assets/app-DkEsiEPq.css" /><link rel="stylesheet" href="https://vcdn.bergfex.at/build/assets/app-DkEsiEPq.css" data-navigate-track="reload" /><meta name="keywords" content=",,,,,脰sterreich,Skigebiet,Schigebiet,Wetterkamera,,Webcam,Cam,Livecam,"> <meta name="description" content="Webcam Lienz Hauptplatz, Lienzer Bergbahnen - Zettersfeld, 673m, Tirol, 脰sterreich. Livecam, Cam, Wettercam und Wetterkamera f眉r Live Wetter und Schnee."> <meta name="geonomap" content="0"> <meta name="geomap" content="keep"> <meta name="geocontext" content="Webcam_254577"> <meta name="geoposition" content="46.829629,12.768243,18,o"> <meta name="geotarget" content="1"> <meta name="geolayer" content="winter"> <meta name="geomapcontent" content="iframe"> <meta property="og:image" content="https://images.bergfex.at/webcams/?id=5960&format=4" /> <meta property="og:image:type" content="image/jpg" /> <meta property="og:image:width" content="1280" /> <meta property="og:image:height" content="244" /> </head> <body class="preload"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLZ3QJF" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script> window.addEventListener('DOMContentLoaded', () => { bergfex.content('skiresort', 'webcam', 'detail') }) </script> <div class="tw-header"> <nav class="tw-fixed tw-z-40 tw-top-0 tw-w-full" id="nav-main" :style="!searchOpen && { top: headerTop + 'px' }" x-data="header" @scroll.window="onScroll"> <div class="tw-main-container tw-flex tw-items-center tw-justify-between tw-text-3xl lg:tw-text-base tw-font-semibold lg:tw-font-semibold tw-transition-colors tw-bg-blue tw-text-white" :class="{ 'md:tw-bg-white': searchOpen }"> <div class="tw-flex-1 tw-py-5 md:tw-py-4.5 tw-relative lg:tw-z-30"> <a class="js-track tw-block tw-w-28 md:tw-w-32" data-tracking-event="navigation_header-menu" data-tracking-category="logo" href="/" title="bergfex Homepage"> <img src="/images/presentation/common/logo-white.svg" alt="bergfex Logo" :class="{ 'md:tw-hidden': searchOpen }"/> <img src="/images/presentation/common/logo.svg" alt="bergfex Logo" class="tw-hidden" :class="{ 'md:tw-block': searchOpen }"/> </a> </div> <div class="tw-fixed tw-inset-0 tw-backdrop-blur-xs tw-bg-brand-black/50 tw-transition-opacity" x-show="searchOpen || navigationOpen" x-transition.opacity.duration.300ms x-cloak @click="closeNavigation() || closeSearch()"></div> <div class="tw-header-navigation tw-peer tw-bg-white lg:tw-bg-transparent tw-text-brand-black lg:tw-text-white" :class="{ 'tw-is-open': navigationOpen }"> <a href="#" aria-label="Close Navigation" @click.prevent="toggleNavigation" class="js-track tw-absolute tw-text-24px tw-leading-0 lg:tw-hidden tw-top-0 tw-right-0 xs:tw-right-2 sm:tw-right-7 tw-px-4 tw-py-5" data-tracking-event="navigation_header-menu" data-tracking-category="closeMobileNav" > <i class="icon-menu-close"></i> </a> <ul class="tw-header-navigation-ul tw-group lg:tw-flex"> <li> <a href="/lp/winter/" class="js-track tw-transition tw-block tw-py-3 tw-pr-6 lg:tw-px-3 lg:tw-py-5 tw-relative lg:group-hover:tw-text-white/50 lg:!tw-opacity-100 group-hover:tw-opacity-60 hover:!tw-opacity-100 lg:hover:!tw-text-white " data-tracking-event="navigation_header-menu" data-tracking-category="winter" > Winter </a> </li><li> <a href="/lp/sommer/" class="js-track tw-transition tw-block tw-py-3 tw-pr-6 lg:tw-px-3 lg:tw-py-5 tw-relative lg:group-hover:tw-text-white/50 lg:!tw-opacity-100 group-hover:tw-opacity-60 hover:!tw-opacity-100 lg:hover:!tw-text-white " data-tracking-event="navigation_header-menu" data-tracking-category="summer" > Sommer </a> </li><li> <a href="/lp/wetter/" class="js-track tw-transition tw-block tw-py-3 tw-pr-6 lg:tw-px-3 lg:tw-py-5 tw-relative lg:group-hover:tw-text-white/50 lg:!tw-opacity-100 group-hover:tw-opacity-60 hover:!tw-opacity-100 lg:hover:!tw-text-white " data-tracking-event="navigation_header-menu" data-tracking-category="weather" > Wetter </a> </li><li> <a href="/lp/webcams/" class="js-track tw-transition tw-block tw-py-3 tw-pr-6 lg:tw-px-3 lg:tw-py-5 tw-relative lg:group-hover:tw-text-white/50 lg:!tw-opacity-100 group-hover:tw-opacity-60 hover:!tw-opacity-100 lg:hover:!tw-text-white " data-tracking-event="navigation_header-menu" data-tracking-category="webcams" > Webcams </a> </li><li> <a href="/oesterreich/unterkuenfte/" class="js-track tw-transition tw-block tw-py-3 tw-pr-6 lg:tw-px-3 lg:tw-py-5 tw-relative lg:group-hover:tw-text-white/50 lg:!tw-opacity-100 group-hover:tw-opacity-60 hover:!tw-opacity-100 lg:hover:!tw-text-white " data-tracking-event="navigation_header-menu" data-tracking-category="accommodations" > Unterk眉nfte </a> </li><li> <a href="/sommer/oesterreich/touren/" class="js-track tw-transition tw-block tw-py-3 tw-pr-6 lg:tw-px-3 lg:tw-py-5 tw-relative lg:group-hover:tw-text-white/50 lg:!tw-opacity-100 group-hover:tw-opacity-60 hover:!tw-opacity-100 lg:hover:!tw-text-white " data-tracking-event="navigation_header-menu" data-tracking-category="tours" > Touren </a> </li></ul></div> <div class="tw-header-actions tw-flex tw-group tw-justify-end tw-items-center tw-flex-1 tw-text-24px tw-leading-0"> <a class="js-track tw-transition-opacity group-hover:tw-opacity-50 hover:!tw-opacity-100 tw-p-2" aria-label="search" data-tracking-event="navigation_header-menu" data-tracking-category="search" @click.prevent="toggleSearch" href="#"> <i class="icon-search"></i> </a> <a class="js-track tw-transition-opacity group-hover:tw-opacity-50 hover:!tw-opacity-100 tw-p-2" aria-label="favourites" href="/mybergfex/favorites/" data-tracking-event="navigation_header-menu" data-tracking-category="favourite" > <i class="icon-favorite-o"></i> </a> <a class="tw-header-map-action tw-transition-opacity group-hover:tw-opacity-50 hover:!tw-opacity-100 tw-p-2 [@media(pointer:fine)]:tw-hidden md:!tw-block" href="#" aria-label="map" x-data="tracking" data-tracking-event="navigation_header-menu" :data-tracking-category="$store.map.isOpen ? 'map-close' : 'map-open'" @click.prevent="sendTracking($event); $store.map.toggleMap()"> <i class="icon-map" :class="{ 'icon-menu-close': $store.map.isOpen, 'icon-map': !$store.map.isOpen }"> </i> </a> <div class="tw-shrink-0"> <script> window.dataLayer?.push({ 'Login': false }); </script> <a href="/mybergfex/" aria-label="mybergfex" class="js-track tw-group tw-flex tw-items-end tw-transition-opacity hover:!tw-opacity-100 group-hover:tw-opacity-50" data-tracking-event="navigation_header-menu" data-tracking-category="mybergfex" data-tracking-data='{ "userLoggedIn": false }' > <div class="tw-m-2"> <i class="icon-user"></i> </div> </a> </div> <a href="#" aria-label="navigation" @click.prevent="toggleNavigation" data-tracking-event="navigation_header-menu" data-tracking-category="openMobileNav" class="js-track lg:tw-hidden tw-p-2 -tw-mr-2"> <i class="icon-menu"></i> </a> </div> </div> <div class="tw-absolute tw-left-0 -tw-top-full md:tw-top-0 tw-bg-white tw-w-full md:tw-transition-transform md:-tw-translate-y-full tw-z-20 tw-text-brand-black" :class="{ 'md:tw-translate-y-0': searchOpen }" @autocompleter-close="closeSearch" @autocompleter-item-selected="onSearchResultSelected"> <div class="tw-main-container"> <div class="tw-grid tw-grid-cols-12 tw-gap-4"> <div class="tw-flex tw-col-start-4 tw-items-start tw-col-span-9"> <div class="tw-flex-1 tw-p-0 md:tw-py-2"> <form method="get" action="/suchen/"> <div class="tw-group tw-relative tw-w-full" x-data="headerAutocomplete({ id:'q', endpoint:'/ajax/searchWidget/?m=2', minLength:'3', value:'', queryParams:'null' })" @click.away="closeList"> <div> <div class="tw-input-no-label tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all tw-bg-brand-light hover:!tw-bg-brand-white tw-ring-1 tw-ring-transparent tw-ring-inset focus-within:tw-z-50 focus-within:!tw-bg-brand-white hover:tw-ring-brand hover:focus-within:tw-ring-transparent " > <input type="search" autocomplete="off" :id="id" placeholder="Suchen" name="" x-model.fill="value" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" class=" !tw-border-none tw-peer tw-w-full tw-outline-none tw-text-base placeholder:text-brand-dark tw-rounded-lg tw-pr-12 tw-py-3 tw-pl-12 placeholder:tw-overflow-visible tw-bg-transparent !tw-ring-transparent tw-overflow-ellipsis" x-ref="dummy" /> <div class="tw-absolute tw-left-4 tw-top-3 tw-text-24px tw-leading-0 tw-pointer-events-none"> <i class="icon-search"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div><div x-ref="focusElement" class="tw-absolute tw-inset-0 md:tw-hidden" @click="clickInput"></div> </div></div> <div class="tw-autocompleter-overlay tw-h-[110vh] md:tw-h-auto tw-rounded-none" :class="{ 'tw-is-open': open }"> <div class="tw-autocompleter-overlay-container tw-mt-2 md:tw-mt-0"> <div class="md:tw-hidden tw-flex tw-items-center"> <div class="tw-input-no-label tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all tw-bg-brand-light hover:!tw-bg-brand-white tw-ring-1 tw-ring-transparent tw-ring-inset focus-within:tw-z-50 focus-within:!tw-bg-brand-white hover:tw-ring-brand hover:focus-within:tw-ring-transparent " > <input type="text" autocomplete="off" :id="id" placeholder="Suchen" name="q" x-model.fill="value" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" class="tw-cursor-pointer tw-appearance-none tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 focus:!tw-ring-brand !tw-border-none tw-peer tw-w-full tw-outline-none tw-text-base placeholder:text-brand-dark tw-rounded-lg tw-pr-12 tw-py-3 tw-pl-12 placeholder:tw-overflow-visible tw-bg-transparent !tw-ring-transparent tw-overflow-ellipsis" x-ref="autocomplete" /> <div class="tw-absolute tw-left-4 tw-top-3 tw-text-24px tw-leading-0 tw-pointer-events-none"> <i class="icon-search"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div></div><a href="#" class="tw-text-24px tw-transition-colors tw-leading-0 tw-px-4 tw-py-3 -tw-mr-4 hover:tw-text-brand" aria-label="Close Autocomplete List" @click.prevent="closeList"> <i class="icon-menu-close"></i> </a> </div> <input type="hidden" x-model="selectedId" x-ref="selectedId" name="" value=""/> <div class="tw-autocompleter-list" x-ref="autocompleterList" @mousemove="onAutocompleteMouseMove" @mouseleave="selected = null"> <div class="tw-autocompleter-items" :class="{ 'tw-is-open': open, 'md:tw-p-1': items.length > 0 }" x-ref="list"> <div class="tw-autocompleter-items-label" x-show="items.length > 0 && value.length < minLength">Suchverlauf</div> <div class="tw-autocompleter-items-label" x-show="items.length > 0 && value.length >= minLength">Suchvorschl盲ge</div> <template x-for="(item, index) in items" :key="index"> <div class="tw-autocompleter-item" data-index="index" :class="{ 'tw-bg-brand-light': index === selected }" x-html="item.label" :id="item.id" data-attributes="item.attributes" @mouseover="onAutocompleteHover(index)" @mousedown.prevent="selectItem(item)"></div> </template> <div class="tw-autocompleter-item" x-show="!isLoading && value.length >= minLength && items.length <= 0" x-cloak> Keine Ergebnisse gefunden </div> </div> </div> </div> </div> </div><button type="submit" class="tw-hidden"> Suchen </button> </form> </div> <a href="#" aria-label="Close Search" class="tw-text-24px tw-transition-colors tw-leading-0 tw-pt-6 md:tw-py-5 tw-ml-4 hover:tw-text-brand" @click.prevent="closeSearch"> <i class="icon-menu-close"></i> </a> </div> </div> </div> </div></nav> <div class="tw-h-16"></div> </div><div class="tw-main-container tw-p-0"> <script> var leafletMapOptions = { idCanvas: 'siteMapCanvas', idContainer: 'siteMap', minHeight: 450, maxHeight: Math.round(window.innerHeight * 0.66), zoom: 10, markerLayers: { skigebiete: { name: 'Skigebiete' }, langlaufen: { name: 'Langlaufen' }, unterkuenfte: { name: 'Unterk眉nfte' }, sommerinfos: { name: 'Sommer' }, wandertouren: { name: 'Wandertouren' }, alpintouren: { name: 'Alpintouren' }, wintertouren: { name: 'Wintertouren' }, biketouren: { name: 'Biketouren' }, lauftouren: { name: 'Lauftouren' }, badeseen: { name: 'Badeseen' } }, mapTypes: { oek: { name: 'bergfex OEK', title: 'bergfex 脰sterreichische Karte 1:50.000' }, osm: { name: 'bergfex OSM', title: 'bergfex OpenStreetMap' }, basemap: { name: 'Basemap', title: 'Basemap 脰sterreich' }, basemapOrtho: { name: 'Basemap Orthofoto', title: 'Basemap Orthofotos 脰sterreich' }, satellite: { name: 'Satellit', title: 'Satellit' }, roadmap: { name: 'Karte', title: 'Karte' } }, overlays: { slopes: { name: 'Hangneigung' }, cycling: { name: 'Radrouten' } }, controls: { mapZoomControl: { visible: function() { return !bergfex.isMobile; } }, mapTypeControl: { showAsDropDown: function() { return bergfex.isMobile; } }, mapSearchControl: { placeholder: 'In Karte suchen' }, fullScreenControl: { visible: function() { return !bergfex.isMobile; }, title: { 'false': 'Vollbild', 'true': 'Vollbild verlassen' } }, fullscreenContentControl: { i18n: { 'showContent': 'Inhalt einblenden', 'hideContent': 'Inhalt ausblenden' } }, elevationControl: { i18n: { uphill: 'Bergauf', downhill: 'Bergab', length: 'L盲nge', height: 'H枚he' } }, osmLegendControl: { language: 'de', i18n: { title: 'Legende' } }, oekLegendControl: { language: 'de', i18n: { title: 'Legende' } }, basemapLegendControl: { language: 'de', i18n: { title: 'Legende' } } }, layersDropDownContainer: { title: '<strong>Themen</strong> einblenden <div class="layers-icon"></div>' } }; document.addEventListener("DOMContentLoaded", function(event) { bergfex.libs.srcLeafletMapLibs = "/include/jsmin/leaflet-map8-d1ab1a892e2330575c498a2e8f88a5fa-1731939062.jsmin.js" }); </script><script> var gMapKey = "AIzaSyDhkXDPfuKgSZgCcKfDLRHNZFrsdbfQkiQ"; var mapEnabled = true; var mapHeight = 430; bergfex.libs = { }; bergfex.season = "winter"; </script><div x-data x-html="$store.map.mapContent" class="tw-relative"></div> </div><div id="content-main"><div class="tw-main-container tw-bg-brand-gray-10"> <script> window.onload = function() { bergfex.gtagEventWithData('webcam_view', { 'Skiresort': 'Lienzer Bergbahnen - Zettersfeld', 'Country': 'oesterreich', 'Federalstate': 'tirol', }); } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Winter", "item": "https://www.bergfex.at/lp/winter/"},{ "@type": "ListItem", "position": 2, "name": "Skigebiete \u00d6sterreich", "item": "https://www.bergfex.at/oesterreich/"},{ "@type": "ListItem", "position": 3, "name": "Tirol", "item": "https://www.bergfex.at/tirol/"},{ "@type": "ListItem", "position": 4, "name": "Lienzer Bergbahnen - Zettersfeld", "item": "https://www.bergfex.at/lienz/"},{ "@type": "ListItem", "position": 5, "name": "Webcams", "item": "https://www.bergfex.at/lienz/webcams/"},{ "@type": "ListItem", "position": 6, "name": "Webcam Lienz Hauptplatz"}] } </script> <nav> <div class="tw-grid tw-grid-cols-12 tw-gap-4"> <div class="tw-col-span-full lg:tw-col-span-2 tw-flex tw-items-center"> <a href="/lienz/webcams/" class="js-track tw-inline-flex !tw-no-underline tw-items-center tw-text-brand-black tw-text-s tw-font-semibold tw-w-max tw-max-w-full tw-py-2 tw-transition-colors hover:tw-text-brand" data-tracking-event="breadcrumbs-click-back" data-tracking-data='{ "Index": "5", "Selection": "Webcams" }'> <i class="icon-bread-arrow tw-text-12px tw-mr-2"></i> <span class="tw-text-ellipsis tw-overflow-hidden tw-whitespace-nowrap">Webcams</span> </a> </div> <div class="tw-hidden lg:tw-block tw-col-span-10"> <ul class="tw-flex tw-items-center tw-flex-wrap tw-w-full tw-my-1" aria-label="Breadcrumb"> <li class="tw-text-s tw-flex tw-gap-1 tw-items-center tw-pr-1"> <a href="/" class="js-track tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black" data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "0", "Selection": "Home" }'> Home </a> <i class="tw-text-6px tw-text-brand-black icon-cta-arrow-right" aria-hidden="true"></i> </li> <li class="tw-text-s tw-flex tw-gap-1 tw-pr-1 tw-items-center"> <a href="/lp/winter/" class="js-track tw-block tw-text-center tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black " data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "1", "Selection": "Winter" }'> Winter </a> <i class="tw-text-6px tw-text-brand-black icon-cta-arrow-right" aria-hidden="true"></i> </li> <li class="tw-text-s tw-flex tw-gap-1 tw-pr-1 tw-items-center"> <a href="/oesterreich/" class="js-track tw-block tw-text-center tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black " data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "2", "Selection": "Skigebiete 脰sterreich" }'> Skigebiete 脰sterreich </a> <i class="tw-text-6px tw-text-brand-black icon-cta-arrow-right" aria-hidden="true"></i> </li> <li class="tw-text-s tw-flex tw-gap-1 tw-pr-1 tw-items-center"> <a href="/tirol/" class="js-track tw-block tw-text-center tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black " data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "3", "Selection": "Tirol" }'> Tirol </a> <i class="tw-text-6px tw-text-brand-black icon-cta-arrow-right" aria-hidden="true"></i> </li> <li class="tw-text-s tw-flex tw-gap-1 tw-pr-1 tw-items-center"> <a href="/lienz/" class="js-track tw-block tw-text-center tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black " data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "4", "Selection": "Lienzer Bergbahnen - Zettersfeld" }'> Lienzer Bergbahnen - Zettersfeld </a> <i class="tw-text-6px tw-text-brand-black icon-cta-arrow-right" aria-hidden="true"></i> </li> <li class="tw-text-s tw-flex tw-gap-1 tw-pr-1 tw-items-center"> <a href="/lienz/webcams/" class="js-track tw-block tw-text-center tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black " data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "5", "Selection": "Webcams" }'> Webcams </a> <i class="tw-text-6px tw-text-brand-black icon-cta-arrow-right" aria-hidden="true"></i> </li> <li class="tw-text-s tw-flex tw-gap-1 tw-pr-1 tw-items-center"> <a href="" class="js-track js-slide-active tw-block tw-text-center tw-py-1 tw-text-brand-black/60 tw-transition-colors hover:tw-text-brand-black tw-pointer-events-none !tw-text-brand-black" data-tracking-event="breadcrumbs-click" data-tracking-data='{ "Index": "6", "Selection": "Webcam Lienz Hauptplatz" }'> Webcam Lienz Hauptplatz </a> </li> </ul> </div> </div> </nav> </div> <div class="tw-content-menu-slider tw-bg-white tw-pb-4 tw-full-width-mobile lg:tw-hidden lg:tw-mb-0"> <div class="tw-relative"> <div class="tw-overflow-hidden tw-z-20 tw-flex tw-items-center tw-justify-between js-contentmenu__slider splide"> <div class="splide__track !tw-static tw-w-full !tw-px-4 xs:!tw-px-6 sm:!tw-px-10 md:!tw-px-11"> <ul class="splide__list"> <li class="link-skiresort--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-skiresort !tw-text-brand-black" href="/lienz/" data-id="skiresort" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "overview", "Category": "Slider", "Index": "0" }' title="Skigebiet"> Skigebiet </a> </div> </li> <li class="link-unterkuenfte--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-unterkuenfte !tw-text-brand-black" href="/lienz/unterkuenfte/" data-id="unterkuenfte" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "unterkuenfte", "Category": "Slider", "Index": "1" }' title="Unterk眉nfte"> Unterk眉nfte </a> </div> </li> <li class="link-wetter--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-wetter !tw-text-brand-black" href="/lienz/wetter/" data-id="wetter" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "wetter", "Category": "Slider", "Index": "2" }' title="Wetter"> Wetter </a> </div> </li> <li class="link-schneebericht--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-schneebericht !tw-text-brand-black" href="/lienz/schneebericht/" data-id="schneebericht" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "schneebericht", "Category": "Slider", "Index": "3" }' title="Schneeh枚hen"> Schneeh枚hen </a> </div> </li> <li class="link-webcams--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-webcams !tw-text-brand-black" href="/lienz/webcams/" data-id="webcams" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "webcams", "Category": "Slider", "Index": "4" }' title="Webcams"> Webcams </a> </div> </li> <li class="link-preise--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-preise !tw-text-brand-black" href="/lienz/preise/" data-id="preise" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "preise", "Category": "Slider", "Index": "5" }' title="Preise"> Preise </a> </div> </li> <li class="link-kommentare--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-kommentare !tw-text-brand-black" href="/lienz/kommentare/" data-id="kommentare" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "kommentare", "Category": "Slider", "Index": "6" }' title="Kommentare und Diskussionen"> Kommentare </a> </div> </li> <li class="link-pauschalangebote--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-pauschalangebote !tw-text-brand-black" href="/lienz/pauschalangebote/" data-id="pauschalangebote" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "pauschalangebote", "Category": "Slider", "Index": "7" }' title="Angebote und Pauschalen"> Angebote </a> </div> </li> <li class="link-skiverleih--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-skiverleih !tw-text-brand-black" href="/lienz/skiverleih/" data-id="skiverleih" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "skiverleih", "Category": "Slider", "Index": "8" }' title="Skiverleih"> Skiverleih </a> </div> </li> <li class="link-sportanbieter--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-sportanbieter !tw-text-brand-black" href="/lienz/sportanbieter/" data-id="sportanbieter" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "sportanbieter", "Category": "Slider", "Index": "9" }' title="Sportanbieter"> Sportanbieter </a> </div> </li> <li class="link-crosscountry-skiing--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-crosscountry-skiing !tw-text-brand-black" href="/tirol/langlaufen/osttirol/" data-id="crosscountry-skiing" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "osttirol", "Category": "Slider", "Index": "10" }' title="Langlaufen"> Langlaufen </a> </div> </li> <li class="link-summer--contentmenu !tw-static splide__slide "> <div class="tw-text-m "> <a class="js-track tw-group tw-flex tw-py-2.5 tw-px-2 link-summer !tw-text-brand-black" href="/sommer/lienz/" data-id="summer" data-tracking-event="content-menu" data-tracking-data='{ "Selection": "sommer", "Category": "Slider", "Index": "11" }' title="Sommer"> Sommer </a> </div> </li> </ul> </div> </div> <div class="tw-bottom-0 tw-left-0 tw-h-px tw-absolute tw-w-full tw-bg-brand-gray-20 tw-z-0"></div> </div> </div> <main class="tw-main-container tw-flex tw-flex-col lg:tw-grid lg:tw-grid-cols-12 tw-gap-y-4 md:tw-gap-y-6 md:tw-gap-x-4 lg:tw-pt-6"> <aside class="lg:tw-flex lg:tw-flex-col lg:tw-col-span-2 lg:tw-gap-y-8 a tw-order-2 lg:tw-order-none"> <div class="lg:tw-flex lg:tw-flex-col lg:tw-gap-y-6"> <div class="lg:tw-col-span-2 tw-hidden lg:tw-block"> <div class="locationmap"> <img src="https://vcdn.bergfex.at/images/resized/09/373696facc115c09_61bbb34f5ce766fd@2x.png" alt="" width="129" height="72"/> <a href="/oesterreich/"> <img src="https://vcdn.bergfex.at/images/resized/42/6659587a3a307942_8ea4aadfdb6b9fa7@2x.png" alt="" width="129" height="72" class="layer"/> </a> <a class="locationred analytics-location-map-point analytics-location-map-point--" href="/oesterreich/" title="" style="left: 43.8461538462%; top: 80.5555555556%;"></a> </div> </div> <div class="tw-hidden lg:tw-block"> <div class="tw-flex tw-flex-col tw-gap-4"> <div class="tw-relative -tw-ml-2 tw-pr-1.5"> <ul> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "overview", "Category": "ContentMenu", "Index": "0" }' title="Skigebiet" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Skigebiet </span> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/unterkuenfte/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "unterkuenfte", "Category": "ContentMenu", "Index": "1" }' title="Unterk眉nfte" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Unterk眉nfte </span> <div class="tw-bg-brand-light tw-text-xs tw-font-semibold tw-rounded tw-p-1 tw-transition-colors tw-min-w-5 tw-text-center tw-shrink-0 group-hover:tw-bg-white">19</div> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/wetter/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "wetter", "Category": "ContentMenu", "Index": "2" }' title="Wetter" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Wetter </span> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/schneebericht/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "schneebericht", "Category": "ContentMenu", "Index": "3" }' title="Schneeh枚hen" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Schneeh枚hen </span> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/webcams/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "webcams", "Category": "ContentMenu", "Index": "4" }' title="Webcams" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Webcams </span> <div class="tw-bg-brand-light tw-text-xs tw-font-semibold tw-rounded tw-p-1 tw-transition-colors tw-min-w-5 tw-text-center tw-shrink-0 group-hover:tw-bg-white">14</div> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/preise/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "preise", "Category": "ContentMenu", "Index": "5" }' title="Preise" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Preise </span> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/kommentare/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "kommentare", "Category": "ContentMenu", "Index": "6" }' title="Kommentare und Diskussionen" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Kommentare </span> <div class="tw-bg-brand-light tw-text-xs tw-font-semibold tw-rounded tw-p-1 tw-transition-colors tw-min-w-5 tw-text-center tw-shrink-0 group-hover:tw-bg-white">2</div> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/pauschalangebote/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "pauschalangebote", "Category": "ContentMenu", "Index": "7" }' title="Angebote und Pauschalen" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Angebote </span> <div class="tw-bg-brand-light tw-text-xs tw-font-semibold tw-rounded tw-p-1 tw-transition-colors tw-min-w-5 tw-text-center tw-shrink-0 group-hover:tw-bg-white">5</div> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/skiverleih/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "skiverleih", "Category": "ContentMenu", "Index": "8" }' title="Skiverleih" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Skiverleih </span> <div class="tw-bg-brand-light tw-text-xs tw-font-semibold tw-rounded tw-p-1 tw-transition-colors tw-min-w-5 tw-text-center tw-shrink-0 group-hover:tw-bg-white">1</div> </a> </div> </li> <li > <div class="tw-relative"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-text-base tw-transition-colors tw-rounded tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-bg-brand-light " href="/lienz/sportanbieter/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "sportanbieter", "Category": "ContentMenu", "Index": "9" }' title="Sportanbieter" > <span class="tw-shrink tw-overflow-ellipsis tw-overflow-hidden"> Sportanbieter </span> <div class="tw-bg-brand-light tw-text-xs tw-font-semibold tw-rounded tw-p-1 tw-transition-colors tw-min-w-5 tw-text-center tw-shrink-0 group-hover:tw-bg-white">2</div> </a> </div> </li> </ul> <div class="tw-z-0 tw-absolute tw-right-0 tw-inset-y-0 tw-w-px tw-bg-brand-gray-40 tw-rounded-sm"></div> </div> <div class="tw-relative -tw-ml-2 tw-pr-1.5"> <ul class="tw-flex tw-flex-col tw-gap-1"> <li> <div class="tw-relative tw-font-semibold tw-text-m"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-transition-colors tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-text-brand" href="/tirol/langlaufen/osttirol/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "osttirol", "Category": "ContentMenu", "Index": "10" }' title="Langlaufen" > Langlaufen <div class="tw-rotate-180 tw-text-12px tw-opacity-0 tw-transition-opacity group-hover:tw-opacity-100"> <i class="icon-bread-arrow"></i> </div> </a> </div> </li> <li> <div class="tw-relative tw-font-semibold tw-text-m"> <a class="js-track tw-group tw-py-1 tw-px-2 tw-transition-colors tw-flex tw-gap-1 tw-justify-between tw-items-center hover:tw-text-brand" href="/sommer/lienz/" data-tracking-event="navigation_content-menu" data-tracking-data='{ "Selection": "sommer", "Category": "ContentMenu", "Index": "11" }' title="Sommer" > Sommer <div class="tw-rotate-180 tw-text-12px tw-opacity-0 tw-transition-opacity group-hover:tw-opacity-100"> <i class="icon-bread-arrow"></i> </div> </a> </div> </li> </ul> </div> </div> </div> </div> <a href="/redirect/d50b51/212/628/%2Fquiz%2F%3Fid%3D628%26utm_source%3Dbergfex%26utm_medium%3Dbanner%26utm_campaign%3Dgewinnspiel" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="quiz-card-click" target="_self" class="tw-relative tw-block tw-transition-colors hover:tw-bg-brand-light tw-rounded-2xl tw-p-2 -tw-mx-2 tw-h-full tw-mt-4 lg:!tw-mt-0 md:tw-hidden lg:tw-block !tw-h-auto" data-tracking-data='"{\u0022Category\u0022:\u0022quiz\u0022}"' > <div class="tw-ribbon tw-absolute tw-z-10 tw-py-1 tw-px-2 tw-bg-yellow tw-rounded-tl tw-rounded-r tw-text-s tw-font-semibold tw-text-brand-black after:tw-absolute after:tw-left-0 after:tw-top-full after:tw-border-b-8 after:tw-border-b-transparent after:tw-border-r-8 after:tw-border-r-brand-black tw-top-0 tw-left-0 tw-pointer-events-none"> Gewinnspiel </div> <div class="tw-relative tw-overflow-hidden tw-rounded-lg"> <img src="https://vcdn.bergfex.at/images/resized/f0/6ca1e41c00bdd0f0_9ba7b796ad75ba9d.jpg" alt="" class="tw-aspect-promotion tw-object-cover" /> <div class="tw-relative"> <div class="tw-bg-brand tw-w-full tw-px-2 tw-py-1 tw-text-s tw-text-white tw-font-semibold tw-rounded-b testtstsetssets" style="background-color: #AAAAAA; color: #FFFFFF;"> <div x-data="{ show: false }" x-transition.opacity x-show="show" x-init="setTimeout(() => show = true, 3000)" x-cloak class="tw-absolute tw-bottom-full tw-left-0 tw-right-0 tw-bg-brand-white/90 tw-p-2 tw-text-m tw-font-semibold tw-text-brand-black" > 2 N盲chte f眉r 2 Personen </div> <div> Gewinnspiel Region Villach </div> </div> </div> </div> <div class="tw-px-1"> </div> </a> <div class="tw-hidden lg:tw-block"> <div x-data="{ open: false }" class="-tw-ml-2 tw-pr-1.5"> <div class="tw-text-s tw-font-semibold tw-mb-2 tw-px-2"> Skigebiete in der N盲he </div> <ul> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" > <a href="/golzentipp-obertilliach-lesachtal/" class="tw-block"> Obertilliach / Golzentipp - Lesachtal </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" > <a href="/matrei/" class="tw-block"> Matrei / GG Resorts Kals-Matrei </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" > <a href="/kals-grossglockner/" class="tw-block"> Kals / GG Resorts Kals-Matrei </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" x-show="open" x-cloak> <a href="/skiheiligenblut/" class="tw-block"> Heiligenblut / Grossglockner </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" x-show="open" x-cloak> <a href="/koetschach-mauthen/" class="tw-block"> Vorhegg / K枚tschach / Mauthen </a> </li> </ul> <div class="tw-flex tw-items-center"> <i class="tw-cursor-pointer icon-cta-arrow-down tw-text-12px tw-transition hover:tw-text-brand tw-p-2" @click.prevent="open = !open" :class="{ 'tw-rotate-180': open }"></i> </div> </div> </div> <div class="tw-hidden lg:tw-block"> <div x-data="{ open: false }" class="-tw-ml-2 tw-pr-1.5"> <div class="tw-text-s tw-font-semibold tw-mb-2 tw-px-2"> Beliebteste Skigebiete </div> <ul> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" > <a href="/serfaus-fiss-ladis/" class="tw-block"> Serfaus - Fiss - Ladis </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" > <a href="/hintertux/" class="tw-block"> Hintertuxer Gletscher / Hintertux / Zillertal </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" > <a href="/kitzbuehel-kirchberg/" class="tw-block"> Kitzb眉hel / Kirchberg </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" x-show="open" x-cloak> <a href="/silvretta-arena-ischgl-samnaun/" class="tw-block"> Silvretta Arena Ischgl / Samnaun </a> </li> <li class="tw-py-1 tw-px-2 tw-text-s hover:tw-bg-brand-light tw-rounded tw-transition-colors" x-show="open" x-cloak> <a href="/soelden/" class="tw-block"> S枚lden </a> </li> </ul> <div class="tw-flex tw-items-center"> <i class="tw-cursor-pointer icon-cta-arrow-down tw-text-12px tw-transition hover:tw-text-brand tw-p-2" @click.prevent="open = !open" :class="{ 'tw-rotate-180': open }"></i> </div> </div> </div> </aside> <div class="md:tw-col-span-10 tw-order-1 md:tw-order-none"> <div class="tw-relative"> <div class="tw-flex tw-justify-between tw-gap-4"> <h1 class="tw-text-4xl"> <span class="tw-font-normal">Webcam</span> <span>Lienz Hauptplatz</span> </h1> <div class="xs:-tw-mt-80 xs:tw-invisible tw-shrink-0"> <picture> <source srcset="https://vcdn.bergfex.at/images/resized/35/d6e48c4ffbfd8335_dcd2fa4d2d771db7@2x.png 2x" media="(min-resolution: 192dpi)" type="image/png"> <img width="96" height="60" class="tw-object-contain tw-max-w-24 tw-max-h-15 md:tw-max-h-16 md:tw-max-w-32" src="https://vcdn.bergfex.at/images/resized/e9/3d8cb4391b3b1be9_ed197217bf6eee88.png" alt="Logo Lienz Hauptplatz" loading="eager"> </picture> </div> </div> <div class="tw-flex tw-flex-wrap tw-items-center tw-mt-2 tw-gap-4"> <div class="tw-flex tw-items-center"> <span class="tw-block tw-text-m"> 673 m </span> </div> <div class="tw-flex tw-gap-2"> <div> <a class="tw-flex tw-items-center tw-py-1 tw-px-2 tw-gap-1 tw-ring-1 tw-rounded tw-ring-brand-gray-40 tw-group hover:tw-bg-brand-light tw-transition hover:tw-ring-brand-light" href="#" x-data="tracking" data-tracking-event="comp_header-button_click" :data-tracking-category="$store.map.isOpen ? 'map-close' : 'map-open'" data-tracking-data='{ "Category": "Schigebiete", "Country": "oesterreich", "Federalstate": "tirol" }' @click.prevent="sendTracking($event); $store.map.toggleMap()" > <i class="icon-map-s tw-text-12px group-hover:tw-text-brand tw-transition-colors"></i> <span class="tw-text-s group-hover:tw-text-brand tw-transition"> Karte <span class="tw-hidden md:tw-inline" :class="{ 'md:tw-hidden': $store.map.isOpen, 'md:tw-inline': !$store.map.isOpen }"> anzeigen </span> <span class="tw-hidden" x-cloak :class="{ 'md:tw-hidden': !$store.map.isOpen, 'md:tw-inline': $store.map.isOpen }"> ausblenden </span> </span> </a> </div> </div> </div> <div class="tw-hidden xs:tw-block tw-absolute tw-max-h-full tw-right-0 tw-top-0 tw-h-16"> <picture> <source srcset="https://vcdn.bergfex.at/images/resized/35/d6e48c4ffbfd8335_dcd2fa4d2d771db7@2x.png 2x" media="(min-resolution: 192dpi)" type="image/png"> <img width="128" height="64" class="tw-object-contain tw-max-w-24 tw-max-h-15 md:tw-max-h-full md:tw-max-w-32" src="https://vcdn.bergfex.at/images/resized/e9/3d8cb4391b3b1be9_ed197217bf6eee88.png" alt="Logo Lienz Hauptplatz" loading="eager"> </picture> </div> </div><div class="tw-h-4 md:tw-h-6 tw-w-full"></div><script> window.addEventListener('message', function(event) { if (Number.isInteger(event.data)) { document.getElementById('webcam-viewer-iframe-container').style.height = event.data + 'px'; } }); </script> <iframe scrolling="no" allowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen src="https://content.bergfex.at/webcam/?id=5960&initTagManager=1&showCopyright=0" class="tw-w-full tw-overflow-hidden tw-min-h-80 md:tw-min-h-96" id="webcam-viewer-iframe-container" title="webcam-viewer"></iframe> <div class="tw-text-s tw-flex tw-flex-col md:tw-flex-row md:tw-justify-between tw-gap-y-4 md:tw-gap-y-0 tw-my-4 md:tw-gap-x-2"> <div x-data="{ height: $el.getBoundingClientRect().height }" @resize.window="height = $el.getBoundingClientRect().height" class="tw-flex tw-gap-x-2 tw-flex-wrap md:tw-flex-nowrap tw-gap-y-1 md:tw-overflow-hidden"> <span class="tw-opacity-60 md:tw-whitespace-nowrap md:tw-text-ellipsis md:tw-overflow-hidden"> 漏 Permedia.at </span> </div> </div> <div class="tw-flex tw-flex-col tw-gap-y-4 md:tw-gap-y-6"> <div class="md:tw-col-span-10"> <div class="tw-relative md:tw-px-21 tw-my-4 md:tw-my-0 md:tw-py-4 md:tw-bg-brand-gray-10 md:tw-rounded-lg"> <div class="tw-absolute md:tw-hidden -tw-inset-x-4 xs:-tw-inset-x-6 sm:-tw-inset-x-11 -tw-top-4 -tw-bottom-4 tw-bg-brand-gray-10"></div> <div x-data="slider({ padding: `1`, snap: `0`, progress: `1`, controls: `1`, gap: `0rem`, drag: `1`, mobileVisibleSlides: `2`, })" class="splide tw-relative" @update-splide-slider.window="init"> <div class="tw-relative"> <div class="tw-flex tw-justify-between tw-items-end " > <div class="splide__arrows tw-gap-x-2 tw-flex tw-touch-manipulation" :class="{ 'tw-hidden': possibleSlides === 0 }"> <button class="splide__arrow splide__arrow--prev tw-slider-arrow tw-left-0 md:hover:enabled:tw-border-none md:hover:enabled:!tw-bg-white md:tw-absolute md:tw-z-10 md:tw--left-14 md:tw-top-4"> <span class="icon-chevron-left"></span> </button> <button class="splide__arrow splide__arrow--next tw-slider-arrow tw-right-0 md:hover:enabled:tw-border-none md:hover:enabled:!tw-bg-white md:tw-absolute md:tw-z-10 md:tw--right-14 md:tw-top-4"> <span class="icon-chevron-right"></span> </button> </div> </div> <div class="splide__track -tw-mx-4 xs:-tw-mx-6 sm:-tw-mx-11 md:-tw-mx-1 "> <ul class="splide__list tw-slider-sm "> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c16476/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":16476,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":0}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <div class="tw-absolute tw-left-1 tw-top-1"> <div class="tw-py-1 tw-px-2 tw-rounded tw-bg-brand-white tw-text-brand-black group-hover/card:tw-text-brand-white group-hover/card:tw-bg-brand-white/20 tw-transition-colors tw-flex tw-items-center tw-text-s"> <i class="icon-badge-360 tw-text-12px"></i> </div> </div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=16476&2" alt="Zettersfeld - Bergstation Steinermandl" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c4877/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":4877,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":1}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=4877&2" alt="Lienz/Zettersfeld" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c1301/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":1301,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":2}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=1301&2" alt="Hochsteinh眉tte" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c2068/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":2068,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":3}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=2068&2" alt="Zettersfeld /Obergaimberg" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c5031/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":5031,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":4}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=5031&2" alt="Meckisalm / Zettersfeld" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 js-splide-active"> <a href="/lienz/webcams/c5960/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":5960,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":5}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 tw-ring-inset tw-ring-2 tw-ring-brand "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=5960&2" alt="Lienz Hauptplatz" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c5963/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":5963,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":6}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=5963&2" alt="Tristachersee" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c13626/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":13626,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":7}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=13626&2" alt="Ederplan" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c16069/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":16069,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":8}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=16069&2" alt="Lienz Faschingalm" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c23965/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":23965,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":9}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=23965&2" alt="Lavant - Dolomitengolf" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c23966/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":23966,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":10}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=23966&2" alt="Lavant - Dolomitengolf" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c23968/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":23968,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":11}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=23968&2" alt="Lavant - Dolomitengolf" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c24146/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":24146,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":12}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=24146&2" alt="Lienz - Zettersfeld" loading="lazy"> </div> </div> </a> </li> <li class="splide__slide tw-w-[44%] sm:tw-w-[35%] md:tw-w-1/6 "> <a href="/lienz/webcams/c8458/" class="js-track tw-block tw-h-full" data-tracking-event="webcam-slider-click" data-tracking-data="{"Webcam":8458,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Selection":"lienz","Index":13}" > <div class="tw-relative tw-transition-colors tw-p-1 tw-rounded-xl md:hover:tw-bg-brand-light tw-h-full tw-bg-brand-gray-10 "> <div class="tw-group/card tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-40 before:tw-transition before:tw-absolute before:tw-inset-0 before:tw-opacity-0 before:tw-bg-brand-black hover:before:tw-opacity-50"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-video tw-max-h-64" src="//images.bergfex.at/webcams/?id=8458&2" alt="Amlach - Naturrodelbahn Lienzer - Dolomiten" loading="lazy"> </div> </div> </a> </li> </ul> </div> <div class="tw-h-9 md:tw-h-auto tw-flex tw-items-center tw-mt-4 tw-mx-9 md:tw-mx-0" :class="{ 'tw-hidden': possibleSlides === 0 }"> <div class="splide tw-relative tw-h-1 tw-mx-10 md:tw-mx-0 tw-w-full tw-group/progressBar" x-ref="progressbar"> <div class="splide__track tw-rounded-sm group-hover/progressBar:tw-rounded-md -tw-translate-y-1/2 tw-transition-all tw-cursor-pointer"> <ul class="splide__list"> <template x-for="i in possibleSlides"> <li class="splide__slide -tw-my-4 tw-py-4 no-drag"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div> </li> </template> <template x-for="i in possibleSlides + 1"> <li class="splide__slide -tw-my-4 tw-py-4" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div> </li> </template> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="tw-flex tw-flex-col tw-gap-8 md:tw-gap-12"> <div class="tw-flex tw-flex-col tw-gap-4"> <div class="tw-flex tw-flex-col md:tw-grid md:tw-grid-cols-10 tw-gap-4 md:tw-gap-y-0"> <div class="md:tw-order-first md:tw-col-span-6 tw-flex tw-flex-col tw-gap-4 md:tw-gap-8"> <div class="md:tw-hidden"> <div x-data="modalAjax"> <div class="tw-infocard-group"> <div class="tw-infocard tw-flex tw-group tw-justify-center tw-items-center tw-w-full tw-rounded-lg tw-ring-1 tw-ring-brand-gray-40 tw-transition hover:tw-bg-brand-light hover:tw-ring-brand-light "> <a href="#" class="js-track tw-block tw-h-full tw-w-full tw-rounded-lg" data-tracking-event="webcam_engagement" data-tracking-data="{"Selection":"Archiv"}"@click.prevent="toggle('/presentation/api/component/skiresortWebcamDetailArchive?camId=5960')" > <div class="tw-flex tw-flex-col tw-justify-between"> <div class="tw-flex tw-gap-2 tw-items-center tw-p-4"> <div class="tw-text-20px tw-leading-0"><i class="icon-archive"></i></div> <div class="tw-text-m tw-font-semibold"> Archivbilder anzeigen </div> <div class="tw-flex tw-ml-auto tw-rounded-full tw-bg-brand-gray-10 tw-text-brand-black tw-transition-colors group-hover:tw-bg-white hover:!tw-bg-brand hover:tw-text-white"> <i class="icon-cta-arrow-right tw-text-12px tw-p-1"></i> </div> </div> </div> </a> </div> </div> <div tabindex="0" @keydown.escape="close" x-trap="open" @modal-close="close" @modal-load-page="loadPage" @modal-page-header="setHeader"> <div x-show="open" x-transition.opacity.duration.300ms @click="close" x-cloak class="tw-backdrop-blur-xs tw-z-40 tw-fixed tw-inset-0 tw-bg-brand-black/50"> </div> <div x-show="open" x-cloak x-transition:enter-start="!tw-bottom-0 !tw-translate-y-full" x-transition:leave-end="!tw-bottom-0 !tw-translate-y-full" class="tw-flex tw-flex-col tw-fixed tw-z-50 tw-transition-all tw-pointer-events-none md:tw-main-container md:tw-bg-transparent tw-bottom-0 md:tw-bottom-1/2 md:tw-translate-y-1/2 tw-inset-x-0 tw-max-h-[calc(100%_-_4rem)] "> <div class="tw-flex tw-relative tw-pointer-events-auto tw-bg-white tw-w-full tw-m-auto tw-rounded-t-2xl tw-max-h-full tw-flex-grow-0 tw-flex-shrink tw-basis-full md:tw-w-[780px] tw-max-w-full md:tw-rounded-2xl" :class="{ 'tw-overflow-hidden': !isSearchModal }"> <div class="tw-flex tw-flex-col md:tw-relative tw-w-full tw-rounded-t-2xl md:tw-rounded-2xl" :class="{ 'tw-overflow-hidden': !isSearchModal }"> <a class="tw-absolute tw-z-50 tw-top-4 md:tw-top-8 tw-right-4 md:tw-right-8 tw-h-8 tw-w-8 tw-flex tw-items-center tw-justify-center tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-bg-white tw-leading-0 tw-transition hover:tw-ring-brand-light hover:tw-text-brand hover:tw-bg-brand-light" href="#" @click.prevent="close(true)"> <i class="icon-close"></i> </a> <div class="tw-w-full md:tw-flex-auto tw-max-h-[calc(100vh_-_4rem)] tw-p-4 md:tw-p-8" :class="{ 'tw-overflow-auto': !isSearchModal }" :class="{ 'tw-max-h-full': contentHeight > 0 }" :style="{ 'height': contentHeight+'px' }" > <div x-ref="content"> </div> <div x-show="error" x-cloak> <div class="tw-text-4xl tw-mb-6">Error</div> Ein Fehler ist aufgetreten. Bitte versuche es erneut. </div> </div> </div> </div> </div> </div></div> </div> <div class="tw-flex tw-flex-col tw-gap-y-4"> <div class="md:tw-block tw-hidden"> <div x-data="modalAjax"> <div class="tw-infocard-group"> <div class="tw-infocard tw-flex tw-group tw-justify-center tw-items-center tw-w-full tw-rounded-lg tw-ring-1 tw-ring-brand-gray-40 tw-transition hover:tw-bg-brand-light hover:tw-ring-brand-light "> <a href="#" class="js-track tw-block tw-h-full tw-w-full tw-rounded-lg" data-tracking-event="webcam_engagement" data-tracking-data="{"Selection":"Archiv"}"@click.prevent="toggle('/presentation/api/component/skiresortWebcamDetailArchive?camId=5960')" > <div class="tw-flex tw-flex-col tw-justify-between"> <div class="tw-flex tw-gap-2 tw-items-center tw-p-4"> <div class="tw-text-20px tw-leading-0"><i class="icon-archive"></i></div> <div class="tw-text-m tw-font-semibold"> Archivbilder anzeigen </div> <div class="tw-flex tw-ml-auto tw-rounded-full tw-bg-brand-gray-10 tw-text-brand-black tw-transition-colors group-hover:tw-bg-white hover:!tw-bg-brand hover:tw-text-white"> <i class="icon-cta-arrow-right tw-text-12px tw-p-1"></i> </div> </div> </div> </a> </div> </div> <div tabindex="0" @keydown.escape="close" x-trap="open" @modal-close="close" @modal-load-page="loadPage" @modal-page-header="setHeader"> <div x-show="open" x-transition.opacity.duration.300ms @click="close" x-cloak class="tw-backdrop-blur-xs tw-z-40 tw-fixed tw-inset-0 tw-bg-brand-black/50"> </div> <div x-show="open" x-cloak x-transition:enter-start="!tw-bottom-0 !tw-translate-y-full" x-transition:leave-end="!tw-bottom-0 !tw-translate-y-full" class="tw-flex tw-flex-col tw-fixed tw-z-50 tw-transition-all tw-pointer-events-none md:tw-main-container md:tw-bg-transparent tw-bottom-0 md:tw-bottom-1/2 md:tw-translate-y-1/2 tw-inset-x-0 tw-max-h-[calc(100%_-_4rem)] "> <div class="tw-flex tw-relative tw-pointer-events-auto tw-bg-white tw-w-full tw-m-auto tw-rounded-t-2xl tw-max-h-full tw-flex-grow-0 tw-flex-shrink tw-basis-full md:tw-w-[780px] tw-max-w-full md:tw-rounded-2xl" :class="{ 'tw-overflow-hidden': !isSearchModal }"> <div class="tw-flex tw-flex-col md:tw-relative tw-w-full tw-rounded-t-2xl md:tw-rounded-2xl" :class="{ 'tw-overflow-hidden': !isSearchModal }"> <a class="tw-absolute tw-z-50 tw-top-4 md:tw-top-8 tw-right-4 md:tw-right-8 tw-h-8 tw-w-8 tw-flex tw-items-center tw-justify-center tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-bg-white tw-leading-0 tw-transition hover:tw-ring-brand-light hover:tw-text-brand hover:tw-bg-brand-light" href="#" @click.prevent="close(true)"> <i class="icon-close"></i> </a> <div class="tw-w-full md:tw-flex-auto tw-max-h-[calc(100vh_-_4rem)] tw-p-4 md:tw-p-8" :class="{ 'tw-overflow-auto': !isSearchModal }" :class="{ 'tw-max-h-full': contentHeight > 0 }" :style="{ 'height': contentHeight+'px' }" > <div x-ref="content"> </div> <div x-show="error" x-cloak> <div class="tw-text-4xl tw-mb-6">Error</div> Ein Fehler ist aufgetreten. Bitte versuche es erneut. </div> </div> </div> </div> </div> </div></div> </div> <div class="tw-hidden md:tw-block"> <h2 class="tw-text-4xl tw-mb-4 md:tw-hidden">Skigebiet Lienzer Bergbahnen - Zettersfeld</h2> <div class="tw-infocard tw-flex tw-group tw-justify-center tw-items-center tw-w-full tw-rounded-lg tw-ring-1 tw-ring-brand-gray-40 tw-transition hover:tw-bg-brand-light hover:tw-ring-brand-light tw-hidden md:tw-block"> <a href="/lienz/schneebericht/" class="js-track tw-block tw-h-full tw-w-full tw-rounded-lg" data-tracking-event="comp_skiresort-current-information_click" data-tracking-category="current-information" > <div class="tw-flex tw-flex-col tw-justify-between"> <div class="tw-flex tw-gap-2 tw-items-center tw-p-4"> <h2 class="tw-text-m tw-font-semibold"> Aktuelle Information <span class="tw-ml-1 tw-text-m tw-whitespace-nowrap">Heute, 08:17</span> </h2> <div class="tw-flex tw-ml-auto tw-rounded-full tw-bg-brand-gray-10 tw-text-brand-black tw-transition-colors group-hover:tw-bg-white hover:!tw-bg-brand hover:tw-text-white"> <i class="icon-cta-arrow-right tw-text-12px tw-p-1"></i> </div> </div> <div class="tw-relative tw-p-4 tw-pt-3"> <div class="tw-absolute tw-z-0 tw-inset-x-0 tw-top-0 tw-h-8 tw-bg-gradient-to-b tw-from-brand-light tw-opacity-50"></div> <div class="tw-relative tw-z-0"> <div class="tw-@container"> <div class="tw-grid tw-grid-cols-2 @md:tw-grid-cols-3 tw-gap-4"> <div class="tw-pr-4"> <h3 class="tw-text-s">Offene Lifte</h3> <div> <span class="tw-text-6xl tw-font-normal">4</span> <span class="tw-text-m">/ 6</span> </div> <div class="tw-relative tw-bg-brand-gray-40 tw-h-1 tw-w-full tw-rounded-sm tw-overflow-hidden"> <div class="tw-absolute tw-left-0 tw-inset-y-0 tw-bg-brand" style="width: 66.6666666667%"></div> </div> </div> <div class="tw-pl-4"> <h3 class="tw-text-s tw-mb-2">Schneeh枚he</h3> <div class="tw-flex tw-flex-col tw-gap-1"> <div class="tw-text-m"> <span class="tw-font-semibold">Berg:</span> <span>50 cm</span> </div> <div class="tw-text-m"> <span class="tw-font-semibold">Tal:</span> <span>40 cm</span> </div> </div> </div> <div class="tw-hidden @md:tw-flex tw-items-end tw-justify-end"> <div class="tw-text-s tw-font-semibold tw-ring-brand-gray-40 hover:tw-bg-brand-light hover:tw-text-brand hover:tw-ring-brand-light tw-py-2 tw-px-3 tw-justify-center js-track tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap !tw-w-auto group-hover:tw-bg-white group-hover:tw-ring-transparent hover:!tw-bg-brand hover:!tw-text-white" > Schneebericht </div> </div> </div> </div> </div> </div> </div> </a> </div> </div> <div class="tw-text-m tw-flex tw-gap-1 tw-mb-4 md:tw-mb-0 tw-flex-wrap"> <span>Kennst Du weitere Webcams?</span> <a href="mailto:webcams@bergfex.at?subject=Webcams-Lienzer Bergbahnen - Zettersfeld" class="tw-font-semibold tw-transition-colors tw-underline hover:tw-text-brand">Kontakt aufnehmen</a> </div> </div> </div> <div class="tw-order-4 md:tw-order-first tw-flex tw-flex-col tw-gap-4 md:tw-row-span-2 md:tw-col-span-4"> <div class="tw-hidden md:tw-block"> <div class="tailwind"> <div class='tw-@container tw-contain-layout '> <div class='promotion-holder_content-webcams'> <div class='promotion-spacer isLoading' data-zoneid='46'></div> <div class='adzone_content partner adzone' data-zoneid='46' data-geo='oesterreich.tirol.lienz' data-tags='skigebiet'></div> </div> </div> </div> </div> <div class="md:tw-hidden tw-pt-4"> <div class=""> <h2 class="tw-text-2xl tw-mb-4 md:tw-hidden">Skigebiet Lienzer Bergbahnen - Zettersfeld</h2> <div class="tw-infocard tw-flex tw-group tw-justify-center tw-items-center tw-w-full tw-rounded-lg tw-ring-1 tw-ring-brand-gray-40 tw-transition hover:tw-bg-brand-light hover:tw-ring-brand-light "> <a href="/lienz/schneebericht/" class="js-track tw-block tw-h-full tw-w-full tw-rounded-lg" data-tracking-event="comp_skiresort-current-information_click" data-tracking-category="current-information" > <div class="tw-flex tw-flex-col tw-justify-between"> <div class="tw-flex tw-gap-2 tw-items-center tw-p-4"> <h2 class="tw-text-m tw-font-semibold"> Aktuelle Information <span class="tw-ml-1 tw-text-m tw-whitespace-nowrap">Heute, 08:17</span> </h2> <div class="tw-flex tw-ml-auto tw-rounded-full tw-bg-brand-gray-10 tw-text-brand-black tw-transition-colors group-hover:tw-bg-white hover:!tw-bg-brand hover:tw-text-white"> <i class="icon-cta-arrow-right tw-text-12px tw-p-1"></i> </div> </div> <div class="tw-relative tw-p-4 tw-pt-3"> <div class="tw-absolute tw-z-0 tw-inset-x-0 tw-top-0 tw-h-8 tw-bg-gradient-to-b tw-from-brand-light tw-opacity-50"></div> <div class="tw-relative tw-z-0"> <div class="tw-@container"> <div class="tw-grid tw-grid-cols-2 @md:tw-grid-cols-3 tw-gap-4"> <div class="tw-pr-4"> <h3 class="tw-text-s">Offene Lifte</h3> <div> <span class="tw-text-6xl tw-font-normal">4</span> <span class="tw-text-m">/ 6</span> </div> <div class="tw-relative tw-bg-brand-gray-40 tw-h-1 tw-w-full tw-rounded-sm tw-overflow-hidden"> <div class="tw-absolute tw-left-0 tw-inset-y-0 tw-bg-brand" style="width: 66.6666666667%"></div> </div> </div> <div class="tw-pl-4"> <h3 class="tw-text-s tw-mb-2">Schneeh枚he</h3> <div class="tw-flex tw-flex-col tw-gap-1"> <div class="tw-text-m"> <span class="tw-font-semibold">Berg:</span> <span>50 cm</span> </div> <div class="tw-text-m"> <span class="tw-font-semibold">Tal:</span> <span>40 cm</span> </div> </div> </div> <div class="tw-hidden @md:tw-flex tw-items-end tw-justify-end"> <div class="tw-text-s tw-font-semibold tw-ring-brand-gray-40 hover:tw-bg-brand-light hover:tw-text-brand hover:tw-ring-brand-light tw-py-2 tw-px-3 tw-justify-center js-track tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap !tw-w-auto group-hover:tw-bg-white group-hover:tw-ring-transparent hover:!tw-bg-brand hover:!tw-text-white" > Schneebericht </div> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> <div class="md:tw-hidden"> <div class="tailwind"> <div class='tw-@container tw-contain-layout '> <div class='promotion-holder_content-webcams'> <div class='promotion-spacer isLoading' data-zoneid='46'></div> <div class='adzone_content partner adzone' data-zoneid='46' data-geo='oesterreich.tirol.lienz' data-tags='skigebiet'></div> </div> </div> </div> </div> <div class="md:tw-hidden"> <div class="tw-flex tw-gap-4 md:tw-gap-6 tw-flex-col"> <div> <h2 class="tw-mb-4 tw-text-4xl"> Finde deine Unterkunft </h2> <div class="tw-full-width-mobile"> <div x-data="formSearchAccommodation('/lienz/unterkuenfte/')" @autocompleter-item-selected="autocompleteSelect" @autocompleter-reset="autocompleteReset"> <form :action="action" method="post" action="/lienz/unterkuenfte/" x-ref="form" @submit.prevent="submit" data-season="winter"> <div class="tw-flex tw-flex-col tw-gap-3 tw-items-center tw-p-4 sm:tw-px-10 md:tw-px-4 tw-bg-brand-light md:tw-flex-row md:tw-gap-0 md:tw-p-3 md:tw-pl-3 md:tw-pr-5 md:tw-rounded-2xl"> <div class="tw-flex tw-group/textTransparentContainer tw-flex-col tw-gap-2 tw-w-full tw-transition-colors focus-within:tw-bg-transparent tw-rounded-lg md:tw-flex-row md:tw-gap-0 md:tw-bg-brand-white hover:tw-bg-transparent"> <div class="tw-bg-white tw-w-full tw-rounded-lg md:tw-bg-transparent"> <div class="tw-group tw-relative tw-w-full" x-data="formAutocomplete({ id:'accommodationAutocompleter', endpoint:'/ajax/jquery/autocompleter/hotellocations/?season=winter', minLength:'3', value:'Lienzer Bergbahnen - Zettersfeld', queryParams:'null' })" @click.away="closeList"> <div class="tw-autocompleter-background tw-autocompleter-background--heading" x-show="open || focused" x-cloak x-transition.opacity.duration.300ms @click="closeList" > <div class="tw-pt-5 tw-px-4 tw-text-center tw-relative md:tw-hidden"> <div>Reiseziel w盲hlen</div> <div class="tw-absolute tw-text-24px tw-leading-0 tw-right-4 tw-top-5"> <i class="icon-menu-close"></i> </div> </div> </div> <div> <div class="tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all hover:!tw-bg-brand-white group-hover/textTransparentContainer:tw-bg-transparent focus-within:tw-z-50 focus-within:md:tw-shadow-center-md focus-within:!tw-bg-brand-white group-focus-within/textTransparentContainer:tw-bg-transparent hover:tw-shadow-center-md" > <input type="search" autocomplete="off" placeholder="Suche nach Unterkunft in..." name="" x-model.fill="value" value="Lienzer Bergbahnen - Zettersfeld" id="accommodationAutocompleterDummy" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" x-ref="dummy" class=" tw-peer tw-w-full tw-outline-none tw-text-xl tw-font-normal placeholder:text-brand-dark tw-rounded-lg tw-pl-13 tw-pr-11 tw-pb-2.5 placeholder:tw-overflow-visible tw-pt-7.5 tw-bg-transparent tw-overflow-ellipsis"/> <label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold"> Reiseziel </label> <div class="tw-absolute tw-left-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-transition-all tw-text-24px tw-leading-0 peer-hover:tw-text-brand peer-focus:tw-text-brand-black tw-pointer-events-none tw-cursor-pointer"> <i class="icon-pin"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div><div class="tw-absolute tw-inset-0 md:tw-hidden" @click="clickInput"></div> </div></div> <div class="tw-autocompleter-overlay " :class="{ 'tw-is-open': open }"> <div class="tw-autocompleter-overlay-container "> <div class="md:tw-hidden tw-flex tw-items-center"> <div class="tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all hover:!tw-bg-brand-white group-hover/textTransparentContainer:tw-bg-transparent focus-within:tw-z-50 focus-within:md:tw-shadow-center-md focus-within:!tw-bg-brand-white group-focus-within/textTransparentContainer:tw-bg-transparent hover:tw-shadow-center-md" > <input type="text" autocomplete="off" placeholder="Suche nach Unterkunft in..." name="accommodationAutocompleter" x-model.fill="value" value="Lienzer Bergbahnen - Zettersfeld" id="accommodationAutocompleter" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" x-ref="autocomplete" class="tw-cursor-pointer tw-appearance-none tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 focus:!tw-ring-brand tw-peer tw-w-full tw-outline-none tw-text-xl tw-font-normal placeholder:text-brand-dark tw-rounded-lg tw-pl-13 tw-pr-11 tw-pb-2.5 placeholder:tw-overflow-visible tw-pt-7.5 tw-bg-transparent tw-overflow-ellipsis"/> <label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold"> Reiseziel </label> <div class="tw-absolute tw-left-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-transition-all tw-text-24px tw-leading-0 peer-hover:tw-text-brand peer-focus:tw-text-brand-black tw-pointer-events-none tw-cursor-pointer"> <i class="icon-pin"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div></div></div> <input type="hidden" x-model="selectedId" x-ref="selectedId" name="autocompleteId" value=""/> <div class="tw-autocompleter-list" x-ref="autocompleterList" @mousemove="onAutocompleteMouseMove" @mouseleave="selected = null"> <div class="tw-autocompleter-items" :class="{ 'tw-is-open': open, 'md:tw-p-1': items.length > 0 }" x-ref="list"> <template x-for="(item, index) in items" :key="index"> <div class="tw-autocompleter-item" data-index="index" :class="{ 'tw-bg-brand-light': index === selected }" x-html="item.label" :id="item.id" data-attributes="item.attributes" @mouseover="onAutocompleteHover(index)" @mousedown.prevent="selectItem(item)"></div> </template> <div class="tw-autocompleter-item" x-show="!isLoading && value.length >= minLength && items.length <= 0" x-cloak> Keine Ergebnisse gefunden </div> </div> </div> </div> </div> </div></div> <div class="tw-hidden tw-bg-brand-gray-40 tw-w-px tw-basis-px tw-shrink-0 -tw-mx-px tw-my-3 md:tw-block"></div> <div class="tw-flex-1 tw-bg-white tw-w-full tw-rounded-lg md:tw-bg-transparent md:tw-min-w-[260px] lg:tw-min-w-[280px]"> <div class="tw-flex tw-w-full lg:tw-min-w-[280px]" x-data="datepickerRange('', '', 'tw-datepicker-background-96865')" @reset="reset" @focusInput="focusInput" @input-click="clickInput" @keydown.escape="close"> <div class="tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all hover:!tw-bg-brand-white group-hover/textTransparentContainer:tw-bg-transparent focus-within:tw-z-50 focus-within:md:tw-shadow-center-md focus-within:!tw-bg-brand-white group-focus-within/textTransparentContainer:tw-bg-transparent hover:tw-shadow-center-md" x-data="formInput('')"> <input type="text" autocomplete="off" placeholder="Wann?" name="dateRange" x-model.fill="value" tabindex="-1" :id="id" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" x-ref="range" class="tw-cursor-pointer tw-peer tw-w-full tw-outline-none tw-text-xl tw-font-normal placeholder:text-brand-dark tw-rounded-lg tw-pl-13 tw-pr-11 tw-pb-2.5 placeholder:tw-overflow-visible tw-pt-7.5 tw-bg-transparent tw-overflow-ellipsis"/> <label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold"> Reisedatum </label> <div class="tw-absolute tw-left-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-transition-all tw-text-24px tw-leading-0 peer-hover:tw-text-brand peer-focus:tw-text-brand-black tw-pointer-events-none tw-cursor-pointer"> <i class="icon-calendar"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div><div class="tw-absolute tw-inset-0 md:tw-hidden" @click="clickInput"></div> </div><input type="hidden" name="DatumAnreise" value="" x-ref="start"/><input type="hidden" name="DatumAbreise" value="" x-ref="end"/><template x-if="container"> <template x-teleport="#tw-datepicker-background-96865"> <div class="tw-pt-5 tw-px-4 tw-text-center tw-relative md:tw-hidden"> <div><div x-show="!dateStart">Anreise w盲hlen</div> <div x-cloak x-show="!dateEnd && dateStart">Abreise w盲hlen</div> <div x-cloak x-show="dateEnd && dateStart">Zeitraum best盲tigen</div> </div> <div class="tw-absolute tw-text-24px tw-leading-0 tw-right-4 tw-top-5"> <i class="icon-menu-close"></i> </div> </div> </template> </template> </div></div> </div> <div class="tw-w-full md:tw-ml-5 md:tw-w-auto"> <button class="tw-text-m tw-font-bold tw-text-white tw-bg-brand hover:tw-bg-brand-dark hover:tw-ring-brand-dark tw-py-3 tw-px-5 tw-justify-center tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap " type="submit" x-data="button" @click="clickOnButton" > Unterkunft finden </button> </div> </div> </form> </div></div> </div> <div class=""> <div x-data="slider({ padding: `1`, snap: `0`, progress: `1`, controls: `1`, gap: `0`, drag: `1`, mobileVisibleSlides: `3`, })" class="splide tw-relative" @update-splide-slider.window="init"> <div class="tw-relative"> <div class="tw-flex tw-justify-between tw-items-end " :class="{ 'tw-hidden': possibleSlides === 0 }"> <div class="splide__arrows tw-gap-x-2 tw-flex tw-touch-manipulation" :class="{ 'tw-hidden': possibleSlides === 0 }"> <button class="splide__arrow splide__arrow--prev tw-slider-arrow tw-left-0 "> <span class="icon-chevron-left"></span> </button> <button class="splide__arrow splide__arrow--next tw-slider-arrow tw-right-0 "> <span class="icon-chevron-right"></span> </button> </div> </div> <div class="splide__track -tw-mx-4 xs:-tw-mx-6 sm:-tw-mx-11 md:-tw-mx-2 "> <ul class="splide__list"> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/skiheiligenblut/hotel-tauernstern/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"hotel-tauernstern","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Hotel","Index":0}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/c1/33c48d29073765c1_ea10b1d0eaf71f8f@2x.jpg" alt="Hotel Tauernstern" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/24/36900df9cb170d24_8ab38394c860f9c2@2x.png" loading="lazy" alt="Logo von Hotel Tauernstern" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Hotel Tauernstern </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Hotel </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Winklern</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/lienz/privatzimmer-michelerhof/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"privatzimmer-michelerhof","Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Category":"Private room","Index":1}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/1c/a5f00a184626a31c_b2a00c9e5aff7edd@2x.jpg" alt="Michelerhof" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/cf/5b69f0637b16d6cf_0fff4a21ead5848a.png" loading="lazy" alt="Logo von Michelerhof" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Michelerhof </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Privatzimmer / Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Lavant</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/lienz/ferienwohnung-fil-home/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-fil-home","Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Category":"Apartment","Index":2}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/d6/8013a012718e38d6_99e3906b373984a2@2x.jpg" alt="fil Home" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/00/8649d9ce30a63200_ca1077d73e8b0c4f@2x.png" loading="lazy" alt="Logo von fil Home" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> fil Home </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Leisach</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/skiheiligenblut/ferienwohnung-das-marx/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-das-marx","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Apartment","Index":3}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/cc/eda4b0d8c146f8cc_1b64e2c038bfd07b@2x.jpg" alt="das Marx" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> das Marx </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienwohnung / Gasthof </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Gro脽kirchheim</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/moelltalergletscher/ferienwohnung-am-bauernhof/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-am-bauernhof","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"moelltalergletscher","Category":"Apartment","Index":4}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/12/40313e9000ef5b12_258e8dde663e8a0f@2x.jpg" alt="Ferienwohnung am Bauernhof" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/96/ceca6a481ef6a396_4cd9ef49aadf8223@2x.png" loading="lazy" alt="Logo von Ferienwohnung am Bauernhof" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Ferienwohnung am Bauernhof </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Rangersdorf</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/skiheiligenblut/gasthof-stadlwirt/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"gasthof-stadlwirt","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Guesthouse","Index":5}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/6a/cb16cc7c9317be6a_c41a6be54e5c2885@2x.jpg" alt="Stadlwirt" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/54/14abe13c58fabf54_6cd8f886a14dfe0c@2x.png" loading="lazy" alt="Logo von Stadlwirt" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Stadlwirt </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 41px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Gasthof </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Rangersdorf</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/skiheiligenblut/hotel-margarethenbad/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"hotel-margarethenbad","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Hotel","Index":6}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/20/17bab8cbbefdc320_d8dfbd86068bf357@2x.jpg" alt="Hotel Margarethenbad" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/17/2454d7b842d0ec17_a41792fde0a2ab8f@2x.png" loading="lazy" alt="Logo von Hotel Margarethenbad" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Hotel Margarethenbad </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Hotel / Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Rangersdorf</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 sm:!tw-w-1/2"> <a href="/sillian/ferienhaus-kollreider-hof/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienhaus-kollreider-hof","Country":"oesterreich","Federalstate":"tirol","Skiresort":"sillian","Category":"Holiday house","Index":7}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/dd/870a61475e4d67dd_50dc02676606168c@2x.jpg" alt="Kollreider Hof" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/ff/ea4bde7666922eff_8250d1ba12509ec7@2x.png" loading="lazy" alt="Logo von Kollreider Hof" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Kollreider Hof </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienhaus / Selbstversorger-Gruppenunterkunft </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Anras</p></div> </div> </div> </div> </div> </a> </li> </ul> </div> <div class="tw-h-9 md:tw-h-auto tw-flex tw-items-center tw-mt-4 tw-mx-9 md:tw-mx-0" :class="{ 'tw-hidden': possibleSlides === 0 }"> <div class="splide tw-relative tw-h-1 tw-mx-10 md:tw-mx-0 tw-w-full tw-group/progressBar" x-ref="progressbar"> <div class="splide__track tw-rounded-sm group-hover/progressBar:tw-rounded-md -tw-translate-y-1/2 tw-transition-all tw-cursor-pointer"> <ul class="splide__list"> <template x-for="i in possibleSlides"> <li class="splide__slide -tw-my-4 tw-py-4 no-drag"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div> </li> </template> <template x-for="i in possibleSlides + 1"> <li class="splide__slide -tw-my-4 tw-py-4" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div> </li> </template> </ul> </div> </div> </div> </div> <div class="tw-mt-4 tw-flex tw-justify-center" > <a href="/lienz/unterkuenfte/" class="tw-text-m tw-font-bold tw-ring-brand-black hover:tw-bg-brand-black hover:tw-text-white tw-py-3 tw-px-4 tw-justify-center js-track tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap " target="_self" x-data="button" @click="clickOnButton" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-category="overview"> Alle Unterk眉nfte anzeigen </a> </div> </div> </div> </div> </div> </div> </div> <div class="tw-hidden md:tw-block"> <div class="tw-flex tw-gap-4 tw-flex-col"> <div> <h2 class="tw-mb-4 tw-text-4xl"> Finde deine Unterkunft </h2> <div class="tw-full-width-mobile"> <div x-data="formSearchAccommodation('/lienz/unterkuenfte/')" @autocompleter-item-selected="autocompleteSelect" @autocompleter-reset="autocompleteReset"> <form :action="action" method="post" action="/lienz/unterkuenfte/" x-ref="form" @submit.prevent="submit" data-season="winter"> <div class="tw-flex tw-flex-col tw-gap-3 tw-items-center tw-p-4 sm:tw-px-10 md:tw-px-4 tw-bg-brand-light md:tw-flex-row md:tw-gap-0 md:tw-p-3 md:tw-pl-3 md:tw-pr-5 md:tw-rounded-2xl"> <div class="tw-flex tw-group/textTransparentContainer tw-flex-col tw-gap-2 tw-w-full tw-transition-colors focus-within:tw-bg-transparent tw-rounded-lg md:tw-flex-row md:tw-gap-0 md:tw-bg-brand-white hover:tw-bg-transparent"> <div class="tw-bg-white tw-w-full tw-rounded-lg md:tw-bg-transparent"> <div class="tw-group tw-relative tw-w-full" x-data="formAutocomplete({ id:'accommodationAutocompleter', endpoint:'/ajax/jquery/autocompleter/hotellocations/?season=winter', minLength:'3', value:'Lienzer Bergbahnen - Zettersfeld', queryParams:'null' })" @click.away="closeList"> <div class="tw-autocompleter-background tw-autocompleter-background--heading" x-show="open || focused" x-cloak x-transition.opacity.duration.300ms @click="closeList" > <div class="tw-pt-5 tw-px-4 tw-text-center tw-relative md:tw-hidden"> <div>Reiseziel w盲hlen</div> <div class="tw-absolute tw-text-24px tw-leading-0 tw-right-4 tw-top-5"> <i class="icon-menu-close"></i> </div> </div> </div> <div> <div class="tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all hover:!tw-bg-brand-white group-hover/textTransparentContainer:tw-bg-transparent focus-within:tw-z-50 focus-within:md:tw-shadow-center-md focus-within:!tw-bg-brand-white group-focus-within/textTransparentContainer:tw-bg-transparent hover:tw-shadow-center-md" > <input type="search" autocomplete="off" placeholder="Suche nach Unterkunft in..." name="" x-model.fill="value" value="Lienzer Bergbahnen - Zettersfeld" id="accommodationAutocompleterDummy" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" x-ref="dummy" class=" tw-peer tw-w-full tw-outline-none tw-text-xl tw-font-normal placeholder:text-brand-dark tw-rounded-lg tw-pl-13 tw-pr-11 tw-pb-2.5 placeholder:tw-overflow-visible tw-pt-7.5 tw-bg-transparent tw-overflow-ellipsis"/> <label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold"> Reiseziel </label> <div class="tw-absolute tw-left-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-transition-all tw-text-24px tw-leading-0 peer-hover:tw-text-brand peer-focus:tw-text-brand-black tw-pointer-events-none tw-cursor-pointer"> <i class="icon-pin"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div><div class="tw-absolute tw-inset-0 md:tw-hidden" @click="clickInput"></div> </div></div> <div class="tw-autocompleter-overlay " :class="{ 'tw-is-open': open }"> <div class="tw-autocompleter-overlay-container "> <div class="md:tw-hidden tw-flex tw-items-center"> <div class="tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all hover:!tw-bg-brand-white group-hover/textTransparentContainer:tw-bg-transparent focus-within:tw-z-50 focus-within:md:tw-shadow-center-md focus-within:!tw-bg-brand-white group-focus-within/textTransparentContainer:tw-bg-transparent hover:tw-shadow-center-md" > <input type="text" autocomplete="off" placeholder="Suche nach Unterkunft in..." name="accommodationAutocompleter" x-model.fill="value" value="Lienzer Bergbahnen - Zettersfeld" id="accommodationAutocompleter" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" x-ref="autocomplete" class="tw-cursor-pointer tw-appearance-none tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 focus:!tw-ring-brand tw-peer tw-w-full tw-outline-none tw-text-xl tw-font-normal placeholder:text-brand-dark tw-rounded-lg tw-pl-13 tw-pr-11 tw-pb-2.5 placeholder:tw-overflow-visible tw-pt-7.5 tw-bg-transparent tw-overflow-ellipsis"/> <label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold"> Reiseziel </label> <div class="tw-absolute tw-left-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-transition-all tw-text-24px tw-leading-0 peer-hover:tw-text-brand peer-focus:tw-text-brand-black tw-pointer-events-none tw-cursor-pointer"> <i class="icon-pin"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div></div></div> <input type="hidden" x-model="selectedId" x-ref="selectedId" name="autocompleteId" value=""/> <div class="tw-autocompleter-list" x-ref="autocompleterList" @mousemove="onAutocompleteMouseMove" @mouseleave="selected = null"> <div class="tw-autocompleter-items" :class="{ 'tw-is-open': open, 'md:tw-p-1': items.length > 0 }" x-ref="list"> <template x-for="(item, index) in items" :key="index"> <div class="tw-autocompleter-item" data-index="index" :class="{ 'tw-bg-brand-light': index === selected }" x-html="item.label" :id="item.id" data-attributes="item.attributes" @mouseover="onAutocompleteHover(index)" @mousedown.prevent="selectItem(item)"></div> </template> <div class="tw-autocompleter-item" x-show="!isLoading && value.length >= minLength && items.length <= 0" x-cloak> Keine Ergebnisse gefunden </div> </div> </div> </div> </div> </div></div> <div class="tw-hidden tw-bg-brand-gray-40 tw-w-px tw-basis-px tw-shrink-0 -tw-mx-px tw-my-3 md:tw-block"></div> <div class="tw-flex-1 tw-bg-white tw-w-full tw-rounded-lg md:tw-bg-transparent md:tw-min-w-[260px] lg:tw-min-w-[280px]"> <div class="tw-flex tw-w-full lg:tw-min-w-[280px]" x-data="datepickerRange('', '', 'tw-datepicker-background-19069')" @reset="reset" @focusInput="focusInput" @input-click="clickInput" @keydown.escape="close"> <div class="tw-group tw-relative tw-grow tw-rounded-lg tw-transition-all hover:!tw-bg-brand-white group-hover/textTransparentContainer:tw-bg-transparent focus-within:tw-z-50 focus-within:md:tw-shadow-center-md focus-within:!tw-bg-brand-white group-focus-within/textTransparentContainer:tw-bg-transparent hover:tw-shadow-center-md" x-data="formInput('')"> <input type="text" autocomplete="off" placeholder="Wann?" name="dateRange" x-model.fill="value" tabindex="-1" :id="id" @keydown.enter="keypressEnter" @keydown.arrow-up.prevent="keypressArrowUp" @keydown.arrow-down.prevent="keypressArrowDown" @keydown.escape.prevent="keypressEscape" @keydown.tab="keypressTab" @focus="focusEvent" @blur="blurEvent" @input.debounce="inputDebounce" x-ref="range" class="tw-cursor-pointer tw-peer tw-w-full tw-outline-none tw-text-xl tw-font-normal placeholder:text-brand-dark tw-rounded-lg tw-pl-13 tw-pr-11 tw-pb-2.5 placeholder:tw-overflow-visible tw-pt-7.5 tw-bg-transparent tw-overflow-ellipsis"/> <label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold"> Reisedatum </label> <div class="tw-absolute tw-left-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-transition-all tw-text-24px tw-leading-0 peer-hover:tw-text-brand peer-focus:tw-text-brand-black tw-pointer-events-none tw-cursor-pointer"> <i class="icon-calendar"></i> </div> <div class="tw-absolute tw-cursor-pointer tw-right-4 tw-inset-y-0 tw-m-auto tw-h-6 tw-w-6 tw-opacity-0 tw-transition-opacity" :class="{ 'tw-opacity-0 md:group-hover:tw-opacity-100 md:group-hover:tw-pointer-events-auto peer-focus:tw-opacity-100 peer-focus:tw-pointer-events-auto': value, 'tw-opacity-0 tw-pointer-events-none': !value }" @click.prevent="reset" @mousedown.prevent="reset"> <div class="tw-transition-all tw-p-1.5 tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-leading-0 hover:tw-ring-brand-light hover:tw-bg-brand-light hover:tw-text-brand"> <i class="icon-close"></i> </div> </div><div class="tw-absolute tw-inset-0 md:tw-hidden" @click="clickInput"></div> </div><input type="hidden" name="DatumAnreise" value="" x-ref="start"/><input type="hidden" name="DatumAbreise" value="" x-ref="end"/><template x-if="container"> <template x-teleport="#tw-datepicker-background-19069"> <div class="tw-pt-5 tw-px-4 tw-text-center tw-relative md:tw-hidden"> <div><div x-show="!dateStart">Anreise w盲hlen</div> <div x-cloak x-show="!dateEnd && dateStart">Abreise w盲hlen</div> <div x-cloak x-show="dateEnd && dateStart">Zeitraum best盲tigen</div> </div> <div class="tw-absolute tw-text-24px tw-leading-0 tw-right-4 tw-top-5"> <i class="icon-menu-close"></i> </div> </div> </template> </template> </div></div> </div> <div class="tw-w-full md:tw-ml-5 md:tw-w-auto"> <button class="tw-text-m tw-font-bold tw-text-white tw-bg-brand hover:tw-bg-brand-dark hover:tw-ring-brand-dark tw-py-3 tw-px-5 tw-justify-center tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap " type="submit" x-data="button" @click="clickOnButton" > Unterkunft finden </button> </div> </div> </form> </div></div> </div> <div class=""> <div x-data="slider({ padding: `1`, snap: `0`, progress: `1`, controls: `1`, gap: `0`, drag: `1`, mobileVisibleSlides: `3`, })" class="splide tw-relative" @update-splide-slider.window="init"> <div class="tw-relative"> <div class="tw-flex tw-justify-between tw-items-end tw-mb-2" > <div> <h2 class="tw-text-4xl">Unsere Empfehlungen</h2> </div> <div class="splide__arrows tw-gap-x-2 tw-flex tw-touch-manipulation" :class="{ 'tw-hidden': possibleSlides === 0 }"> <button class="splide__arrow splide__arrow--prev tw-slider-arrow tw-left-0 "> <span class="icon-chevron-left"></span> </button> <button class="splide__arrow splide__arrow--next tw-slider-arrow tw-right-0 "> <span class="icon-chevron-right"></span> </button> </div> </div> <div class="splide__track -tw-mx-4 xs:-tw-mx-6 sm:-tw-mx-11 md:-tw-mx-2 "> <ul class="splide__list"> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/hotel-tauernstern/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"hotel-tauernstern","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Hotel","Index":0}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/c1/33c48d29073765c1_ea10b1d0eaf71f8f@2x.jpg" alt="Hotel Tauernstern" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/24/36900df9cb170d24_8ab38394c860f9c2@2x.png" loading="lazy" alt="Logo von Hotel Tauernstern" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Hotel Tauernstern </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Hotel </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Winklern</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/gasthof-stadlwirt/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"gasthof-stadlwirt","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Guesthouse","Index":1}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/6a/cb16cc7c9317be6a_c41a6be54e5c2885@2x.jpg" alt="Stadlwirt" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/54/14abe13c58fabf54_6cd8f886a14dfe0c@2x.png" loading="lazy" alt="Logo von Stadlwirt" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Stadlwirt </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 41px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Gasthof </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Rangersdorf</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/hotel-margarethenbad/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"hotel-margarethenbad","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Hotel","Index":2}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/20/17bab8cbbefdc320_d8dfbd86068bf357@2x.jpg" alt="Hotel Margarethenbad" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/17/2454d7b842d0ec17_a41792fde0a2ab8f@2x.png" loading="lazy" alt="Logo von Hotel Margarethenbad" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Hotel Margarethenbad </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-S.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Hotel / Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Rangersdorf</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/ferienwohnung-das-marx/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-das-marx","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Category":"Apartment","Index":3}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/cc/eda4b0d8c146f8cc_1b64e2c038bfd07b@2x.jpg" alt="das Marx" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> das Marx </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienwohnung / Gasthof </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Gro脽kirchheim</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/lienz/ferienwohnung-fil-home/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-fil-home","Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Category":"Apartment","Index":4}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/d6/8013a012718e38d6_99e3906b373984a2@2x.jpg" alt="fil Home" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/00/8649d9ce30a63200_ca1077d73e8b0c4f@2x.png" loading="lazy" alt="Logo von fil Home" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> fil Home </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Leisach</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/moelltalergletscher/ferienwohnung-am-bauernhof/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-am-bauernhof","Country":"oesterreich","Federalstate":"kaernten","Skiresort":"moelltalergletscher","Category":"Apartment","Index":5}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/12/40313e9000ef5b12_258e8dde663e8a0f@2x.jpg" alt="Ferienwohnung am Bauernhof" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/96/ceca6a481ef6a396_4cd9ef49aadf8223@2x.png" loading="lazy" alt="Logo von Ferienwohnung am Bauernhof" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Ferienwohnung am Bauernhof </h3> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Rangersdorf</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/lienz/privatzimmer-michelerhof/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"privatzimmer-michelerhof","Country":"oesterreich","Federalstate":"tirol","Skiresort":"lienz","Category":"Private room","Index":6}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/1c/a5f00a184626a31c_b2a00c9e5aff7edd@2x.jpg" alt="Michelerhof" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/cf/5b69f0637b16d6cf_0fff4a21ead5848a.png" loading="lazy" alt="Logo von Michelerhof" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Michelerhof </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-E.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Privatzimmer / Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Lavant</p></div> </div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/stjakob-defereggen/ferienwohnung-plonerhof/" class="js-track tw-block tw-h-full" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-data="{"Accommodation":"ferienwohnung-plonerhof","Country":"oesterreich","Federalstate":"tirol","Skiresort":"stjakob-defereggen","Category":"Farm","Index":7}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/6e/baebc18f5c11f86e_755150389585a5a1@2x.jpg" alt="Plonerhof" loading="lazy"> </picture> <div class="tw-absolute tw-bottom-0 tw-right-2 tw-bg-white tw-p-1"> <img src="https://vcdn.bergfex.at/images/resized/bf/7e017a3dd4cec6bf_406c783745f0673f@2x.png" loading="lazy" alt="Logo von Plonerhof" class="tw-max-w-[80px] tw-max-h-[40px]"/> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <div class="tw-flex tw-flex-col"> <div class="tw-text-xl tw-mb-1"> <h3 class="tw-inline tw-align-middle"> Plonerhof </h3> <div class="tw-overflow-hidden tw-inline-block tw-align-middle" style="width: 55px"> <div class="tw-flex tw-gap-0.5" style="width: 68px"> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-B.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-B.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-B.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-B.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> <img src="https://vcdn.bergfex.at/images/presentation/ratings/rating-B.svg" alt="" class="tw-w-auto tw-max-w-none" width="12" height="12" style="width: 12px"/> </div> </div> </div> <div class="tw-text-m tw-mb-0.5 tw-opacity-50"> Bauernhof / Ferienwohnung </div> <div class="tw-text-m tw-mb-0.5"> <div class="txt_markup"><p>Hopfgarten in Defereggen</p></div> </div> </div> </div> </div> </a> </li> </ul> </div> <div class="tw-h-9 md:tw-h-auto tw-flex tw-items-center tw-mt-4 tw-mx-9 md:tw-mx-0" :class="{ 'tw-hidden': possibleSlides === 0 }"> <div class="splide tw-relative tw-h-1 tw-mx-10 md:tw-mx-0 tw-w-full tw-group/progressBar" x-ref="progressbar"> <div class="splide__track tw-rounded-sm group-hover/progressBar:tw-rounded-md -tw-translate-y-1/2 tw-transition-all tw-cursor-pointer"> <ul class="splide__list"> <template x-for="i in possibleSlides"> <li class="splide__slide -tw-my-4 tw-py-4 no-drag"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div> </li> </template> <template x-for="i in possibleSlides + 1"> <li class="splide__slide -tw-my-4 tw-py-4" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div> </li> </template> </ul> </div> </div> </div> <div class="tw-hidden md:tw-block tw-absolute -tw-right-8 tw-top-0 tw-w-4 tw-h-full tw-bg-white tw-transition " :class="{ '-tw-translate-x-full': position !== 'last', 'tw-opacity-0': position === 'last', '!tw-hidden': possibleSlides === 0 }"></div> <div class="tw-hidden md:tw-block tw-absolute -tw-left-8 tw-top-0 tw-w-4 tw-h-full tw-bg-white tw-transition " :class="{ 'tw-translate-x-full': position === 'last', 'tw-opacity-0': position !== 'last', '!tw-hidden': possibleSlides === 0 }"></div> </div> <div class="tw-mt-4 tw-flex tw-justify-center" > <a href="/lienz/unterkuenfte/" class="tw-text-m tw-font-bold tw-ring-brand-black hover:tw-bg-brand-black hover:tw-text-white tw-py-3 tw-px-4 tw-justify-center js-track tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap " target="_self" x-data="button" @click="clickOnButton" data-tracking-event="comp_accommodation-widget-card_click" data-tracking-category="overview"> Alle Unterk眉nfte anzeigen </a> </div> </div> </div> </div> </div> <div class=""> <div x-data="slider({ padding: `1`, snap: `0`, progress: `1`, controls: `1`, gap: `0`, drag: `1`, mobileVisibleSlides: `3`, })" class="splide tw-relative" @update-splide-slider.window="init"> <div class="tw-relative"> <div class="tw-flex tw-justify-between tw-items-end tw-mb-2" > <div> <h2 class="tw-text-4xl">Weitere Webcams in der N盲he</h2> </div> <div class="splide__arrows tw-gap-x-2 tw-flex tw-touch-manipulation" :class="{ 'tw-hidden': possibleSlides === 0 }"> <button class="splide__arrow splide__arrow--prev tw-slider-arrow tw-left-0 "> <span class="icon-chevron-left"></span> </button> <button class="splide__arrow splide__arrow--next tw-slider-arrow tw-right-0 "> <span class="icon-chevron-right"></span> </button> </div> </div> <div class="splide__track -tw-mx-4 xs:-tw-mx-6 sm:-tw-mx-11 md:-tw-mx-2 "> <ul class="splide__list"> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/sillian/webcams/c5968/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":5968,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"sillian","Selection":"sillian","Index":0}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <div class="tw-absolute tw-left-2 tw-top-2"> <div class="tw-py-1 tw-px-2 tw-rounded tw-bg-brand-white tw-text-brand-black tw-flex tw-items-center tw-text-s"> <i class="icon-badge-video tw-text-12px"></i> </div> </div> <div class="tw-aspect-cardImage tw-justify-center tw-flex tw-items-center group-hover/card:tw-bg-white tw-transition"> <i class="icon-signet tw-text-128px tw-text-white group-hover/card:tw-text-brand-light tw-transition"></i> </div> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Assling </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Sillian / Hochpustertal</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/kals-grossglockner/webcams/c10850/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":10850,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"kals-grossglockner","Selection":"kals-grossglockner","Index":1}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=10850&2&format=44" alt="Kals am Gro脽glockner" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Kals am Gro脽glockner </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Kals / GG Resorts Kals-Matrei</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/webcams/c9609/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":9609,"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Selection":"skiheiligenblut","Index":2}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=9609&2&format=44" alt="Heiligenblut / Zirbenhof" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Heiligenblut / Zirbenhof </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Heiligenblut / Grossglockner</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/kals-grossglockner/webcams/c15078/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":15078,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"kals-grossglockner","Selection":"kals-grossglockner","Index":3}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <div class="tw-absolute tw-left-2 tw-top-2"> <div class="tw-py-1 tw-px-2 tw-rounded tw-bg-brand-white tw-text-brand-black tw-flex tw-items-center tw-text-s"> <i class="icon-badge-panorama tw-text-12px"></i> </div> </div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=15078&2&format=11" alt="Kalser Glocknerstra脽e - Glocknerwinkel" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Kalser Glocknerstra脽e - Glocknerwinkel </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Kals / GG Resorts Kals-Matrei</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/kals-grossglockner/webcams/c16273/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":16273,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"kals-grossglockner","Selection":"kals-grossglockner","Index":4}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=16273&2&format=44" alt="Lucknerhaus" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Lucknerhaus </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Kals / GG Resorts Kals-Matrei</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/kals-grossglockner/webcams/c14670/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":14670,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"kals-grossglockner","Selection":"kals-grossglockner","Index":5}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=14670&2&format=44" alt="Glocknerwinkel" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Glocknerwinkel </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Kals / GG Resorts Kals-Matrei</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/golzentipp-obertilliach-lesachtal/webcams/c3335/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":3335,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"golzentipp-obertilliach-lesachtal","Selection":"golzentipp-obertilliach-lesachtal","Index":6}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=3335&2&format=44" alt="Frohn / Lesachtal" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Frohn / Lesachtal </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Obertilliach / Golzentipp - Lesachtal</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/kals-grossglockner/webcams/c10132/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":10132,"Country":"oesterreich","Federalstate":"tirol","Skiresort":"kals-grossglockner","Selection":"kals-grossglockner","Index":7}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=10132&2&format=44" alt="Kals am Gro脽glockner" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Kals am Gro脽glockner </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Kals / GG Resorts Kals-Matrei</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/webcams/c546/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":546,"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Selection":"skiheiligenblut","Index":8}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <div class="tw-absolute tw-left-2 tw-top-2"> <div class="tw-py-1 tw-px-2 tw-rounded tw-bg-brand-white tw-text-brand-black tw-flex tw-items-center tw-text-s"> <i class="icon-badge-video tw-text-12px"></i> </div> </div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=546&2&format=44" alt="Heiligenblut Ort" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Heiligenblut Ort </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Heiligenblut / Grossglockner</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/webcams/c15977/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":15977,"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Selection":"skiheiligenblut","Index":9}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <div class="tw-absolute tw-left-2 tw-top-2"> <div class="tw-py-1 tw-px-2 tw-rounded tw-bg-brand-white tw-text-brand-black tw-flex tw-items-center tw-text-s"> <i class="icon-badge-360 tw-text-12px"></i> </div> </div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=15977&2&format=12" alt="Heiligenblut Ort" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Heiligenblut Ort </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Heiligenblut / Grossglockner</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/webcams/c15974/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":15974,"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Selection":"skiheiligenblut","Index":10}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=15974&2&format=44" alt="Heiligenblut Ort" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Heiligenblut Ort </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Heiligenblut / Grossglockner</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/webcams/c15975/" class="js-track tw-block tw-h-full" data-tracking-event="skiresort-near-by-webcams" data-tracking-data="{"Webcam":15975,"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Selection":"skiheiligenblut","Index":11}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <img width="" height="" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="//images.bergfex.at/webcams/?id=15975&2&format=44" alt="Heiligenblut Ort" loading="lazy"> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1 tw-hyphens-auto"> Heiligenblut Ort </h3> <div class="tw-text-m tw-markup-truncate"> <div class="txt_markup"><p>Heiligenblut / Grossglockner</p></div> </div> </div> </div> </a> </li> </ul> </div> <div class="tw-h-9 md:tw-h-auto tw-flex tw-items-center tw-mt-4 tw-mx-9 md:tw-mx-0" :class="{ 'tw-hidden': possibleSlides === 0 }"> <div class="splide tw-relative tw-h-1 tw-mx-10 md:tw-mx-0 tw-w-full tw-group/progressBar" x-ref="progressbar"> <div class="splide__track tw-rounded-sm group-hover/progressBar:tw-rounded-md -tw-translate-y-1/2 tw-transition-all tw-cursor-pointer"> <ul class="splide__list"> <template x-for="i in possibleSlides"> <li class="splide__slide -tw-my-4 tw-py-4 no-drag"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div> </li> </template> <template x-for="i in possibleSlides + 1"> <li class="splide__slide -tw-my-4 tw-py-4" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div> </li> </template> </ul> </div> </div> </div> <div class="tw-hidden md:tw-block tw-absolute -tw-right-8 tw-top-0 tw-w-4 tw-h-full tw-bg-white tw-transition " :class="{ '-tw-translate-x-full': position !== 'last', 'tw-opacity-0': position === 'last', '!tw-hidden': possibleSlides === 0 }"></div> <div class="tw-hidden md:tw-block tw-absolute -tw-left-8 tw-top-0 tw-w-4 tw-h-full tw-bg-white tw-transition " :class="{ 'tw-translate-x-full': position === 'last', 'tw-opacity-0': position !== 'last', '!tw-hidden': possibleSlides === 0 }"></div> </div> <div class="tw-mt-4 tw-flex tw-justify-center" > <a href="/tirol/webcams/" class="tw-text-m tw-font-bold tw-ring-brand-black hover:tw-bg-brand-black hover:tw-text-white tw-py-3 tw-px-4 tw-justify-center js-track tw-w-full md:tw-w-fit tw-rounded-lg tw-text-center tw-ring-1 tw-ring-inset tw-transition tw-flex tw-items-center tw-whitespace-nowrap " target="_self" x-data="button" @click="clickOnButton" data-tracking-event="skiresort-detail-webcams" data-tracking-category="overview"> Alle Webcams anzeigen </a> </div> </div> </div> <div class=""> <div x-data="slider({ padding: `1`, snap: `0`, progress: `1`, controls: `1`, gap: `0`, drag: `1`, mobileVisibleSlides: `3`, })" class="splide tw-relative" @update-splide-slider.window="init"> <div class="tw-relative"> <div class="tw-flex tw-justify-between tw-items-end tw-mb-2" > <div> <h2 class="tw-text-4xl">Skigebiete in der N盲he</h2> </div> <div class="splide__arrows tw-gap-x-2 tw-flex tw-touch-manipulation" :class="{ 'tw-hidden': possibleSlides === 0 }"> <button class="splide__arrow splide__arrow--prev tw-slider-arrow tw-left-0 "> <span class="icon-chevron-left"></span> </button> <button class="splide__arrow splide__arrow--next tw-slider-arrow tw-right-0 "> <span class="icon-chevron-right"></span> </button> </div> </div> <div class="splide__track -tw-mx-4 xs:-tw-mx-6 sm:-tw-mx-11 md:-tw-mx-2 "> <ul class="splide__list"> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/golzentipp-obertilliach-lesachtal/" class="js-track tw-block tw-h-full" data-tracking-event="Skiresort-neighbours-slider" data-tracking-data="{"Country":"oesterreich","Federalstate":"tirol","Skiresort":"golzentipp-obertilliach-lesachtal","Index":0}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/ec/23f14c7d7abd3aec_6d152cd6a1b2c5f1@2x.jpg" alt="Obertilliach / Golzentipp - Lesachtal" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1"> Obertilliach / Golzentipp - Lesachtal </h3> <div class="tw-text-m"> <div class="txt_markup"><p>Tirol</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/matrei/" class="js-track tw-block tw-h-full" data-tracking-event="Skiresort-neighbours-slider" data-tracking-data="{"Country":"oesterreich","Federalstate":"tirol","Skiresort":"matrei","Index":1}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/a5/5de80f3b967fcca5_8634e70b29af7fe9@2x.jpg" alt="Matrei / GG Resorts Kals-Matrei" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1"> Matrei / GG Resorts Kals-Matrei </h3> <div class="tw-text-m"> <div class="txt_markup"><p>Tirol</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/kals-grossglockner/" class="js-track tw-block tw-h-full" data-tracking-event="Skiresort-neighbours-slider" data-tracking-data="{"Country":"oesterreich","Federalstate":"tirol","Skiresort":"kals-grossglockner","Index":2}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/cf/7bf0c614d2d2c0cf_4013e3f7e151ed2b@2x.jpg" alt="Kals / GG Resorts Kals-Matrei" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1"> Kals / GG Resorts Kals-Matrei </h3> <div class="tw-text-m"> <div class="txt_markup"><p>Tirol</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/skiheiligenblut/" class="js-track tw-block tw-h-full" data-tracking-event="Skiresort-neighbours-slider" data-tracking-data="{"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"skiheiligenblut","Index":3}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/ad/9a4836a7bcab06ad_7f6d3891b06fca74@2x.jpg" alt="Heiligenblut / Grossglockner" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1"> Heiligenblut / Grossglockner </h3> <div class="tw-text-m"> <div class="txt_markup"><p>K盲rnten</p></div> </div> </div> </div> </a> </li> <li class="splide__slide tw-w-10/12 xs:tw-w-8/12 sm:tw-w-5/12 md:tw-w-1/4 md:tw-w-3/10"> <a href="/koetschach-mauthen/" class="js-track tw-block tw-h-full" data-tracking-event="Skiresort-neighbours-slider" data-tracking-data="{"Country":"oesterreich","Federalstate":"kaernten","Skiresort":"koetschach-mauthen","Index":4}" > <div class="tw-group/card tw-relative tw-bg-white tw-transition-colors tw-rounded-2xl md:tw-px-2 tw-pt-2 tw-pb-4 md:hover:tw-bg-brand-light tw-h-full"> <div class="tw-rounded-lg tw-overflow-hidden tw-relative tw-bg-brand-gray-10 group-hover/card:tw-bg-brand-light"> <div class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1/2 tw-opacity-0 group-hover/card:tw-opacity-100"></div> <picture> <img width="780" height="520" class="tw-w-full tw-object-cover tw-aspect-cardImage tw-max-h-64 " src="https://vcdn.bergfex.at/images/resized/05/32a8f49368811305_89b2692fc8f1e52b@2x.jpg" alt="Vorhegg / K枚tschach / Mauthen" loading="lazy"> </picture> </div> <div class="tw-mt-2 md:tw-px-1"> <h3 class="tw-text-xl tw-mb-1"> Vorhegg / K枚tschach / Mauthen </h3> <div class="tw-text-m"> <div class="txt_markup"><p>K盲rnten</p></div> </div> </div> </div> </a> </li> </ul> </div> <div class="tw-h-9 md:tw-h-auto tw-flex tw-items-center tw-mt-4 tw-mx-9 md:tw-mx-0" :class="{ 'tw-hidden': possibleSlides === 0 }"> <div class="splide tw-relative tw-h-1 tw-mx-10 md:tw-mx-0 tw-w-full tw-group/progressBar" x-ref="progressbar"> <div class="splide__track tw-rounded-sm group-hover/progressBar:tw-rounded-md -tw-translate-y-1/2 tw-transition-all tw-cursor-pointer"> <ul class="splide__list"> <template x-for="i in possibleSlides"> <li class="splide__slide -tw-my-4 tw-py-4 no-drag"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div> </li> </template> <template x-for="i in possibleSlides + 1"> <li class="splide__slide -tw-my-4 tw-py-4" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }"> <div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div> </li> </template> </ul> </div> </div> </div> <div class="tw-hidden md:tw-block tw-absolute -tw-right-8 tw-top-0 tw-w-4 tw-h-full tw-bg-white tw-transition " :class="{ '-tw-translate-x-full': position !== 'last', 'tw-opacity-0': position === 'last', '!tw-hidden': possibleSlides === 0 }"></div> <div class="tw-hidden md:tw-block tw-absolute -tw-left-8 tw-top-0 tw-w-4 tw-h-full tw-bg-white tw-transition " :class="{ 'tw-translate-x-full': position === 'last', 'tw-opacity-0': position !== 'last', '!tw-hidden': possibleSlides === 0 }"></div> </div> </div> </div> </div> </div> </div> </main> <div class="tw-h-12 md:tw-h-16 tw-bg-white tw-main-container tw-w-full"></div><div class="tw-main-container tw-overflow-hidden md:tw-pb-43"> <div class="tw-relative md:tw-grid md:tw-grid-cols-12 md:tw-gap-4"> <div class="tw-relative tw-z-10 md:tw-col-span-5 md:tw-row-start-1 md:tw-row-end-1 md:tw-pt-12"> <img src="/images/presentation/apps/icons/ski/icon.svg" alt="Ski, Schnee & Wetter" class="tw-mx-auto tw-w-16 md:tw-mx-0" /> </div> <h2 class="tw-relative tw-z-10 tw-py-4 tw-text-center tw-text-4xl md:tw-col-span-5 md:tw-row-start-2 md:tw-row-end-2 md:tw-py-0 md:tw-text-left"> Ski, Schnee & Wetter</h2> <div class="tw-group tw-relative tw-z-10 tw-mb-8 tw-flex tw-justify-center tw-gap-2 md:tw-col-span-5 md:tw-row-start-4 md:tw-row-end-4 md:tw-mb-0 md:tw-justify-start md:tw-pt-4"> <a href="https://apps.apple.com/app/apple-store/id744189889?pt=335914" target="_blank" class="tw-relative tw-col-span-2 before:tw-absolute before:tw-left-0 before:tw-h-full before:tw-w-full before:tw-rounded before:tw-transition-colors hover:before:!tw-bg-transparent group-hover:before:tw-bg-white/50" > <img src="https://vcdn.bergfex.at/images/presentation/apps/badges/appstore-de.svg" alt="f眉r iOS herunterladen" /> </a> <a href="https://play.google.com/store/apps/details?id=com.bergfex.mobile.android" target="_blank" class="tw-relative tw-col-span-2 before:tw-absolute before:tw-left-0 before:tw-h-full before:tw-w-full before:tw-rounded before:tw-transition-colors hover:before:!tw-bg-transparent group-hover:before:tw-bg-white/50" > <img src="https://vcdn.bergfex.at/images/presentation/apps/badges/playstore-de.svg" alt="f眉r Android herunterladen" /> </a> </div> <div class="md:tw-absolute md:-tw-bottom-[164px] md:tw-left-0 md:tw-right-0 md:tw-top-0 md:tw-grid md:tw-grid-cols-12 md:tw-gap-4"> <div class="tw-pointer-events-none tw-relative tw-z-10 -tw-mx-8 tw-flex tw-h-[360px] tw-justify-center sm:-tw-mx-12 md:tw-col-start-4 md:tw-col-end-12 md:tw-ml-0 md:tw-h-[480px]"> <picture> <source srcset="https://vcdn.bergfex.at/images/presentation/apps/advertisement/ski@2x.webp 2x" media="(min-resolution: 192dpi)" type="image/webp"> <source srcset="https://vcdn.bergfex.at/images/presentation/apps/advertisement/ski.webp 1x" type="image/webp"> <source srcset="https://vcdn.bergfex.at/images/presentation/apps/advertisement/ski@2x.png 2x" media="(min-resolution: 192dpi)" type="image/png"> <img width="800" height="466" class="tw-h-full tw-object-cover sm:tw-object-contain md:tw-object-cover md:tw-object-left" src="https://vcdn.bergfex.at/images/presentation/apps/advertisement/ski.png" alt="Ski, Schnee & Wetter" loading="eager"> </picture> </div> <div class="tw-absolute -tw-inset-x-6 tw-top-0 tw-flex tw-h-[536px] tw-flex-col sm:-tw-inset-x-12 md:-tw-inset-x-16 md:tw-bottom-[100px] md:tw-h-auto lg:-tw-inset-x-20 xl:-tw-inset-x-32"> <div class="tw-h-32 tw-bg-gradient-to-t tw-from-brand-light tw-to-brand-white"> </div> <div class="tw-flex tw-grow tw-items-center tw-justify-center tw-bg-brand-light"> </div> </div> </div> <div class="tw-z-10 tw-pt-2 tw-text-center tw-text-base md:tw-col-span-5 md:tw-row-start-3 md:tw-row-end-3 md:-tw-mt-6 md:tw-text-left"> Umfangreiche Informationen zu allen Skigebieten Europas. Pistenpl盲ne, Schneeh枚hen, Webcams und mehr garantieren maximalen Pistenspa脽.</div> <img src="/images/presentation/apps/advertisement/background/ski.svg" alt="Ski, Schnee & Wetter" class="tw-absolute tw-right-0 tw-top-0 tw-mt-12 tw-hidden tw-h-80 tw-w-80 lg:tw-block" /> </div> </div> <div class="tw-h-12 md:tw-h-16 tw-bg-white tw-main-container tw-w-full"></div><div class="tw-main-container tw-overflow-hidden tw-pb-8 md:tw-py-12 tw-flex tw-flex-col tw-gap-y-8 md:tw-gap-y-12"> <div x-data="{ email: '' }"> <a href="#" x-data x-bind="modalTrigger('newsletter', '/presentation/api/component/newsletterRegister', 'newsletter-widget-open-modal', 'newsletter')" class="tw-block tw-rounded-2xl tw-bg-brand-white tw-p-8 tw-text-center tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-transition hover:tw-bg-brand-light hover:tw-ring-transparent md:tw-flex md:tw-items-center md:tw-py-6" > <i class="icon-newsletter tw-mb-2 tw-block tw-text-64px tw-text-brand md:tw-m-0 md:tw-mr-8"></i> <h3 class="tw-mb-4 tw-text-4xl md:tw-m-0 md:tw-pr-8 md:tw-text-left"> Verpasse keine Angebote und Inspirationen f眉r deinen n盲chsten Urlaub</h3> <div class="tw-text-m tw-font-bold tw-rounded-lg tw-inline-flex tw-transition tw-gap-1 tw-justify-center tw-items-center tw-cursor-pointer tw-whitespace-nowrap tw-w-full md:tw-w-auto tw-py-3 tw-px-5 tw-bg-brand tw-text-white hover:tw-bg-brand-dark disabled:tw-bg-brand-gray-60" > Zum Newsletter anmelden </div> </a> <div x-data="modalAjax" x-init="id = 'newsletter'"> <div tabindex="0" @keydown.escape="setTimeout(() => document.activeElement.blur(), 25); close();" x-trap="$store.modal.isOpen('newsletter')" @modal-open.window="openModal($event.detail)" @modal-close.window="closeModal($event.detail)" @modal-load-page="loadPage" @modal-page-header="setHeader" > <div x-show="$store.modal.isOpen('newsletter')" x-transition.opacity.duration.300ms @click="close" x-cloak class="tw-fixed tw-inset-0 tw-z-40 tw-bg-brand-black/50 tw-backdrop-blur-xs" > </div> <div x-show="$store.modal.isOpen('newsletter')" x-cloak x-transition:enter-start="!tw-bottom-0 !tw-translate-y-full" x-transition:leave-end="!tw-bottom-0 !tw-translate-y-full" class="tw-fixed tw-z-50 tw-flex tw-overflow-hidden tw-transition-all tw-max-h-[calc(100%_-_4rem)] tw-rounded-t-2xl md:tw-main-container md:tw-bg-transparent tw-left-0 tw-w-full tw-bottom-0 md:tw-bottom-1/2 md:tw-translate-y-1/2 md:tw-rounded-2xl" > <div class="tw-mx-auto tw-flex tw-min-h-16 tw-w-full tw-flex-col tw-overflow-hidden tw-rounded-t-2xl tw-bg-white md:tw-relative md:tw-min-h-24 md:tw-w-150 md:tw-rounded-2xl"> <div class="tw-z-50 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-bg-white tw-leading-0 tw-transition hover:tw-ring-brand-light hover:tw-text-brand hover:tw-bg-brand-light tw-h-9 tw-w-9 tw-absolute tw-right-4 tw-top-4 md:tw-right-8 md:tw-top-8" @click.prevent="close"> <i class="icon-close"></i> </div> <div class="tw-w-full tw-overflow-auto tw-p-4 tw-pt-5 md:tw-flex-auto md:tw-p-8" :class="{ 'tw-max-h-full': contentHeight > 0 }" :style="{ 'height': contentHeight+'px' }" > <div x-ref="content"> </div> <div x-show="loading" x-cloak role="status" class="tw-flex tw-items-center tw-justify-center" > <div class="tw-loading-indicator"></div> </div> <div x-show="error" x-cloak> <div class="tw-mb-6 tw-text-4xl"> Fehler</div> Ein Fehler ist aufgetreten. Bitte versuche es erneut. </div> </div> </div> </div> </div> </div> <div x-data @newsletter-success.window="email = $event.detail; $store.modal.open('newslettersuccess')" > </div> <div x-data="modal(3000, 1)" x-init="id = 'newslettersuccess'"> <div tabindex="0" @keydown.escape="setTimeout(() => document.activeElement.blur(), 25); close();" x-trap="$store.modal.isOpen('newslettersuccess')" @modal-open.window="openModal($event.detail)" @modal-close.window="closeModal($event.detail)" > <div x-show="$store.modal.isOpen('newslettersuccess')" x-transition.opacity.duration.300ms @click="close" x-cloak class="tw-fixed tw-inset-0 tw-z-40 tw-bg-brand-black/50 tw-backdrop-blur-xs" > </div> <div x-show="$store.modal.isOpen('newslettersuccess')" x-cloak x-transition:enter-start="!tw-bottom-0 !tw-translate-y-full" x-transition:leave-end="!tw-bottom-0 !tw-translate-y-full" class="tw-fixed tw-z-50 tw-flex tw-overflow-hidden tw-transition-all tw-max-h-[calc(100%_-_4rem)] tw-rounded-t-2xl md:tw-main-container md:tw-bg-transparent tw-left-0 tw-w-full tw-bottom-0 md:tw-bottom-1/2 md:tw-translate-y-1/2 md:tw-rounded-2xl" > <div class="tw-mx-auto tw-flex tw-min-h-16 tw-w-full tw-flex-col tw-overflow-hidden tw-rounded-t-2xl tw-bg-white md:tw-relative md:tw-min-h-24 md:tw-w-150 md:tw-rounded-2xl"> <div class="tw-z-50 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-bg-white tw-leading-0 tw-transition hover:tw-ring-brand-light hover:tw-text-brand hover:tw-bg-brand-light tw-h-9 tw-w-9 tw-absolute tw-right-4 tw-top-4 md:tw-right-8 md:tw-top-8" @click.prevent="close"> <i class="icon-close"></i> </div> <div class="tw-w-full tw-overflow-auto tw-p-4 tw-pt-5 md:tw-flex-auto md:tw-p-8" > <div x-ref="content"> <div class="tw-px-8 tw-py-12 tw-text-center tw-text-base md:tw-p-8"> <div class="tw-m-auto tw-flex tw-h-16 tw-w-16 tw-items-center tw-justify-center tw-rounded-full tw-bg-brand tw-p-4"> <i class="icon-check tw-text-32px tw-text-brand-white"></i> </div> <div class="tw-mb-2 tw-mt-4 tw-px-4 tw-text-4xl"> Vielen Dank f眉r deine Anmeldung </div> <p> Deine E-Mail-Adresse <strong x-text=email></strong> wurde in den Verteiler eingetragen. </p> </div> </div> <div x-ref="progress"> <div class="tw-absolute tw-left-0 tw-bottom-0 tw-w-full tw-h-1 tw-transition-all tw-ease-linear tw-bg-brand" :class="{ '!tw-w-0' : progressActive }" :style="autocloseTime && 'transition-duration:' + (progressActive ? autocloseTime : 300) + 'ms'" > </div> </div> </div> </div> </div> </div> </div> </div> <div class="tw-gap-y-8 tw-flex tw-flex-col"> <div> <div> <h2 class="tw-text-xl tw-mb-4"> Skigebiete im Trend </h2> <div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2"> <a href="/oesterreich/top10/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Selection":"overview"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Alle Skigebiete</a> <a href="/soelden/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Skiresort":"soelden"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >S枚lden</a> <a href="/saalbach-hinterglemm-leogang/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"salzburg","Skiresort":"saalbach-hinterglemm-leogang"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Saalbach Hinterglemm / Leogang / Fieberbrunn</a> <a href="/obertauern/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"salzburg","Skiresort":"obertauern"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Obertauern</a> <a href="/schladming-planai/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"steiermark","Skiresort":"schladming-planai"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Planai / Schladming / Ski amade</a> <a href="/silvretta-arena-ischgl-samnaun/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Skiresort":"silvretta-arena-ischgl-samnaun"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Silvretta Arena Ischgl / Samnaun</a> </div> </div> </div> <div> <div> <h2 class="tw-text-xl tw-mb-4"> Beliebteste Skigebiete </h2> <div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2"> <a href="/stanton-stchristoph/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"stanton-stchristoph"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >St. Anton / Arlberg</a> <a href="/zell-am-ziller/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"zell-am-ziller"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Zell am Ziller / Zillertal Arena</a> <a href="/stubaier-gletscher/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"stubaier-gletscher"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Stubaier Gletscher / Stubaital</a> <a href="/stjohann-tirol/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"stjohann-tirol"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >St. Johann in Tirol</a> <a href="/ellmau/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"ellmau"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >SkiWelt / Ellmau</a> <a href="/pitztalergletscher/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"pitztalergletscher"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Pitztaler Gletscher / Rifflsee / Pitztal</a> <a href="/mayrhofen/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"mayrhofen"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Mayrhofen / Zillertal</a> <a href="/hochfuegen/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"hochfuegen"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Hochf眉gen / Zillertal</a> <a href="/hochzillertal/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"hochzillertal"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Hochzillertal / Zillertal</a> <a href="/fieberbrunn/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"fieberbrunn"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Fieberbrunn / Saalbach Hinterglemm Leogang</a> <a href="/kitzbuehel-kirchberg/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"kitzbuehel-kirchberg"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Kitzb眉hel / Kirchberg</a> <a href="/serfaus-fiss-ladis/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"serfaus-fiss-ladis"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Serfaus - Fiss - Ladis</a> <a href="/westendorf/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"westendorf"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >SkiWelt / Westendorf</a> <a href="/obergurgl-hochgurgl/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"obergurgl-hochgurgl"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Obergurgl / Hochgurgl</a> <a href="/kuehtai/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"kuehtai"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >K眉htai</a> <a href="/nauders/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"nauders"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Nauders</a> <a href="/gerlos/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"gerlos"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Gerlos / Zillertal Arena</a> <a href="/soelden/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"soelden"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >S枚lden</a> <a href="/hintertux/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"hintertux"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Hintertuxer Gletscher / Hintertux / Zillertal</a> <a href="/silvretta-arena-ischgl-samnaun/" data-tracking-data="{"Category":"trending skiresort","Country":"oesterreich","Federalstate":"tirol","Skiresort":"silvretta-arena-ischgl-samnaun"}" data-tracking-event="cta-trending-tags" class="js-track tw-py-1 tw-px-2 tw-border tw-rounded tw-text-brand-black tw-border-brand-gray-40 tw-text-m tw-transition-colors tw-inline-block tw-text-center hover:tw-bg-brand-light hover:tw-border-brand-light hover:tw-text-brand" >Silvretta Arena Ischgl / Samnaun</a> </div> </div> </div> </div> </div> <div id="sidebar" class="tw-sitebar-container"> <div class="tailwind"> <div class='tw-@container tw-contain-layout tw-h-full'> <div class='promotion-holder_skyscraper'> <div class='promotion-spacer isLoading' data-zoneid='2'></div> <div class='adzone_skyscraper partner adzone tw-hidden 2xl:tw-block' data-zoneid='2' data-geo='oesterreich.tirol.lienz' data-tags='skigebiet'></div> </div> </div> </div> </div> </div> <footer class="tw-main-container tw-bg-brand-gray-10"> <div class="tw-pb-8 tw-pt-8 md:tw-pb-6 md:tw-pt-12"> <div class="tw-mb-8 tw-grid tw-grid-cols-2 md:tw-grid-cols-12 md:tw-gap-4"> <div class="tw-border-b tw-border-brand-gray-40 md:tw-border-none tw-col-span-2 tw-border-t" x-data="{ open: false }"> <div class="tw-flex tw-justify-between tw-py-3 md:tw-pb-2 md:tw-pt-0" @click.prevent="open = !open" > <div class="tw-text-m tw-font-semibold">Themen</div> <div class="tw-flex tw-items-center tw-text-12px tw-leading-0 tw-transition md:tw-hidden" :class="{ 'tw-rotate-180': open }" > <i class="icon-cta-arrow-down"></i> </div> </div> <ul class="tw-hidden tw-text-m md:tw-mb-0 md:tw-block" :class="{ 'tw-block tw-mb-4': open, 'tw-hidden': !open }" > <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/lp/winter/" >Winter</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/lp/sommer/" >Sommer</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/lp/wetter/" >Wetter</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/lp/webcams/" >Webcams</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/oesterreich/unterkuenfte/" >Unterk眉nfte</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/touren/" >Touren</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/highlights/" >Highlights</a></li> </ul> </div> <div class="tw-border-b tw-border-brand-gray-40 md:tw-border-none tw-col-span-2" x-data="{ open: false }"> <div class="tw-flex tw-justify-between tw-py-3 md:tw-pb-2 md:tw-pt-0" @click.prevent="open = !open" > <div class="tw-text-m tw-font-semibold">Entdecken</div> <div class="tw-flex tw-items-center tw-text-12px tw-leading-0 tw-transition md:tw-hidden" :class="{ 'tw-rotate-180': open }" > <i class="icon-cta-arrow-down"></i> </div> </div> <ul class="tw-hidden tw-text-m md:tw-mb-0 md:tw-block" :class="{ 'tw-block tw-mb-4': open, 'tw-hidden': !open }" > <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/oesterreich/" >Skigebiete</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/" >Sommerregionen</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/touren/skitour/" >Skitour</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/oesterreich/langlaufen/" >Langlaufen</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/oesterreich/snow-parks/" >Snowparks</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/touren/wandern/" >Wandern</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/touren/trailrunning/" >Trailrunning</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/touren/bike/" >Radfahren</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/sommer/oesterreich/seen/" >Badeseen</a></li> </ul> </div> <div class="tw-border-b tw-border-brand-gray-40 md:tw-border-none tw-col-span-2" x-data="{ open: false }"> <div class="tw-flex tw-justify-between tw-py-3 md:tw-pb-2 md:tw-pt-0" @click.prevent="open = !open" > <div class="tw-text-m tw-font-semibold">Allgemein</div> <div class="tw-flex tw-items-center tw-text-12px tw-leading-0 tw-transition md:tw-hidden" :class="{ 'tw-rotate-180': open }" > <i class="icon-cta-arrow-down"></i> </div> </div> <ul class="tw-hidden tw-text-m md:tw-mb-0 md:tw-block" :class="{ 'tw-block tw-mb-4': open, 'tw-hidden': !open }" > <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/newsletter/" >Newsletter</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/jobs/" >Jobs</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/ueber-uns/" >脺ber uns</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/mybergfex/" >Mein bergfex</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/faq/" >FAQ</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/forum/" >Forum</a></li> </ul> </div> <div class="tw-col-span-2 tw-flex tw-flex-col md:tw-gap-7"> <div class="tw-border-b tw-border-brand-gray-40 md:tw-border-none" x-data="{ open: false }"> <div class="tw-flex tw-justify-between tw-py-3 md:tw-pb-2 md:tw-pt-0" @click.prevent="open = !open" > <div class="tw-text-m tw-font-semibold">Unsere Apps</div> <div class="tw-flex tw-items-center tw-text-12px tw-leading-0 tw-transition md:tw-hidden" :class="{ 'tw-rotate-180': open }" > <i class="icon-cta-arrow-down"></i> </div> </div> <ul class="tw-hidden tw-text-m md:tw-mb-0 md:tw-block" :class="{ 'tw-block tw-mb-4': open, 'tw-hidden': !open }" > <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/touren-app" >bergfex/Touren</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/ski-app" >bergfex/Ski</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/wetter-app" >bergfex/Wetter</a></li> </ul> </div> <div class="tw-border-b tw-border-brand-gray-40 md:tw-border-none" x-data="{ open: false }"> <div class="tw-flex tw-justify-between tw-py-3 md:tw-pb-2 md:tw-pt-0" @click.prevent="open = !open" > <div class="tw-text-m tw-font-semibold">Werben auf bergfex</div> <div class="tw-flex tw-items-center tw-text-12px tw-leading-0 tw-transition md:tw-hidden" :class="{ 'tw-rotate-180': open }" > <i class="icon-cta-arrow-down"></i> </div> </div> <ul class="tw-hidden tw-text-m md:tw-mb-0 md:tw-block" :class="{ 'tw-block tw-mb-4': open, 'tw-hidden': !open }" > <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/b2b/online-marketing" >Online Marketing</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/b2b/unterkuenfte" >Unterk眉nfte</a></li> <li><a class="tw-block tw-py-2 tw-transition hover:tw-text-brand md:tw-p-0 md:tw-pb-2" href="/c/b2b/sportanbieter" >Sportanbieter</a></li> </ul> </div> </div> <div class="tw-group tw-col-span-2 tw-mt-8 tw-flex tw-justify-between tw-gap-2 md:tw-col-start-11 md:tw-col-end-13 md:tw-mt-0 md:tw-flex-col md:tw-justify-start"> <a target="_blank" href="/redirect/e29ab4/1230/0/1/https%3A%2F%2Fapps.apple.com%2Fat%2Fdeveloper%2Fbergfex-gmbh%2Fid355025018" class="tw-relative before:tw-absolute before:tw-left-0 before:tw-h-full before:tw-w-full before:tw-rounded before:tw-transition-colors hover:before:!tw-bg-transparent group-hover:before:tw-bg-white/50" > <img class="tw-w-42" src="https://vcdn.bergfex.at/images/presentation/apps/badges/appstore-de.svg" alt="App Store" > </a> <a target="_blank" href="/redirect/f258b4/1231/0/1/https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdeveloper%3Fid%3Dbergfex%2BGmbH" class="tw-peer tw-relative before:tw-absolute before:tw-left-0 before:tw-h-full before:tw-w-full before:tw-rounded before:tw-transition-colors hover:before:!tw-bg-transparent group-hover:before:tw-bg-white/50" > <img class="tw-w-42" src="https://vcdn.bergfex.at/images/presentation/apps/badges/playstore-de.svg" alt="Google Play" > </a> </div> </div> <div class="tw-flex tw-flex-col tw-items-center tw-justify-between tw-gap-8 md:tw-flex-row"> <div class="tw-w-full md:tw-w-auto"> <a href="#" class="tw-w-full md:tw-w-42 tw-w-full md:tw-w-42 tw-ring-1 tw-ring-inset tw-ring-brand-gray-60 tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-white tw-transition-all hover:tw-ring-0" x-data="" @click.prevent="$store.modal.open('language-switcher-modal')"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="at" src="https://vcdn.bergfex.at/images/presentation/flags/flag_at.svg" /> <span class="tw-text-m tw-font-bold"> Deutsch </span> </div> <div class="tw-flex tw-items-center"> <i class="icon-cta-arrow-down tw-px-3 tw-py-3 tw-text-12px md:tw-inline-block"></i> </div> </a> <div x-data="modal(0, 1)" x-init="id = 'language-switcher-modal'"> <div tabindex="0" @keydown.escape="setTimeout(() => document.activeElement.blur(), 25); close();" x-trap="$store.modal.isOpen('language-switcher-modal')" @modal-open.window="openModal($event.detail)" @modal-close.window="closeModal($event.detail)" > <div x-show="$store.modal.isOpen('language-switcher-modal')" x-transition.opacity.duration.300ms @click="close" x-cloak class="tw-fixed tw-inset-0 tw-z-40 tw-bg-brand-black/50 tw-backdrop-blur-xs" > </div> <div x-show="$store.modal.isOpen('language-switcher-modal')" x-cloak x-transition:enter-start="!tw-bottom-0 !tw-translate-y-full" x-transition:leave-end="!tw-bottom-0 !tw-translate-y-full" class="tw-fixed tw-z-50 tw-flex tw-overflow-hidden tw-transition-all tw-max-h-[calc(100%_-_4rem)] tw-rounded-t-2xl md:tw-main-container md:tw-bg-transparent tw-left-0 tw-w-full tw-bottom-0 md:tw-bottom-1/2 md:tw-translate-y-1/2 md:tw-rounded-2xl" > <div class="tw-mx-auto tw-flex tw-min-h-16 tw-w-full tw-flex-col tw-overflow-hidden tw-rounded-t-2xl tw-bg-white md:tw-relative md:tw-min-h-24 md:tw-w-150 md:tw-rounded-2xl"> <div class="tw-z-50 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-text-12px tw-bg-white tw-leading-0 tw-transition hover:tw-ring-brand-light hover:tw-text-brand hover:tw-bg-brand-light tw-h-9 tw-w-9 tw-absolute tw-right-4 tw-top-4 md:tw-right-8 md:tw-top-8" @click.prevent="close"> <i class="icon-close"></i> </div> <div class="tw-w-full tw-overflow-auto tw-p-4 tw-pt-5 md:tw-flex-auto md:tw-p-8" > <div x-ref="content"> <div> <div class="tw-text-4xl"> Sprache ausw盲hlen</div> <div class="tw-grid tw-grid-cols-2 tw-gap-4 tw-pt-8 md:tw-grid-cols-3 md:tw-pt-6"> <a href="/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all tw-bg-gray-light hover:tw-bg-gray-light tw-cursor-default tw-pointer-events-none js-track" data-tracking-category="at" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="at" src="https://vcdn.bergfex.at/images/presentation/flags/flag_at.svg" /> <span class="tw-text-m tw-font-bold"> Deutsch </span> </div> <div class="tw-flex tw-items-center"> <i class="icon-check tw-px-3 tw-py-3 tw-text-12px"></i> </div> </a> <a href="https://www.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="en" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="en" src="https://vcdn.bergfex.at/images/presentation/flags/flag_en.svg" /> <span class="tw-text-m"> English </span> </div> </a> <a href="https://www.bergfex.fr/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="fr" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="fr" src="https://vcdn.bergfex.at/images/presentation/flags/flag_fr.svg" /> <span class="tw-text-m"> Français </span> </div> </a> <a href="https://it.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="it" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="it" src="https://vcdn.bergfex.at/images/presentation/flags/flag_it.svg" /> <span class="tw-text-m"> Italiano </span> </div> </a> <a href="https://www.bergfex.es/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="es" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="es" src="https://vcdn.bergfex.at/images/presentation/flags/flag_es.svg" /> <span class="tw-text-m"> Español </span> </div> </a> <a href="https://nl.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="nl" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="nl" src="https://vcdn.bergfex.at/images/presentation/flags/flag_nl.svg" /> <span class="tw-text-m"> Nederlands </span> </div> </a> <a href="https://se.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="se" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="se" src="https://vcdn.bergfex.at/images/presentation/flags/flag_se.svg" /> <span class="tw-text-m"> Svenska </span> </div> </a> <a href="https://no.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="no" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="no" src="https://vcdn.bergfex.at/images/presentation/flags/flag_no.svg" /> <span class="tw-text-m"> Norsk </span> </div> </a> <a href="https://dk.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="dk" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="dk" src="https://vcdn.bergfex.at/images/presentation/flags/flag_dk.svg" /> <span class="tw-text-m"> Dansk </span> </div> </a> <a href="https://fi.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="fi" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="fi" src="https://vcdn.bergfex.at/images/presentation/flags/flag_fi.svg" /> <span class="tw-text-m"> Suomi </span> </div> </a> <a href="https://hu.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="hu" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="hu" src="https://vcdn.bergfex.at/images/presentation/flags/flag_hu.svg" /> <span class="tw-text-m"> Magyar </span> </div> </a> <a href="https://www.bergfex.cz/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="cz" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="cz" src="https://vcdn.bergfex.at/images/presentation/flags/flag_cz.svg" /> <span class="tw-text-m"> český </span> </div> </a> <a href="https://www.bergfex.sk/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="sk" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="sk" src="https://vcdn.bergfex.at/images/presentation/flags/flag_sk.svg" /> <span class="tw-text-m"> Slovensky </span> </div> </a> <a href="https://www.bergfex.pl/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="pl" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="pl" src="https://vcdn.bergfex.at/images/presentation/flags/flag_pl.svg" /> <span class="tw-text-m"> Polski </span> </div> </a> <a href="https://hr.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="hr" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="hr" src="https://vcdn.bergfex.at/images/presentation/flags/flag_hr.svg" /> <span class="tw-text-m"> Hrvatski </span> </div> </a> <a href="https://www.bergfex.si/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="si" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="si" src="https://vcdn.bergfex.at/images/presentation/flags/flag_si.svg" /> <span class="tw-text-m"> Sloven&scaron;čina </span> </div> </a> <a href="https://ru.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="ru" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="ru" src="https://vcdn.bergfex.at/images/presentation/flags/flag_ru.svg" /> <span class="tw-text-m"> русский </span> </div> </a> <a href="https://ro.bergfex.com/lienz/webcams/c5960/" class="tw-w-42 hover:tw-text-brand-black tw-rounded-lg tw-flex tw-items-center tw-justify-between hover:tw-bg-brand-light tw-transition-all js-track" data-tracking-category="ro" data-tracking-event="languageSwitcher"> <div class="tw-flex tw-items-center tw-space-x-2 tw-px-3 tw-py-2"> <img class="tw-block tw-h-5 tw-w-5 tw-rounded-full" alt="ro" src="https://vcdn.bergfex.at/images/presentation/flags/flag_ro.svg" /> <span class="tw-text-m"> Rom芒na </span> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tw-flex tw-divide-x tw-divide-brand-black tw-text-center tw-text-s tw-transition"> <a class="tw-px-3 tw-transition hover:tw-text-brand md:tw-px-4" href="/c/agb/">AGB</a> <a class="tw-px-3 tw-transition hover:tw-text-brand md:tw-px-4" href="/c/datenschutz/" >Datenschutz</a> <a class="js-trigger-privacy-manager tw-whitespace-nowrap tw-px-3 tw-transition hover:tw-text-brand md:tw-px-4" href="#" > Privacy Manager </a> <a class="tw-px-3 tw-transition hover:tw-text-brand md:tw-px-4" href="/c/impressum/">Impressum</a> </div> <div class="tw-text-s"> 漏 2024 bergfex GmbH </div> </div> </div> </footer> <div x-data="modal(3000, false)" x-init="id = 'notification'"> <div tabindex="0" @keydown.escape="close" @modal-open.window="openModal($event.detail)" @modal-close.window="closeModal($event.detail)" > <div x-show="$store.modal.isOpen('notification')" x-cloak x-transition:enter-start="-tw-translate-y-full md:tw-translate-y-0 md:-tw-translate-x-full tw-opacity-0" x-transition:leave-end="-tw-translate-y-full md:tw-translate-y-0 md:-tw-translate-x-full tw-opacity-0" class="tw-translate-0 md:tw-main-container tw-opacity-1 tw-pointer-events-none tw-fixed tw-inset-x-4 tw-top-[68px] tw-z-50 tw-flex tw-flex-col tw-transition-all tw-ease-in-out md:tw-inset-x-0 md:tw-w-fit md:tw-bg-transparent" :style="(open && $store.header.top > 0) && { top: $store.header.top + 'px' }" > <div class="tw-pointer-events-auto tw-relative tw-m-auto tw-flex tw-max-h-full tw-w-full tw-max-w-full tw-flex-shrink tw-flex-grow-0 tw-basis-full tw-overflow-hidden tw-rounded tw-bg-white tw-shadow-lg md:tw-w-[256px]"> <div class="tw-flex tw-w-full tw-flex-col tw-overflow-hidden tw-rounded md:tw-relative"> <a class="tw-absolute tw-right-4 tw-top-5 tw-z-50 tw-flex tw-items-center tw-justify-center tw-text-12px tw-transition hover:tw-text-brand" href="#" @click.prevent="close" > <i class="icon-close"></i> </a> <div class="tw-w-full tw-overflow-auto tw-p-4 md:tw-flex-auto"> <div> <div class="tw-flex"> <div class="tw-mr-2 tw-flex tw-h-5 tw-w-5 tw-shrink-0 tw-items-center tw-justify-center tw-rounded-full" :class="{ 'tw-bg-brand': $store.notification.success, 'tw-bg-red-error': !$store.notification.success }" > <i class="tw-text-12px tw-text-white" :class="{ 'icon-check': $store.notification.success, 'icon-close': ! $store.notification.success }" ></i> </div> <div class="tw-mr-6"> <div class="tw-text-m tw-font-bold" x-text="$store.notification.title" ></div> <div class="tw-mt-1 tw-text-s" x-text="$store.notification.content" ></div> </div> </div> </div> <div x-ref="progress"> <div class="tw-absolute tw-left-0 tw-bottom-0 tw-w-full tw-h-1 tw-transition-all tw-ease-linear tw-bg-brand" :class="{ 'tw-bg-red-error': !$store.notification .success, '!tw-w-0': progressActive }" :style="autocloseTime && 'transition-duration:' + (progressActive ? autocloseTime : 300) + 'ms'" > </div> </div> </div> </div> </div> </div> </div> </div> <link rel="modulepreload" href="https://vcdn.bergfex.at/build/assets/app-BXWZRwZW.js" /><link rel="modulepreload" href="https://vcdn.bergfex.at/build/assets/module.esm-CIMwf5AW.js" /><link rel="modulepreload" href="https://vcdn.bergfex.at/build/assets/setup-CiV20bRX.js" /><link rel="modulepreload" href="https://vcdn.bergfex.at/build/assets/rangeSlider-cT-Q1fYi.js" /><link rel="modulepreload" href="https://vcdn.bergfex.at/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><script type="module" src="https://vcdn.bergfex.at/build/assets/app-BXWZRwZW.js" data-navigate-track="reload"></script><div aria-hidden="true" style="display: none"> <div id="mapsearch-template-h2noresult"> <div class="h2">Keine Eintr盲ge gefunden.</div> </div> <div id="mapsearch-template-h2notavailable"> <div class="h2">Die Suche ist aktuell nicht verf眉gbar.</div> </div> <div id="mapsearch-template-h2overflow"> <div class="h2">Bitte Suche verfeinern.</div> </div> <div id="mapsearch-template-h2local"> <div class="mapsearch-header">Lokale Suchergebnisse <span class="less-important">(<= 25km)</span> </div> </div> <div id="mapsearch-template-h2nonlocal"> <div class="mapsearch-header">Weitere Suchergebnisse <span class="less-important">(> 25km)</span> </div> </div> <div id="mapsearch-template-h2all"> <div class="mapsearch-header">%count% Suchergebnisse</div> </div> <div id="mapsearch-template-line"> <div class="mapsearch-line tw-group hover:tw-bg-brand-light tw-grid tw-grid-cols-8 tw-gap-2"> <div class="tw-flex tw-items-center tw-justify-left"><img class="tw-h-8 tw-w-8" %icon-src%></div> <div class="%grid-col%"> <a class="map-link tw-cursor-pointer analytics-map-search-result-link" href="#"><div class="tw-font-normal tw-text-xl">%name%</div> <div class="tw-text-s tw-font-light tw-text-grey"> <span>%type%</span> <span>%elevation%</span> <span>%population%</span> <span class="tw-block">%location%</span> </div> </a> </div> %lpButton% </div> </div> </div></body> </html>

CINXE.COM

Webcam Lienz Hauptplatz, Zettersfeld, 673m - bergfex