- Scan ID:
- 053f74f4-8456-4de7-b42b-e2c793f033a3Finished
- Submitted URL:
- https://bergfex.atRedirected
- Report Finished:
Links · 17 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://www.bergfex.com/ | English |
| https://www.bergfex.fr/ | Français |
| https://it.bergfex.com/ | Italiano |
| https://www.bergfex.es/ | Español |
| https://nl.bergfex.com/ | Nederlands |
| https://se.bergfex.com/ | Svenska |
| https://no.bergfex.com/ | Norsk |
| https://dk.bergfex.com/ | Dansk |
| https://fi.bergfex.com/ | Suomi |
| https://hu.bergfex.com/ | Magyar |
JavaScript Variables · 27 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| bergfex | object |
| jBlockTruncateSettings | object |
| acomtag | object |
| dataLayer | object |
| google_tag_manager | object |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| log | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="de" data-previous-scroll-y="-0px"><head>
<title>bergfex: Urlaub Österreich: Sommerurlaub Österreich</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 async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-MLZ3QJF"></script><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/">
<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="bergfex: Urlaub Österreich: Sommerurlaub Österreich">
<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/">
<link rel="alternate" hreflang="en" href="https://www.bergfex.com/">
<link rel="alternate" hreflang="fr" href="https://www.bergfex.fr/">
<link rel="alternate" hreflang="it" href="https://it.bergfex.com/">
<link rel="alternate" hreflang="es" href="https://www.bergfex.es/">
<link rel="alternate" hreflang="nl" href="https://nl.bergfex.com/">
<link rel="alternate" hreflang="sv" href="https://se.bergfex.com/">
<link rel="alternate" hreflang="no" href="https://no.bergfex.com/">
<link rel="alternate" hreflang="da" href="https://dk.bergfex.com/">
<link rel="alternate" hreflang="fi" href="https://fi.bergfex.com/">
<link rel="alternate" hreflang="hu" href="https://hu.bergfex.com/">
<link rel="alternate" hreflang="cs" href="https://www.bergfex.cz/">
<link rel="alternate" hreflang="sk" href="https://sk.bergfex.com/">
<link rel="alternate" hreflang="pl" href="https://www.bergfex.pl/">
<link rel="alternate" hreflang="hr" href="https://hr.bergfex.com/">
<link rel="alternate" hreflang="sl" href="https://www.bergfex.si/">
<link rel="alternate" hreflang="ru" href="https://ru.bergfex.com/">
<link rel="alternate" hreflang="ro" href="https://ro.bergfex.com/"><meta name="season" content="sommer">
<script>
var bergfex = bergfex || [];
bergfex.datepicker = {
language: 'de',
daterange: {
buttonText: {
apply: 'Weiter',
cancel: 'Zurücksetzen',
}
}
}
bergfex.search = {
language: 'de',
season: 's',
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', ["staat","Österreich"] ]);
acomtag.data.push([ 'topcategory', ["sport"] ]);
acomtag.data.push([ 'country', ["at"] ]);
acomtag.data.push([ 'region', ["oesterreich"] ]);
acomtag.data.push([ 'pageType', ["other"] ]);
</script>
<link rel="preload" as="style" href="https://vcdn.bergfex.at/build/assets/app-B-UBVkcA.css"><link rel="stylesheet" href="https://vcdn.bergfex.at/build/assets/app-B-UBVkcA.css" data-navigate-track="reload"><meta name="keywords" content="Österreich,Sommer,Urlaub">
<meta name="description" content="Sommerurlaub Österreich: Alle Informationen zum Urlaub in Österreich. Sie erhalten Infos zum Wandern, Mountainbiken, Badeseen, u.v.m.">
<meta name="geonomap" content="0">
<meta name="geomap" content="keep">
<meta name="geocontext" content="Staat_11597">
<meta name="geoposition" content="47.420654,13.128600,7,o">
<meta name="geotarget" content="1">
<meta name="geolayer" content="sommer">
<meta name="geomapcontent" content="iframe">
<meta property="og:image" content="https://vcdn.bergfex.at/images/resized/05/e112d9484f8d1405_d7f336446182b013.jpg">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<script type="text/javascript" src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js" id="373674728740" async=""></script><style><br> [id^="sp_message_container"] {<br> display: none !important;<br> }<br> </style><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.2/gdpr-tcf.0b327789b5d246674c71.bundle.js"></script><style type="text/css">#sp_message_iframe_1070314 { display:block; width: 100%; height: 100%; border: 0 none; } #sp_message_container_1070314 { overflow:auto;-webkit-overflow-scrolling:touch; display: none; position: fixed; z-index: 2147483647; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; max-width: 100%; max-height: 100vh;}.sp-message-open { height: 100vh !important; width: 100vw !important } .sp-message-open body { overflow: hidden !important; position: fixed !important; margin-top: 0px !important; top: 0px !important; left: 0px !important; right: 0px !important; }</style></head>
<body class="">
<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('country', 'start', 'landingpage')
})
</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" style="top: 0px;">
<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="" @click="closeNavigation() || closeSearch()" style="display: none;"></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="/sommer/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()" data-tracking-category="map-open">
<i class="icon-map" :class="{ 'icon-menu-close': $store.map.isOpen, 'icon-map': !$store.map.isOpen }">
</i>
</a>
<div>
<script>
window.dataLayer?.push({
'Login': false });
</script>
<a href="/mybergfex/" aria-label="mybergfex" class="js-track tw-flex tw-items-end tw-transition-opacity tw-group group-hover:tw-opacity-50 hover:!tw-opacity-100" 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" id="q">
<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-transition-opacity tw-opacity-0 tw-pointer-events-none" :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" id="q">
<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-transition-opacity tw-opacity-0 tw-pointer-events-none" :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" style="display: none;">Suchverlauf</div>
<div class="tw-autocompleter-items-label" x-show="items.length > 0 && value.length >= minLength" style="display: none;">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" style="display: none;">
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-1724759528.jsmin.js"
});
</script><script>
var gMapKey = "AIzaSyDhkXDPfuKgSZgCcKfDLRHNZFrsdbfQkiQ";
var mapEnabled = true;
var mapHeight = 430;
bergfex.libs = { };
bergfex.season = "sommer";
</script><div x-data="" x-html="$store.map.mapContent" class="tw-relative"></div>
</div><div id="content-main"><div class="tw-main-container tw-pt-10 md:tw-pt-20 tw-pb-10 md:tw-pb-30 tw-bg-cover tw-bg-center" style="background-image: url("https://vcdn.bergfex.at/images/resized/2e/61605a658285292e_b046dbb95720b907.jpg")" data-background2x="https://vcdn.bergfex.at/images/presentation/intro/landingpage/[email protected]" x-data="dynamicBackgroundSwap(10)" x-intersect.once="intersect">
<div class="tw-grid tw-grid-cols-12 tw-gap-4 tw-text-white">
<div class="tw-col-span-12 sm:tw-col-span-5 lg:tw-col-span-6 tw-mb-4 sm:tw-mb-0 ">
<div class="tw-text-3xl tw-mb-2 tw-drop-shadow-xl">
Touren - Wetter - Webcams - Skigebiete
</div>
<h1 class="tw-text-7xl tw-drop-shadow-xl">
Erlebe die Berge
</h1>
</div>
<div class="tw-col-span-12 sm:tw-col-span-6 lg:tw-col-span-5 sm:tw-col-end-13 lg:tw-col-end-13 tw-flex tw-justify-end tw-space-x-4 lg:tw-mr-0.5">
<a href="/lp/winter/" class="js-track tw-w-1/2 lg:tw-w-40 tw-h-34 sm:tw-h-42 tw-flex tw-justify-center tw-items-center tw-flex-col tw-opacity-85 tw-rounded-md tw-transition-opacity hover:tw-opacity-100 tw-bg-blue" data-tracking-category="winter" data-tracking-event="homepage-intro">
<div class="tw-text-72px">
<i class="icon-winter"></i>
</div>
<div class="tw-text-4xl -tw-mt-2 sm:tw-mt-0">
Winter
</div>
</a>
<a href="/lp/sommer/" class="js-track tw-w-1/2 lg:tw-w-40 tw-h-34 sm:tw-h-42 tw-flex tw-justify-center tw-items-center tw-flex-col tw-opacity-85 tw-rounded-md tw-transition-opacity hover:tw-opacity-100 tw-bg-green-warm" data-tracking-category="summer" data-tracking-event="homepage-intro">
<div class="tw-text-72px">
<i class="icon-summer-o"></i>
</div>
<div class="tw-text-4xl -tw-mt-2 sm:tw-mt-0">
Sommer
</div>
</a>
</div>
</div>
</div>
<div class="md:tw-main-container">
<div class="md:tw-relative md:-tw-top-11 md:-tw-mb-7.5">
<div x-data="formSearchAccommodation('/sommer/oesterreich/unterkuenfte/')" @autocompleter-item-selected="autocompleteSelect" @autocompleter-reset="autocompleteReset">
<form :action="action" method="post" action="/sommer/oesterreich/unterkuenfte/" x-ref="form" @submit.prevent="submit" data-season="all">
<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=all', minLength:'3', value:'', queryParams:'null' })" @click.away="closeList">
<div class="tw-autocompleter-background tw-autocompleter-background--heading" x-show="open || focused" x-transition.opacity.duration.300ms="" @click="closeList" style="display: none;">
<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" 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" for="accommodationAutocompleter">
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-transition-opacity tw-opacity-0 tw-pointer-events-none" :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" 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" for="accommodationAutocompleter">
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-transition-opacity tw-opacity-0 tw-pointer-events-none" :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" style="display: none;">
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-67526')" @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" id="-1">
<label :for="id" class="tw-absolute tw-transition-colors tw-left-1 tw-top-3 tw-pl-12 tw-text-s tw-font-semibold" for="-1">
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-transition-opacity 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" :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="11.10.2024" x-ref="start"><input type="hidden" name="DatumAbreise" value="13.10.2024" x-ref="end"><template x-if="container">
<template x-teleport="#tw-datepicker-background-67526">
<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><template x-teleport="#tw-datepicker-background-67526" data-teleport-template="true">
<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>
</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="tw-main-container">
<div class="tw-h-6 md:tw-mb-0.5 tw-w-full"></div><div class="tw-flex tw-flex-col tw-gap-4">
<div x-data="promotionList({ items: [{"id":10120,"type":"promotion"},{"id":9876,"type":"promotion"},{"id":10448,"type":"promotion"},{"id":642,"type":"quiz"},{"id":8243,"type":"promotion"},{"id":7590,"type":"promotion"},{"id":10510,"type":"promotion"},{"id":10372,"type":"promotion"},{"id":10088,"type":"promotion"},{"id":10457,"type":"promotion"},{"id":9922,"type":"promotion"},{"id":10274,"type":"promotion"},{"id":10529,"type":"promotion"},{"id":10525,"type":"promotion"},{"id":10386,"type":"promotion"},{"id":10310,"type":"promotion"},{"id":10294,"type":"promotion"},{"id":10415,"type":"promotion"},{"id":10091,"type":"promotion"}] })" @click-button="loadMoreItems">
<div class="tw-grid tw-grid-cols-2 md:tw-grid-cols-3 lg:tw-grid-cols-4 tw-gap-x-4" x-ref="promotions">
<template x-if="itemsDisplayed >= 1">
<div>
<a href="/redirect/678208/610/10120/1/https%3A%2F%2Fflsk.de%2Fproducts%2Fflsk-kaffeebecher%3Fvariant%3D44550581289224%26utm_source%3DBergfex-39-40%26utm_medium%3Dflsk-kaffeebecher%26utm_campaign%3Dcup-midnight" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="0" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/4a/e9f4f82116a73f4a_328a7f05c96fad7f.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #888877; color: #FFFFFF; ">
<div>
FLSK. Perfekt für den Herbst.
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Damit Du gut durch die kalte Jahreszeit kommst, ist der <strong>FLSK Kaffeebecher</strong> perfekt für Dich.</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/678208/610/10120/1/https%3A%2F%2Fflsk.de%2Fproducts%2Fflsk-kaffeebecher%3Fvariant%3D44550581289224%26utm_source%3DBergfex-39-40%26utm_medium%3Dflsk-kaffeebecher%26utm_campaign%3Dcup-midnight" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="0" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/4a/e9f4f82116a73f4a_328a7f05c96fad7f.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #888877; color: #FFFFFF; ">
<div>
FLSK. Perfekt für den Herbst.
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Damit Du gut durch die kalte Jahreszeit kommst, ist der <strong>FLSK Kaffeebecher</strong> perfekt für Dich.</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 2">
<div>
<a href="/redirect/8c242d/610/9876/1/https%3A%2F%2Fwww.urlaubambauernhof.at%2Fde%2Ferlebnisse%2Furlaub-zu-zweit%3Futm_source%3DBergfex.at%26utm_medium%3Dbanner%26utm_content%3Durlaub-zu-zweit%26utm_campaign%3DALL-BV-Herbst-2024" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="1" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/72/b98bcd9fcca9a772_a0f72bb5a822876b.jpg" alt="Österreich" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #557733; color: #FFFFFF; ">
<div>
Zeit zu zweit
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Österreich
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Genießt die Ruhe und Romantik der ländlichen Idylle, weit weg vom Alltag.</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/8c242d/610/9876/1/https%3A%2F%2Fwww.urlaubambauernhof.at%2Fde%2Ferlebnisse%2Furlaub-zu-zweit%3Futm_source%3DBergfex.at%26utm_medium%3Dbanner%26utm_content%3Durlaub-zu-zweit%26utm_campaign%3DALL-BV-Herbst-2024" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="1" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/72/b98bcd9fcca9a772_a0f72bb5a822876b.jpg" alt="Österreich" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #557733; color: #FFFFFF; ">
<div>
Zeit zu zweit
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Österreich
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Genießt die Ruhe und Romantik der ländlichen Idylle, weit weg vom Alltag.</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 3">
<div>
<a href="/redirect/792de5/610/10448/1/https%3A%2F%2Fwww.lungau.at%2Fde%2Fherbst%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="2" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/68/7aee9ee09bc8df68_6953f66428574098.jpg" alt="Salzburger Lungau" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #AAAAAA; color: #FFFFFF; ">
<div>
Unvergleichbar. Herbst im Salzburger Lungau
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Salzburger Lungau
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Herbsturlaub auf über 100 Wanderwegen, mehr als 60 glasklaren Bergseen und rund 70 Almhütten im Lungau.</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/792de5/610/10448/1/https%3A%2F%2Fwww.lungau.at%2Fde%2Fherbst%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="2" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/68/7aee9ee09bc8df68_6953f66428574098.jpg" alt="Salzburger Lungau" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #AAAAAA; color: #FFFFFF; ">
<div>
Unvergleichbar. Herbst im Salzburger Lungau
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Salzburger Lungau
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Herbsturlaub auf über 100 Wanderwegen, mehr als 60 glasklaren Bergseen und rund 70 Almhütten im Lungau.</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 4">
<div>
<a href="/redirect/181114/212/642/%2Fquiz%2F%3Fid%3D642%26utm_source%3Dbergfex%26utm_medium%3Dbanner%26utm_campaign%3Dgewinnspiel" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-quiz" data-tracking-category="3" 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-pb-4">
<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-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/08/50d28b737ca8b508_3b237805e4631935.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #666677; color: #FFFFFF; ">
<div>
Gewinne 3 Nächte im ALMGUT ****S
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Bis zum <strong>06.10.2024</strong> mitspielen und mit ein wenig Glück gewinnen:<br>
<strong>Winter-Wellness Urlaub im Salzburger Lungau</strong></p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/181114/212/642/%2Fquiz%2F%3Fid%3D642%26utm_source%3Dbergfex%26utm_medium%3Dbanner%26utm_campaign%3Dgewinnspiel" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-quiz" data-tracking-category="3" 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-pb-4">
<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-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/08/50d28b737ca8b508_3b237805e4631935.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #666677; color: #FFFFFF; ">
<div>
Gewinne 3 Nächte im ALMGUT ****S
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Bis zum <strong>06.10.2024</strong> mitspielen und mit ein wenig Glück gewinnen:<br>
<strong>Winter-Wellness Urlaub im Salzburger Lungau</strong></p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 5">
<div>
<a href="/redirect/f6bb50/610/8243/1/https%3A%2F%2Fwww.bergfex.at%2Fc%2Fapps%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="4" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/fd/ff5ae973fc121afd_7410a6d4f8614698.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #0099EE; color: #FFFFFF; ">
<div>
bergfex Outdoor Apps
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Die besten Apps für deine Outdoor Erlebnisse. bergfex <strong>Touren</strong>, <strong>Wetter</strong> & <strong>Ski</strong> - jetzt für iOS und Android erhältlich!</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/f6bb50/610/8243/1/https%3A%2F%2Fwww.bergfex.at%2Fc%2Fapps%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="4" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/fd/ff5ae973fc121afd_7410a6d4f8614698.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #0099EE; color: #FFFFFF; ">
<div>
bergfex Outdoor Apps
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Die besten Apps für deine Outdoor Erlebnisse. bergfex <strong>Touren</strong>, <strong>Wetter</strong> & <strong>Ski</strong> - jetzt für iOS und Android erhältlich!</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 6">
<div>
<a href="/redirect/c6c49e/610/7590/1/https%3A%2F%2Fwww.bergfex.at%2Fsommer%2Foesterreich%2Funterkuenfte%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="5" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/c9/3398676d9e09bac9_6e55315a76915858.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #00CCDD; color: #FFFFFF; ">
<div>
Die besten Hotels und Apartments
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Die schönsten Hotels, Pensionen und Ferienwohnungen im Alpenraum.</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/c6c49e/610/7590/1/https%3A%2F%2Fwww.bergfex.at%2Fsommer%2Foesterreich%2Funterkuenfte%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="5" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/c9/3398676d9e09bac9_6e55315a76915858.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #00CCDD; color: #FFFFFF; ">
<div>
Die besten Hotels und Apartments
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Die schönsten Hotels, Pensionen und Ferienwohnungen im Alpenraum.</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 7">
<div>
<a href="/redirect/d9b9be/610/10510/1/https%3A%2F%2Fwww.ischgl.com%2Fde%2Fveranstaltungen-erlebnisse%2Ftopevents%2Ftop-of-the-mountain-opening-concert_event_42210307%3Futm_source%3Dbergfex%26utm_medium%3Dpromobox%26utm_campaign%3Dischgl-winter-25-opening" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="6" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/59/394a9e8e8eb4c359_5361869c7dcd4d96.jpg" alt="Ischgl" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #778899; color: #FFFFFF; ">
<div>
Saisonauftakt in Ischgl
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Sei dabei, wenn <strong>Ellie Goulding am 30.11.2024</strong> die Skisaison in Ischgl eröffnet. Erster Skitag schon am 28.11.2024.</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/d9b9be/610/10510/1/https%3A%2F%2Fwww.ischgl.com%2Fde%2Fveranstaltungen-erlebnisse%2Ftopevents%2Ftop-of-the-mountain-opening-concert_event_42210307%3Futm_source%3Dbergfex%26utm_medium%3Dpromobox%26utm_campaign%3Dischgl-winter-25-opening" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="6" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/59/394a9e8e8eb4c359_5361869c7dcd4d96.jpg" alt="Ischgl" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #778899; color: #FFFFFF; ">
<div>
Saisonauftakt in Ischgl
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Sei dabei, wenn <strong>Ellie Goulding am 30.11.2024</strong> die Skisaison in Ischgl eröffnet. Erster Skitag schon am 28.11.2024.</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 8">
<div>
<a href="/redirect/8ee7d6/610/10372/1/https%3A%2F%2Fwww.sunweb.de%2Fskiurlaub%2Fosterreich%2Fski-amade%2Fsalzburger-sportwelt-ski-amade%2Fflachau%2Falpenchalets-flachauer-gutshof-kurz-und-wochenreisen%3Futm_source%3DBergfex%26utm_medium%3DDirect_deal%26utm_campaign%3DPromobox" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="7" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/ff/87fa9be3ff31cbff_5b23a2e125279d52.jpg" alt="Flachau" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #6699BB; color: #FFFFFF; ">
<div>
Chalet inkl. Skipass in Lift-Nähe
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Flachau
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Buchen Sie jetzt den beliebten Flachauer Gutshof inklusive 6-Tages-Skipass. <strong>Jetzt ab 650 € buchen</strong></p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/8ee7d6/610/10372/1/https%3A%2F%2Fwww.sunweb.de%2Fskiurlaub%2Fosterreich%2Fski-amade%2Fsalzburger-sportwelt-ski-amade%2Fflachau%2Falpenchalets-flachauer-gutshof-kurz-und-wochenreisen%3Futm_source%3DBergfex%26utm_medium%3DDirect_deal%26utm_campaign%3DPromobox" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="7" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/ff/87fa9be3ff31cbff_5b23a2e125279d52.jpg" alt="Flachau" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #6699BB; color: #FFFFFF; ">
<div>
Chalet inkl. Skipass in Lift-Nähe
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Flachau
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Buchen Sie jetzt den beliebten Flachauer Gutshof inklusive 6-Tages-Skipass. <strong>Jetzt ab 650 € buchen</strong></p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 9">
<div>
<a href="/redirect/44cbca/610/10088/1/https%3A%2F%2Fwww.wieneralpen.at%2Fblickplatz" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="8" target="_blank" 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-pb-4">
<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">
<span class="tw-block">Region</span>
<span class="tw-block">der Woche</span>
</div>
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/86/e358a47768f49586_973939d23abd4888.jpg" alt="Wiener Alpen in Niederösterreich" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #CC9966; color: #FFFFFF; ">
<div>
Erste Reihe blickfrei!
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Wiener Alpen in Niederösterreich
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Frei blicken, frei atmen, frei denken! Jetzt herbstlichen Wanderurlaub auf Bergen und Buckln erleben!</p></div> </div>
</div>
</a>
</div>
</template><div>
<a href="/redirect/44cbca/610/10088/1/https%3A%2F%2Fwww.wieneralpen.at%2Fblickplatz" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="8" target="_blank" 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-pb-4">
<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">
<span class="tw-block">Region</span>
<span class="tw-block">der Woche</span>
</div>
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/86/e358a47768f49586_973939d23abd4888.jpg" alt="Wiener Alpen in Niederösterreich" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #CC9966; color: #FFFFFF; ">
<div>
Erste Reihe blickfrei!
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Wiener Alpen in Niederösterreich
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Frei blicken, frei atmen, frei denken! Jetzt herbstlichen Wanderurlaub auf Bergen und Buckln erleben!</p></div> </div>
</div>
</a>
</div>
<template x-if="itemsDisplayed >= 10">
<div>
<a href="/redirect/4d6c7a/610/10457/1/https%3A%2F%2Ftrack.adform.net%2FC%2F%3Fbn%3D76371686" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="9" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/30/956c6f85bd672630_2061bb846687a2db.jpg" alt="Livigno" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #AABBDD; color: #FFFFFF; ">
<div>
Skisaison auf höchstem Niveau
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Livigno
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Erlebe italienischen Charme und alpinen Skigenuss in einer traumhaften Winterlandschaft auf über 1.800 m Höhe.</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 11">
<div>
<a href="/redirect/f40ff2/610/9922/1/https%3A%2F%2Fwww.travellunch.de" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="10" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/03/32f9384f770ba403_828c5f207f74bfd8.jpg" alt="Outdoor Food" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #BBAA99; color: #FFFFFF; ">
<div>
Gehaltvoll. Leicht.
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Outdoor Food
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p><strong>Travellunch:</strong> Gesunde und leckere Mahlzeiten für unterwegs. Auch als <strong>vegane</strong> und <strong>laktosefreie</strong> Sorten erhältlich.</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 12">
<div>
<a href="/redirect/1dceaf/610/10274/1/https%3A%2F%2Ftrack.adform.net%2FC%2F%3Fbn%3D76182567" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="11" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/eb/1a9e2646c31ccdeb_1b0ef2f5c9b1ae7a.jpg" alt="Dolomiti Hike Galaxy" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #88AACC; color: #FFFFFF; ">
<div>
Herbstgenuss in den Dolomiten
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Dolomiti Hike Galaxy
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Tanke neue Energie beim Wandern in den stillen, goldenen Wäldern der Dolomiten – pure Entspannung in der Natur!</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 13">
<div>
<a href="/redirect/0fe313/610/10529/1/https%3A%2F%2Fshop.steinkauz.com%2FLP%2FLodenjacken%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="12" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/15/54459ccce3952c15_0c65ffdd1128c9da.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #665511; color: #FFFFFF; ">
<div>
Loden-Jacken für die Wanderzeit - jetzt versandkostenfrei
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Warme Jacken aus reiner Schurwolle für Damen und Herren, ideal für die Übergangszeit - von STEINKAUZ</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 14">
<div>
<a href="/redirect/5b3686/610/10525/1/https%3A%2F%2Fad.doubleclick.net%2Fddm%2Ftrackclk%2FN1254156.148637BERGFEX.AT%2FB32572754.404941539%3Bdc_trk_aid%3D596531236%3Bdc_trk_cid%3D222774299%3Bdc_lat%3D%3Bdc_rdid%3D%3Btag_for_child_directed_treatment%3D%3Btfua%3D%3Bgdpr%3D%24%7BGDPR%7D%3Bgdpr_consent%3D%24%7BGDPR_CONSENT_755%7D%3Bltd%3D%3Bdc_tdv%3D1" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="13" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/8f/83796ded2abe418f_f531611ef2416146.jpg" alt="Österreich" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #99BBCC; color: #FFFFFF; ">
<div>
Škoda Räderwechsel inkl. Winter-Check
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Räderwechsel inkl. Winter-Check bei Ihrem Škoda Service-Betrieb. Jetzt Termin vereinbaren.</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 15">
<div>
<a href="/redirect/e8d7c1/610/10386/1/https%3A%2F%2Fwww.oetz.com%2Fde%2Fwinter%2Fevents%2Fmein-winterstart.html%3Futm_campaign%3DOTWIOETZ2425-DE%26utm_source%3DSI-Bergfex%26utm_medium%3Dbanner%26utm_content%3DSkistart-Skigebiet-der-Woche%26otassign%5Bcdp.i2%5D%3D1" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="14" target="_blank" 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-pb-4">
<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">
<span class="tw-block">Skigebiet</span>
<span class="tw-block">der Woche</span>
</div>
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/34/0183cd13fe71bd34_26d2a8ef01a94597.jpg" alt="Hochoetz / Ötztal" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #99AACC; color: #FFFFFF; ">
<div>
Skistart Hochoetz 07.12.
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Zum Skistart gibt es im Aktionszeitraum <strong>07.12.-15.12.</strong> den Skipass, Skiverleih und Privatskikurs zum <strong>Preisvorteil</strong>.</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 16">
<div>
<a href="/redirect/aa0280/610/10310/1/https%3A%2F%2Fbfnd.li%2Fbergfex-oas" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="15" target="_blank" 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-pb-4">
<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">
<span class="tw-block">Produkt</span>
<span class="tw-block">der Woche</span>
</div>
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/d9/0b801b66a78f02d9_9693cf92eca2c3b2.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #999999; color: #FFFFFF; ">
<div>
Outdoor Ankle Support
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Erlebe <strong>unbeschwertes Wandervergnügen</strong> durch perfekte <strong>Stabilität</strong> und die <strong>optimale Klimaregulierung</strong> dank Merinowolle.</p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 17">
<div>
<a href="/redirect/93eb95/610/10294/1/https%3A%2F%2Fwww.aparthotel-masocorto.it%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="16" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/a3/7e28bb91d6905ba3_f087bbdb5be977e6.jpg" alt="" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #5599CC; color: #FFFFFF; ">
<div>
Skifahren am Schnalstaler Gletscher (3212 m) Südtirol
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Aparthotel Maso Corto direkt an der Gondelbahn. Hallenbad, Parkgarage, Restaurant, Skiverleih <br>
<strong>7 ÜN+Frühstück ab € 993</strong></p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 18">
<div>
<a href="/redirect/7a7788/610/10415/1/https%3A%2F%2Fwww.faszinationski.de%2Freisearten-skiurlaub%2Fskireisen-kanada%2Fskireise-whistler%2F" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="17" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/d2/c8ce7baed06277d2_9023df4a77255695.jpg" alt="Kanada / Whistler" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #88AACC; color: #FFFFFF; ">
<div>
Skierlebnis Whistler
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Kanada / Whistler
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Skifahren im größten Skigebiet von Nordamerika.<br>
7 Nächte inkl. Flug, Transfers, Hotel, Skipass <strong>ab 1.899 €</strong></p></div> </div>
</div>
</a>
</div>
</template>
<template x-if="itemsDisplayed >= 19">
<div>
<a href="/redirect/2f3a28/610/10091/1/https%3A%2F%2Fwww.kaiserhof-ellmau.at%2Fde%2Fzimmer-suiten%2Fangebote%2Fangebot-153997-infinity-moments.html" aria-label="Promotion Card" x-data="tracking" @click="sendTracking" data-tracking-event="homepage-promotion" data-tracking-category="18" target="_blank" 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-pb-4">
<div class="tw-rounded-lg tw-overflow-hidden tw-relative">
<img src="https://vcdn.bergfex.at/images/resized/09/4d49357bbf25ac09_3b9f87dadaa188d2.jpg" alt="Ellmau/Tirol" class="tw-aspect-promotion tw-object-cover">
<div class="tw-relative tw-h-6">
<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 tw-bottom-0 tw-absolute" style=" background-color: #557799; color: #FFFFFF; ">
<div>
Infinity Moments im Kaiserhof
</div>
</div>
</div>
</div>
<div class="tw-px-1">
<div class="tw-text-xl tw-mt-2 -tw-mb-1">
Ellmau/Tirol
</div>
<div class="tw-text-m tw-mt-2">
<div class="txt_markup"><p>Auszeit am Wilden Kaiser in Ellmau! 3-4 Übernachtungen, 10% auf Halbpension, 1x 25 min. Massage p.P.<br>
<strong>ab € 675,- p.P.</strong></p></div> </div>
</div>
</a>
</div>
</template>
</div>
<div class="tw-mt-10 tw-flex tw-justify-center" x-show="areMoreItemsToLoad">
<button 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 " type="" x-data="button" @click="clickOnButton" data-tracking-event="homepage-promotion-expand">
Mehr anzeigen
<i class="icon-cta-arrow-down tw-align-middle tw-text-12px tw-ml-1"></i>
</button>
</div>
</div>
</div>
<div class="tw-h-12 md:tw-h-16 tw-w-full"></div><div class="tw-text-4xl tw-text-center tw-mb-5">
Bereit für dein nächstes Abenteuer?
</div>
<div class="tw-grid tw-grid-cols-3 md:tw-grid-cols-6 tw-gap-4">
<a href="/oesterreich/" class="js-track tw-flex tw-justify-center tw-flex-col tw-group tw-text-center tw-transition-colors hover:tw-text-brand tw-border tw-border-brand-gray-40 tw-rounded-lg tw-py-4 tw-px-2 hover:tw-border-brand-light hover:tw-bg-brand-light" data-tracking-category="activity-skiing" data-tracking-event="homepage-icons">
<i class="icon-activity-skiing tw-block tw-text-6xl tw-mb-0.5 group-hover:tw-no-underline"></i>
<span class="tw-block tw-text-xl">
Skifahren
</span>
</a><a href="/sommer/oesterreich/touren/skitour/" class="js-track tw-flex tw-justify-center tw-flex-col tw-group tw-text-center tw-transition-colors hover:tw-text-brand tw-border tw-border-brand-gray-40 tw-rounded-lg tw-py-4 tw-px-2 hover:tw-border-brand-light hover:tw-bg-brand-light" data-tracking-category="activity-skitouring" data-tracking-event="homepage-icons">
<i class="icon-activity-skitouring tw-block tw-text-6xl tw-mb-0.5 group-hover:tw-no-underline"></i>
<span class="tw-block tw-text-xl">
Skitouren
</span>
</a><a href="/oesterreich/langlaufen/" class="js-track tw-flex tw-justify-center tw-flex-col tw-group tw-text-center tw-transition-colors hover:tw-text-brand tw-border tw-border-brand-gray-40 tw-rounded-lg tw-py-4 tw-px-2 hover:tw-border-brand-light hover:tw-bg-brand-light" data-tracking-category="activity-cross-country-skiing" data-tracking-event="homepage-icons">
<i class="icon-activity-crosscountry tw-block tw-text-6xl tw-mb-0.5 group-hover:tw-no-underline"></i>
<span class="tw-block tw-text-xl">
Langlaufen
</span>
</a><a href="/sommer/oesterreich/touren/wandern/" class="js-track tw-flex tw-justify-center tw-flex-col tw-group tw-text-center tw-transition-colors hover:tw-text-brand tw-border tw-border-brand-gray-40 tw-rounded-lg tw-py-4 tw-px-2 hover:tw-border-brand-light hover:tw-bg-brand-light" data-tracking-category="activity-hiking" data-tracking-event="homepage-icons">
<i class="icon-activity-hiking tw-block tw-text-6xl tw-mb-0.5 group-hover:tw-no-underline"></i>
<span class="tw-block tw-text-xl">
Wandern
</span>
</a><a href="/sommer/oesterreich/touren/trailrunning/" class="js-track tw-flex tw-justify-center tw-flex-col tw-group tw-text-center tw-transition-colors hover:tw-text-brand tw-border tw-border-brand-gray-40 tw-rounded-lg tw-py-4 tw-px-2 hover:tw-border-brand-light hover:tw-bg-brand-light" data-tracking-category="activity-running" data-tracking-event="homepage-icons">
<i class="icon-activity-running tw-block tw-text-6xl tw-mb-0.5 group-hover:tw-no-underline"></i>
<span class="tw-block tw-text-xl">
Laufen
</span>
</a><a href="/sommer/oesterreich/touren/bike/" class="js-track tw-flex tw-justify-center tw-flex-col tw-group tw-text-center tw-transition-colors hover:tw-text-brand tw-border tw-border-brand-gray-40 tw-rounded-lg tw-py-4 tw-px-2 hover:tw-border-brand-light hover:tw-bg-brand-light" data-tracking-category="activity-cycling" data-tracking-event="homepage-icons">
<i class="icon-activity-cycling tw-block tw-text-6xl tw-mb-0.5 group-hover:tw-no-underline"></i>
<span class="tw-block tw-text-xl">
Radfahren
</span>
</a></div>
<div class="tw-h-4 md:tw-h-8 tw-w-full"></div><div class="tw-grid tw-grid-cols-2 sm:tw-grid-cols-2 md:tw-grid-cols-6 tw-gap-4">
<div class="tw-container-type-inline-size md:tw-col-span-3 tw-col-span-2 ">
<a href="/sommer/oesterreich/wetter/prognose/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-category="weather" data-tracking-event="cta-highlights" style="background-image: url("https://vcdn.bergfex.at/images/resized/d2/a6227756f1058cd2_38eec7b087a65682.jpg")" data-background2x="https://vcdn.bergfex.at/images/presentation/highlights/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-48px"><i class="icon-weather"></i></div>
<div class="tw-text-xl sm:tw-text-4xl tw-font-semibold sm:tw-font-bold tw-break-words">
Wetter
</div>
<div class="tw-text-xl tw-font-semibold tw-hidden md:tw-block">
Genaueste Prognosen für Berg und Tal
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size md:tw-col-span-3 tw-col-span-1 ">
<a href="/sommer/oesterreich/webcams/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-category="webcams" data-tracking-event="cta-highlights" style="background-image: url("https://vcdn.bergfex.at/images/resized/f7/d0a0e199e28abdf7_4fcfbfa729476398.jpg")" data-background2x="https://vcdn.bergfex.at/images/presentation/highlights/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-48px"><i class="icon-webcam"></i></div>
<div class="tw-text-xl sm:tw-text-4xl tw-font-semibold sm:tw-font-bold tw-break-words">
Webcams
</div>
<div class="tw-text-xl tw-font-semibold tw-hidden md:tw-block">
9500 Live-Einblicke
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size md:tw-col-span-2 tw-col-span-1 tw-order-4">
<a href="/oesterreich/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-category="ski-resorts" data-tracking-event="cta-highlights" style="background-image: url("https://vcdn.bergfex.at/images/resized/47/b638abb0e1cef747_b891ffcdb88c6bd0.jpg")" data-background2x="https://vcdn.bergfex.at/images/presentation/highlights/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-48px"><i class=" icon-winter-t"></i></div>
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Skigebiete
</div>
<div class="tw-text-xl tw-font-semibold tw-hidden md:tw-block">
15000 Pistenkilometer erkunden
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size md:tw-col-span-2 tw-col-span-1 tw-order-5">
<a href="/sommer/oesterreich/unterkuenfte/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-category="accommodations" data-tracking-event="cta-highlights" style="background-image: url("https://vcdn.bergfex.at/images/resized/c0/b5a58f5850d65bc0_657cb62f375edfa3.jpg")" data-background2x="https://vcdn.bergfex.at/images/presentation/highlights/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-48px"><i class=" icon-accomodation"></i></div>
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Unterkünfte
</div>
<div class="tw-text-xl tw-font-semibold tw-hidden md:tw-block">
6500 ausgewählte Hotels, Ferienwohnungen und mehr
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size md:tw-col-span-2 tw-col-span-1 tw-order-3">
<a href="/sommer/oesterreich/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-category="summer-regions" data-tracking-event="cta-highlights" style="background-image: url("https://vcdn.bergfex.at/images/resized/69/2c4bd574c4570669_5e216d04a17bd103.jpg")" data-background2x="https://vcdn.bergfex.at/images/presentation/highlights/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-48px"><i class=" icon-summer"></i></div>
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Regionen
</div>
<div class="tw-text-xl tw-font-semibold tw-hidden md:tw-block">
9000 Plätze zum Wohlfühlen
</div>
</div>
</a>
</div></div>
<div class="tw-h-12 md:tw-h-16 tw-w-full"></div><div x-data="slider({
padding: ``,
snap: `1`,
progress: `1`,
controls: `1`,
gap: `0`,
drag: `1`,
mobileVisibleSlides: `3`,
})" class="splide tw-relative splide--slide splide--ltr splide--draggable is-active is-overflow is-initialized" @update-splide-slider.window="init" id="splide01" role="region" aria-roledescription="carousel">
<div class="tw-relative">
<div class="tw-flex tw-justify-between tw-items-end tw-mb-2">
<div>
<h2 class="tw-text-4xl">Wohin soll's gehen?</h2>
</div>
<div class="splide__arrows tw-gap-x-2 tw-flex tw-touch-manipulation splide__arrows--ltr" :class="{ 'tw-hidden': possibleSlides === 0 }">
<button class="splide__arrow splide__arrow--prev tw-slider-arrow tw-left-0 tw-opacity-40" disabled="" aria-label="Previous slide" aria-controls="splide01-track">
<span class="icon-chevron-left"></span>
</button>
<button class="splide__arrow splide__arrow--next tw-slider-arrow tw-right-0" aria-label="Next slide" aria-controls="splide01-track">
<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 splide__track--slide splide__track--ltr splide__track--draggable" id="splide01-track" style="padding-left: 0px; padding-right: 0px;" aria-live="polite" aria-atomic="true">
<ul class="splide__list" id="splide01-list" role="presentation" style="transform: translateX(0px);">
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6 is-active is-visible" id="splide01-slide01" role="group" aria-roledescription="slide" aria-label="1 of 16">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/oesterreich/" class="tw-group js-track" data-tracking-category="country-at" data-tracking-event="cta-country-selection">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Österreich" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" src="https://vcdn.bergfex.at/images/presentation/flags/flag_at.svg" style="">
<img alt="Österreich" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_at.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Österreich
</p>
<p class="tw-text-base">2360 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6 is-visible is-next" id="splide01-slide02" role="group" aria-roledescription="slide" aria-label="2 of 16">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/schweiz/" class="tw-group js-track" data-tracking-category="country-ch" data-tracking-event="cta-country-selection">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Schweiz" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_ch.svg">
<img alt="Schweiz" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_ch.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Schweiz
</p>
<p class="tw-text-base">1927 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6 is-visible" id="splide01-slide03" role="group" aria-roledescription="slide" aria-label="3 of 16">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/deutschland/" class="tw-group js-track" data-tracking-category="country-de" data-tracking-event="cta-country-selection">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Deutschland" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_de.svg">
<img alt="Deutschland" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_de.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Deutschland
</p>
<p class="tw-text-base">3444 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6 is-visible" id="splide01-slide04" role="group" aria-roledescription="slide" aria-label="4 of 16">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/italien/" class="tw-group js-track" data-tracking-category="country-it" data-tracking-event="cta-country-selection">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Italien" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_it.svg">
<img alt="Italien" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_it.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Italien
</p>
<p class="tw-text-base">945 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide05" role="group" aria-roledescription="slide" aria-label="5 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/slovenia/" class="tw-group js-track" data-tracking-category="country-si" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Slowenien" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_si.svg">
<img alt="Slowenien" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_si.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Slowenien
</p>
<p class="tw-text-base">127 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide06" role="group" aria-roledescription="slide" aria-label="6 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/frankreich/" class="tw-group js-track" data-tracking-category="country-fr" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Frankreich" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_fr.svg">
<img alt="Frankreich" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_fr.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Frankreich
</p>
<p class="tw-text-base">756 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide07" role="group" aria-roledescription="slide" aria-label="7 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/nederland/" class="tw-group js-track" data-tracking-category="country-nl" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Niederlande" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_nl.svg">
<img alt="Niederlande" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_nl.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Niederlande
</p>
<p class="tw-text-base">78 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide08" role="group" aria-roledescription="slide" aria-label="8 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/belgie/" class="tw-group js-track" data-tracking-category="country-be" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Belgien" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_be.svg">
<img alt="Belgien" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_be.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Belgien
</p>
<p class="tw-text-base">97 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide09" role="group" aria-roledescription="slide" aria-label="9 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/liechtenstein/" class="tw-group js-track" data-tracking-category="country-li" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Liechtenstein" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_li.svg">
<img alt="Liechtenstein" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_li.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Liechtenstein
</p>
<p class="tw-text-base">13 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide10" role="group" aria-roledescription="slide" aria-label="10 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/czechia/" class="tw-group js-track" data-tracking-category="country-cz" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Tschechien" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_cz.svg">
<img alt="Tschechien" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_cz.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Tschechien
</p>
<p class="tw-text-base">241 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide11" role="group" aria-roledescription="slide" aria-label="11 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/slovakia/" class="tw-group js-track" data-tracking-category="country-sk" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Slowakei" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_sk.svg">
<img alt="Slowakei" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_sk.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Slowakei
</p>
<p class="tw-text-base">10 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide12" role="group" aria-roledescription="slide" aria-label="12 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/spanien/" class="tw-group js-track" data-tracking-category="country-es" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Spanien" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_es.svg">
<img alt="Spanien" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_es.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Spanien
</p>
<p class="tw-text-base">5 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide13" role="group" aria-roledescription="slide" aria-label="13 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/kroatien/" class="tw-group js-track" data-tracking-category="country-hr" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Kroatien" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_hr.svg">
<img alt="Kroatien" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="" src="https://vcdn.bergfex.at/images/presentation/countries/country_hr.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Kroatien
</p>
<p class="tw-text-base">252 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6 is-loading" id="splide01-slide14" role="group" aria-roledescription="slide" aria-label="14 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/bosnien-herzegowina/" class="tw-group js-track" data-tracking-category="country-ba" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img alt="Bosnien und Herzegowina" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="" src="https://vcdn.bergfex.at/images/presentation/flags/flag_ba.svg">
<img alt="Bosnien und Herzegowina" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="display: none;" src="https://vcdn.bergfex.at/images/presentation/countries/country_ba.svg">
</div>
<p class="tw-block tw-text-2xl tw-mb-1">
Bosnien und Herzegowina
</p>
<p class="tw-text-base">3 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide15" role="group" aria-roledescription="slide" aria-label="15 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/luxemburg/" class="tw-group js-track" data-tracking-category="country-lu" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img data-splide-lazy="https://vcdn.bergfex.at/images/presentation/flags/flag_lu.svg" alt="Luxemburg" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="display: none;">
<img data-splide-lazy="https://vcdn.bergfex.at/images/presentation/countries/country_lu.svg" alt="Luxemburg" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="display: none;">
<span class="splide__spinner"></span></div>
<p class="tw-block tw-text-2xl tw-mb-1">
Luxemburg
</p>
<p class="tw-text-base">59 Regionen</p>
</a>
</div></li>
<li class="splide__slide tw-w-full xs:tw-w-1/2 sm:tw-w-1/3 md:tw-w-1/4 lg:tw-w-1/6" id="splide01-slide16" role="group" aria-roledescription="slide" aria-label="16 of 16" aria-hidden="true">
<div class="tw-pb-2 tw-text-center">
<a href="/sommer/andorra/" class="tw-group js-track" data-tracking-category="country-ad" data-tracking-event="cta-country-selection" tabindex="-1">
<div class="tw-relative tw-flex tw-items-center tw-justify-center tw-flex-wrap tw-mb-2">
<img data-splide-lazy="https://vcdn.bergfex.at/images/presentation/flags/flag_ad.svg" alt="Andorra" class="tw-z-10 tw-absolute tw-w-10 tw-rounded-full" style="display: none;">
<img data-splide-lazy="https://vcdn.bergfex.at/images/presentation/countries/country_ad.svg" alt="Andorra" class="tw-z-0 tw-w-auto tw-max-w-[200%] tw-h-[120px] tw-transition-all group-hover:tw-brightness-90" style="display: none;">
<span class="splide__spinner"></span></div>
<p class="tw-block tw-text-2xl tw-mb-1">
Andorra
</p>
<p class="tw-text-base">10 Regionen</p>
</a>
</div></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 is-initialized is-overflow splide--slide splide--rtl splide--draggable is-active" x-ref="progressbar" id="splide02" role="region" aria-roledescription="carousel">
<div class="splide__track tw-rounded-sm group-hover/progressBar:tw-rounded-md -tw-translate-y-1/2 tw-transition-all tw-cursor-pointer splide__track--slide splide__track--rtl splide__track--draggable" id="splide02-track" aria-live="polite" aria-atomic="true" style="padding-right: 0px; padding-left: 0px;">
<ul class="splide__list" id="splide02-list" role="presentation" style="transform: translateX(0px);">
<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><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-active is-visible" id="splide02-slide01" role="tabpanel" aria-roledescription="slide" aria-label="1 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible is-next" id="splide02-slide02" role="tabpanel" aria-roledescription="slide" aria-label="2 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide03" role="tabpanel" aria-roledescription="slide" aria-label="3 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide04" role="tabpanel" aria-roledescription="slide" aria-label="4 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide05" role="tabpanel" aria-roledescription="slide" aria-label="5 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide06" role="tabpanel" aria-roledescription="slide" aria-label="6 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide07" role="tabpanel" aria-roledescription="slide" aria-label="7 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide08" role="tabpanel" aria-roledescription="slide" aria-label="8 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide09" role="tabpanel" aria-roledescription="slide" aria-label="9 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide10" role="tabpanel" aria-roledescription="slide" aria-label="10 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide11" role="tabpanel" aria-roledescription="slide" aria-label="11 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag is-visible" id="splide02-slide12" role="tabpanel" aria-roledescription="slide" aria-label="12 of 25" style="width: calc(7.69231%);">
<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 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><li class="splide__slide -tw-my-4 tw-py-4 tw-cursor-grab is-visible" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide13" role="tabpanel" aria-roledescription="slide" aria-label="13 of 25" style="width: calc(7.69231%);">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all !tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide14" role="tabpanel" aria-roledescription="slide" aria-label="14 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide15" role="tabpanel" aria-roledescription="slide" aria-label="15 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide16" role="tabpanel" aria-roledescription="slide" aria-label="16 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide17" role="tabpanel" aria-roledescription="slide" aria-label="17 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide18" role="tabpanel" aria-roledescription="slide" aria-label="18 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide19" role="tabpanel" aria-roledescription="slide" aria-label="19 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide20" role="tabpanel" aria-roledescription="slide" aria-label="20 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide21" role="tabpanel" aria-roledescription="slide" aria-label="21 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide22" role="tabpanel" aria-roledescription="slide" aria-label="22 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide23" role="tabpanel" aria-roledescription="slide" aria-label="23 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide24" role="tabpanel" aria-roledescription="slide" aria-label="24 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li><li class="splide__slide -tw-my-4 tw-py-4 no-drag" :class="{ 'no-drag' : i !== 1, 'tw-cursor-grab' : i === 1 }" id="splide02-slide25" role="tabpanel" aria-roledescription="slide" aria-label="25 of 25" style="width: calc(7.69231%);" aria-hidden="true">
<div class="group-hover/progressBar:tw-h-1.5 tw-bg-brand-gray-20 tw-h-1 tw-transition-all no-drag" :class="{ '!tw-bg-brand-black !tw-rounded-sm group-hover/progressBar:!tw-rounded-md' : i === 1, 'no-drag' : i !== 1 }"></div>
</li>
</ul>
</div>
<ul class="splide__pagination splide__pagination--rtl" role="tablist" aria-label="Select a slide to show"><li role="presentation"><button class="splide__pagination__page is-active" type="button" role="tab" aria-controls="splide02-slide01 splide02-slide02 splide02-slide03 splide02-slide04 splide02-slide05 splide02-slide06 splide02-slide07 splide02-slide08 splide02-slide09 splide02-slide10 splide02-slide11 splide02-slide12 splide02-slide13" aria-label="Go to page 1" aria-selected="true"></button></li><li role="presentation"><button class="splide__pagination__page" type="button" role="tab" aria-controls="splide02-slide13 splide02-slide14 splide02-slide15 splide02-slide16 splide02-slide17 splide02-slide18 splide02-slide19 splide02-slide20 splide02-slide21 splide02-slide22 splide02-slide23 splide02-slide24 splide02-slide25" aria-label="Go to page 2" tabindex="-1"></button></li></ul></div>
</div>
</div>
</div>
<div class="tw-mt-10 tw-flex tw-justify-center">
<a href="/sommer/oesterreich/" 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="cta-country-selection" data-tracking-category="overview">
Übersicht aller Regionen
</a>
</div>
<div class="tw-h-12 md:tw-h-16 tw-w-full"></div><h2 class="tw-text-4xl tw-mb-8">Unsere Empfehlungen</h2>
<div class="tw-grid tw-grid-cols-2 sm:tw-grid-cols-4 tw-gap-4">
<div class="tw-container-type-inline-size tw-col-span-2 tw-row-span-2 ">
<a href="/sommer/wienerwald/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-data="{"Category":"summerregion","Country":"oesterreich","Federalstate":"niederoesterreich","Summerregion":"wienerwald"}" data-tracking-event="cta-recommendation" style="background-image: url("https://vcdn.bergfex.at/images/resized/27/3444fa79e4795027_af03e9f3e066eea5.jpg")" data-background2x="https://vcdn.bergfex.at/images/resized/9a/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-text-s tw-font-semibold tw-absolute tw-top-4 tw-left-4 tw-mr-4 tw-break-all tw-py-1 tw-px-2 tw-bg-brand-white
tw-rounded-xl md:tw-block tw-text-brand-black tw-transition-colors
group-hover:tw-bg-brand-white/20 group-hover:tw-text-brand-white
">
Niederösterreich
</div>
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl sm:tw-text-3xl sm:tw-text-6xl tw-break-words">
Wienerwald
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size tw-col-span-2 sm:tw-col-span-1 ">
<a href="/sommer/osttirol/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-data="{"Category":"summerregion","Country":"oesterreich","Federalstate":"tirol","Summerregion":"osttirol"}" data-tracking-event="cta-recommendation" style="background-image: url("https://vcdn.bergfex.at/images/resized/8e/f5558bc2125d4f8e_e6e19f84907db6db.jpg")" data-background2x="https://vcdn.bergfex.at/images/resized/d7/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-text-s tw-font-semibold tw-absolute tw-top-4 tw-left-4 tw-mr-4 tw-break-all tw-py-1 tw-px-2 tw-bg-brand-white
tw-rounded-xl md:tw-block tw-text-brand-black tw-transition-colors
group-hover:tw-bg-brand-white/20 group-hover:tw-text-brand-white
">
Tirol
</div>
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Osttirol
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size tw-col-span-2 sm:tw-col-span-1 ">
<a href="/sommer/naturpark-poellauer-tal/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-data="{"Category":"summerregion","Country":"oesterreich","Federalstate":"steiermark","Summerregion":"naturpark-poellauer-tal"}" data-tracking-event="cta-recommendation" style="background-image: url("https://vcdn.bergfex.at/images/resized/b9/c44f253594773eb9_54c1ab227cee646e.jpg")" data-background2x="https://vcdn.bergfex.at/images/resized/c3/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-text-s tw-font-semibold tw-absolute tw-top-4 tw-left-4 tw-mr-4 tw-break-all tw-py-1 tw-px-2 tw-bg-brand-white
tw-rounded-xl md:tw-block tw-text-brand-black tw-transition-colors
group-hover:tw-bg-brand-white/20 group-hover:tw-text-brand-white
">
Steiermark
</div>
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Naturpark Pöllauer Tal
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size tw-col-span-2 sm:tw-col-span-1 ">
<a href="/sommer/erlebnisregion-murtal/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-data="{"Category":"summerregion","Country":"oesterreich","Federalstate":"steiermark","Summerregion":"erlebnisregion-murtal"}" data-tracking-event="cta-recommendation" style="background-image: url("https://vcdn.bergfex.at/images/resized/fc/b4ace04e4fae8ffc_80326a2e0648e31e.jpg")" data-background2x="https://vcdn.bergfex.at/images/resized/27/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-text-s tw-font-semibold tw-absolute tw-top-4 tw-left-4 tw-mr-4 tw-break-all tw-py-1 tw-px-2 tw-bg-brand-white
tw-rounded-xl md:tw-block tw-text-brand-black tw-transition-colors
group-hover:tw-bg-brand-white/20 group-hover:tw-text-brand-white
">
Steiermark
</div>
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Erlebnisregion Murtal
</div>
</div>
</a>
</div>
<div class="tw-container-type-inline-size tw-col-span-2 sm:tw-col-span-1 ">
<a href="/sommer/montafon/" class="js-track tw-rounded-lg tw-text-white tw-relative tw-min-h-full tw-h-52 tw-flex tw-overflow-hidden tw-items-end
tw-group tw-bg-cover tw-bg-center @xs:tw-highlight-md-bg-gradient tw-highlight-sm-bg-gradient
before:tw-transition-colors before:tw-absolute before:tw-inset-0 before:tw-pointer-events-none
" data-tracking-data="{"Category":"summerregion","Country":"oesterreich","Federalstate":"vorarlberg","Summerregion":"montafon"}" data-tracking-event="cta-recommendation" style="background-image: url("https://vcdn.bergfex.at/images/resized/0c/6977d698cf985e0c_f83149a1018661d7.jpg")" data-background2x="https://vcdn.bergfex.at/images/resized/fa/[email protected]" x-data="dynamicBackgroundSwap" x-intersect.once="intersect">
<div class="tw-text-s tw-font-semibold tw-absolute tw-top-4 tw-left-4 tw-mr-4 tw-break-all tw-py-1 tw-px-2 tw-bg-brand-white
tw-rounded-xl md:tw-block tw-text-brand-black tw-transition-colors
group-hover:tw-bg-brand-white/20 group-hover:tw-text-brand-white
">
Vorarlberg
</div>
<div class="tw-p-4 tw-w-full tw-relative tw-z-10">
<div class="tw-text-xl @2xs:tw-text-4xl @3xs:tw-text-3xl @xs:md:tw-text-4xl @xs:tw-text-2xl tw-break-words">
Montafon
</div>
</div>
</a>
</div></div>
</div>
<div class="md:tw-grid md:tw-grid-cols-12 md:tw-gap-x-4 tw-main-container tw-pt-12 md:tw-pt-16 tw-overflow-hidden">
<h3 class="tw-text-6xl md:tw-col-span-6 tw-text-center md:tw-text-left md:tw-row-span-1">Unsere Apps für perfekte Outdoor-Erlebnisse</h3>
<div class="tw-relative md:tw-col-span-12 md:tw-pb-16 md:tw-mb-32 md:tw-grid md:tw-grid-cols-12 md:tw-gap-x-4">
<div class="tw-absolute -tw-top-8 md:tw-top-0 tw-flex tw-flex-col tw-h-[404px] -tw-inset-x-6 sm:-tw-inset-x-12 md:-tw-inset-x-16 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-grow tw-bg-brand-light tw-flex tw-items-center tw-justify-center"></div>
</div>
<div class="tw-flex md:tw-col-span-4 md:tw-row-start-2 md:tw-row-end-2 tw-mt-8 md:tw-mt-6 sm:tw-w-80 tw-m-auto tw-group tw-z-20">
<a href="/redirect/e29ab4/1230/0/1/https%3A%2F%2Fapps.apple.com%2Fat%2Fdeveloper%2Fbergfex-gmbh%2Fid355025018" target="_blank" class="tw-relative before:tw-transition-colors tw-w-full before:tw-absolute before:tw-w-full before:tw-left-0 before:tw-h-full before:tw-rounded group-hover:before:tw-bg-white/50 hover:before:!tw-bg-transparent">
<img src="https://vcdn.bergfex.at/images/presentation/apps/badges/appstore-de.svg" class="tw-w-full" alt="Download IOS Apps">
</a>
<div class="tw-w-4"></div>
<a href="/redirect/f258b4/1231/0/1/https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdeveloper%3Fid%3Dbergfex%2BGmbH" target="_blank" class="tw-relative tw-w-full before:tw-transition-colors before:tw-absolute before:tw-left-0 before:tw-w-full before:tw-h-full before:tw-rounded group-hover:before:tw-bg-white/50 hover:before:!tw-bg-transparent">
<img src="https://vcdn.bergfex.at/images/presentation/apps/badges/playstore-de.svg" class="tw-w-full" alt="Download Android Apps">
</a>
</div>
<div class="tw-mt-8 md:tw-mt-0 md:tw-absolute md:tw-top-0 md:tw-left-0 md:tw-right-0 tw-flex tw-justify-center -tw-mx-8 sm:-tw-mx-12 md:tw-m-0 tw-z-10 tw-relative md:tw-grid md:tw-grid-cols-12 md:tw-gap-x-4">
<a href="/c/apps/" class="md:tw-col-start-2 lg:tw-col-start-4 md:tw-col-end-12 md:-tw-mr-28 tw-h-[420px] md:tw-h-[540px]">
<picture>
<source srcset="https://vcdn.bergfex.at/images/presentation/apps/advertisement/[email protected] 2x" media="(min-resolution: 192dpi)" type="image/webp">
<source srcset="https://vcdn.bergfex.at/images/presentation/apps/advertisement/apps.webp 1x" type="image/webp">
<source srcset="https://vcdn.bergfex.at/images/presentation/apps/advertisement/[email protected] 2x" media="(min-resolution: 192dpi)" type="image/png">
<img width="1980" height="1080" class="tw-h-full tw-object-cover md:tw-object-left" src="https://vcdn.bergfex.at/images/presentation/apps/advertisement/apps.png" alt="Die bergfex apps für Android und IOS" loading="eager">
</picture>
</a>
</div>
<div class="tw-flex tw-flex-col md:tw-col-span-5 md:tw-row-start-1 md:tw-row-end-1 md:tw-flex-row md:tw-pt-0 tw-z-20">
<div class="md:-tw-mx-2 md:tw-grow md:tw-pt-10 tw-flex tw-flex-col">
<a href="/c/apps/#touren" class="tw-flex tw-items-center tw-rounded-2xl tw-group/item tw-mt-4 md:tw-mt-0 md:tw-p-2 md:tw-pr-6 md:hover:tw-bg-brand-white tw-transition" target="_blank">
<div>
<img src="/images/presentation/apps/icons/tours/icon.svg" alt="Wandern & Tracking" class="tw-w-16">
</div>
<div class="tw-ml-4 tw-flex tw-justify-between tw-grow">
<div class="tw-text-xl group-hover/item:tw-text-brand tw-transition">Wandern & Tracking</div>
<div class="tw-rounded-full tw-bg-brand-gray-10 md:tw-bg-brand-white tw-group/icon group-hover/item:tw-bg-brand-gray-10 hover:!tw-bg-brand tw-h-5 tw-w-5 tw-flex tw-items-center tw-justify-center tw-transition">
<span class="icon-cta-arrow-right tw-text-brand-black tw-text-12px group-hover/icon:tw-text-brand-white tw-transition"></span>
</div>
</div>
</a><a href="/c/apps/#wetter" class="tw-flex tw-items-center tw-rounded-2xl tw-group/item tw-mt-4 md:tw-mt-0 md:tw-p-2 md:tw-pr-6 md:hover:tw-bg-brand-white tw-transition" target="_blank">
<div>
<img src="/images/presentation/apps/icons/weather/icon.svg" alt="Wetter & Regenradar" class="tw-w-16">
</div>
<div class="tw-ml-4 tw-flex tw-justify-between tw-grow">
<div class="tw-text-xl group-hover/item:tw-text-brand tw-transition">Wetter & Regenradar</div>
<div class="tw-rounded-full tw-bg-brand-gray-10 md:tw-bg-brand-white tw-group/icon group-hover/item:tw-bg-brand-gray-10 hover:!tw-bg-brand tw-h-5 tw-w-5 tw-flex tw-items-center tw-justify-center tw-transition">
<span class="icon-cta-arrow-right tw-text-brand-black tw-text-12px group-hover/icon:tw-text-brand-white tw-transition"></span>
</div>
</div>
</a><a href="/c/apps/#ski" class="tw-flex tw-items-center tw-rounded-2xl tw-group/item tw-mt-4 md:tw-mt-0 md:tw-p-2 md:tw-pr-6 md:hover:tw-bg-brand-white tw-transition" target="_blank">
<div>
<img src="/images/presentation/apps/icons/ski/icon.svg" alt="Ski, Schnee & Wetter" class="tw-w-16">
</div>
<div class="tw-ml-4 tw-flex tw-justify-between tw-grow">
<div class="tw-text-xl group-hover/item:tw-text-brand tw-transition">Ski, Schnee & Wetter</div>
<div class="tw-rounded-full tw-bg-brand-gray-10 md:tw-bg-brand-white tw-group/icon group-hover/item:tw-bg-brand-gray-10 hover:!tw-bg-brand tw-h-5 tw-w-5 tw-flex tw-items-center tw-justify-center tw-transition">
<span class="icon-cta-arrow-right tw-text-brand-black tw-text-12px group-hover/icon:tw-text-brand-white tw-transition"></span>
</div>
</div>
</a></div>
</div>
</div>
</div><div class="tw-main-container">
<div class="tw-h-8 md:tw-h-12 tw-w-full"></div><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-text-center tw-p-8 tw-rounded-2xl tw-ring-1 tw-ring-inset tw-ring-brand-gray-40 tw-bg-brand-white md:tw-py-6 md:tw-flex md:tw-items-center tw-transition hover:tw-bg-brand-light hover:tw-ring-transparent">
<i class="icon-newsletter tw-block tw-text-brand tw-text-64px tw-mb-2 md:tw-m-0 md:tw-mr-8"></i>
<h3 class="tw-text-4xl tw-mb-4 md:tw-pr-8 md:tw-text-left md:tw-m-0">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="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" class="tw-backdrop-blur-xs tw-z-40 tw-bg-brand-black/50 tw-fixed tw-inset-0" style="display: none;">
</div>
<div x-show="$store.modal.isOpen('newsletter')" 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" style="display: none;">
<div class="tw-flex tw-flex-col md:tw-relative tw-overflow-hidden md:tw-w-150 tw-w-full tw-bg-white tw-rounded-t-2xl md:tw-rounded-2xl tw-min-h-16 md:tw-min-h-24 tw-m-auto">
<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-top-4 md:tw-top-8 tw-right-4 md:tw-right-8" @click.prevent="close">
<i class="icon-close"></i>
</div>
<div class="tw-w-full md:tw-flex-auto tw-pt-5 tw-p-4 md:tw-p-8 tw-overflow-auto" :class="{ 'tw-max-h-full': contentHeight > 0 }" :style="{ 'height': contentHeight+'px' }">
<div x-ref="content">
</div>
<div x-show="loading" role="status" class="tw-flex tw-items-center tw-justify-center" style="display: none;">
<div class="tw-loading-indicator"></div>
</div>
<div x-show="error" style="display: none;">
<div class="tw-text-4xl tw-mb-6">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="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" class="tw-backdrop-blur-xs tw-z-40 tw-bg-brand-black/50 tw-fixed tw-inset-0" style="display: none;">
</div>
<div x-show="$store.modal.isOpen('newslettersuccess')" 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" style="display: none;">
<div class="tw-flex tw-flex-col md:tw-relative tw-overflow-hidden md:tw-w-150 tw-w-full tw-bg-white tw-rounded-t-2xl md:tw-rounded-2xl tw-min-h-16 md:tw-min-h-24 tw-m-auto">
<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-top-4 md:tw-top-8 tw-right-4 md:tw-right-8" @click.prevent="close">
<i class="icon-close"></i>
</div>
<div class="tw-w-full md:tw-flex-auto tw-pt-5 tw-p-4 md:tw-p-8 tw-overflow-auto">
<div x-ref="content">
<div class="tw-text-base tw-text-center tw-px-8 tw-py-12 md:tw-p-8">
<div class="tw-rounded-full tw-bg-brand tw-p-4 tw-w-16 tw-h-16 tw-flex tw-items-center tw-justify-center tw-m-auto">
<i class="tw-text-32px icon-check tw-text-brand-white"></i>
</div>
<div class="tw-text-4xl tw-mt-4 tw-mb-2 tw-px-4">
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'" style="transition-duration:300ms"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tw-h-12 md:tw-h-16 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Sommerregionen im Trend
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/sommer/oesterreich/" data-tracking-data="{"Category":"trending summerregion","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 Sommerregionen</a>
<a href="/sommer/graz/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"steiermark","Summerregion":"graz"}" 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">Graz - Stadt</a>
<a href="/sommer/wien-stadt/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"wien","Summerregion":"wien-stadt"}" 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">Wien - Stadt</a>
<a href="/sommer/innsbruck/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Summerregion":"innsbruck"}" 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">Innsbruck</a>
<a href="/sommer/salzburg-stadt/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"salzburg","Summerregion":"salzburg-stadt"}" 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">Salzburg - Stadt</a>
<a href="/sommer/klagenfurt/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"kaernten","Summerregion":"klagenfurt"}" 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">Klagenfurt am Wörthersee</a>
<a href="/sommer/villach/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"kaernten","Summerregion":"villach"}" 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">Villach</a>
<a href="/sommer/linz/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"oberoesterreich","Summerregion":"linz"}" 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">Linz</a>
<a href="/sommer/lienz/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Summerregion":"lienz"}" 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">Lienz</a>
<a href="/sommer/wolfsberg-lavanttal/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"kaernten","Summerregion":"wolfsberg-lavanttal"}" 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">Wolfsberg</a>
<a href="/sommer/kufstein/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Summerregion":"kufstein"}" 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">Kufstein</a>
<a href="/sommer/sankt-veit-glan/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"kaernten","Summerregion":"sankt-veit-glan"}" 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. Veit an der Glan</a>
<a href="/sommer/sankt-poelten/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"niederoesterreich","Summerregion":"sankt-poelten"}" 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. Pölten</a>
<a href="/sommer/tannheimertal/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Summerregion":"tannheimertal"}" 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">Tannheimer Tal</a>
<a href="/sommer/bad-ischl/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"oberoesterreich","Summerregion":"bad-ischl"}" 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">Bad Ischl</a>
<a href="/sommer/reutte/" data-tracking-data="{"Category":"trending","Country":"oesterreich","Federalstate":"tirol","Summerregion":"reutte"}" 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">Reutte</a>
</div>
<div class="tw-h-8 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Urlaubsziele in deiner Nähe
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/sommer/tirol/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"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">Tirol</a>
<a href="/sommer/salzburg/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"salzburg"}" 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">Salzburger Land</a>
<a href="/sommer/steiermark/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"steiermark"}" 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">Steiermark</a>
<a href="/sommer/vorarlberg/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"vorarlberg"}" 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">Vorarlberg</a>
<a href="/sommer/kaernten/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"kaernten"}" 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ärnten</a>
<a href="/sommer/oberoesterreich/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"oberoesterreich"}" 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">Oberösterreich</a>
<a href="/sommer/niederoesterreich/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"niederoesterreich"}" 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">Niederösterreich</a>
<a href="/sommer/wien/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"wien"}" 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">Wien</a>
<a href="/sommer/burgenland/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"burgenland"}" 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">Burgenland</a>
</div>
<div class="tw-h-8 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Deine nächste Unterkunft
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/sommer/oesterreich/unterkuenfte/" data-tracking-data="{"Category":"next accommodation","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 Unterkünfte</a>
<a href="/sommer/oesterreich/unterkunft/hotel/" data-tracking-data="{"Category":"next accommodation","Selection":"hotel"}" 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">Hotel</a>
<a href="/sommer/oesterreich/unterkunft/pension/" data-tracking-data="{"Category":"next accommodation","Selection":"pension"}" 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">Pension</a>
<a href="/sommer/oesterreich/unterkunft/privatzimmer/" data-tracking-data="{"Category":"next accommodation","Selection":"privatzimmer"}" 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">Privatzimmer</a>
<a href="/sommer/oesterreich/unterkunft/bauernhof/" data-tracking-data="{"Category":"next accommodation","Selection":"bauernhof"}" 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">Bauernhof</a>
<a href="/sommer/oesterreich/unterkunft/ferienwohnung/" data-tracking-data="{"Category":"next accommodation","Selection":"ferienwohnung"}" 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">Ferienwohnung</a>
<a href="/sommer/oesterreich/unterkunft/ferienhaus/" data-tracking-data="{"Category":"next accommodation","Selection":"ferienhaus"}" 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">Ferienhaus</a>
<a href="/sommer/oesterreich/unterkunft/huette/" data-tracking-data="{"Category":"next accommodation","Selection":"huette"}" 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">Hütte</a>
<a href="/sommer/oesterreich/unterkunft/gasthof/" data-tracking-data="{"Category":"next accommodation","Selection":"gasthof"}" 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">Gasthof</a>
<a href="/sommer/oesterreich/unterkunft/gruppenunterkuenfte/" data-tracking-data="{"Category":"next accommodation","Selection":"gruppenunterkuenfte"}" 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">Selbstversorger-Gruppenunterkunft</a>
<a href="/sommer/oesterreich/unterkunft/chalet/" data-tracking-data="{"Category":"next accommodation","Selection":"chalet"}" 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">Chalet</a>
</div>
<div class="tw-h-8 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Alle Angebote auf einen Blick
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/sommer/oesterreich/pauschalangebote/" data-tracking-data="{"Category":"offers","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 Angebote</a>
<a href="/sommer/oesterreich/pauschalangebote/aktivurlaub/" data-tracking-data="{"Category":"offers","Selection":"aktivurlaub"}" 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">Aktivurlaub</a>
<a href="/sommer/oesterreich/pauschalangebote/familienurlaub/" data-tracking-data="{"Category":"offers","Selection":"familienurlaub"}" 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">Familienurlaub</a>
<a href="/sommer/oesterreich/pauschalangebote/skipass/" data-tracking-data="{"Category":"offers","Selection":"skipass"}" 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">Angebote mit Skipass</a>
<a href="/sommer/oesterreich/pauschalangebote/wellness-beauty/" data-tracking-data="{"Category":"offers","Selection":"wellness-beauty"}" 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">Beauty & Wellness</a>
<a href="/sommer/oesterreich/pauschalangebote/wanderurlaub/" data-tracking-data="{"Category":"offers","Selection":"wanderurlaub"}" 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">Wanderurlaub</a>
<a href="/sommer/oesterreich/pauschalangebote/skipauschale/" data-tracking-data="{"Category":"offers","Selection":"skipauschale"}" 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">Skiurlaub</a>
<a href="/sommer/oesterreich/pauschalangebote/geniesserpauschale/" data-tracking-data="{"Category":"offers","Selection":"geniesserpauschale"}" 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">Genießerpauschale</a>
<a href="/sommer/oesterreich/pauschalangebote/kurzurlaub/" data-tracking-data="{"Category":"offers","Selection":"kurzurlaub"}" 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">Kurzurlaub</a>
<a href="/sommer/oesterreich/pauschalangebote/sommerpauschale/" data-tracking-data="{"Category":"offers","Selection":"sommerpauschale"}" 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">Sommerpauschale</a>
<a href="/sommer/oesterreich/pauschalangebote/winterpauschale/" data-tracking-data="{"Category":"offers","Selection":"winterpauschale"}" 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">Winterurlaub</a>
</div>
<div class="tw-h-8 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Für jeden Sport die richtige Auswahl
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/sommer/oesterreich/sportanbieter/" data-tracking-data="{"Category":"service providers","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 Sportanbieter</a>
<a href="/sommer/oesterreich/sportanbieter/_shops-sportfachgeschaefte/" data-tracking-data="{"Category":"service providers","Selection":"shops-sportfachgeschaefte"}" 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">Sportfachgeschäfte</a>
<a href="/sommer/oesterreich/sportanbieter/_radsport/" data-tracking-data="{"Category":"service providers","Selection":"radsport"}" 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">Radsport</a>
<a href="/sommer/oesterreich/sportanbieter/_freizeitangebote/" data-tracking-data="{"Category":"service providers","Selection":"freizeitangebote"}" 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">Freizeitangebote</a>
<a href="/sommer/oesterreich/sportanbieter/_outdoor-adventure/" data-tracking-data="{"Category":"service providers","Selection":"outdoor-adventure"}" 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">Outdoor - Adventure</a>
<a href="/sommer/oesterreich/sportanbieter/_bergsport/" data-tracking-data="{"Category":"service providers","Selection":"bergsport"}" 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">Bergsport</a>
</div>
<div class="tw-h-8 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Skigebiete in deiner Nähe
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/tirol/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"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">Tirol</a>
<a href="/salzburg/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"salzburg"}" 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">Salzburger Land</a>
<a href="/steiermark/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"steiermark"}" 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">Steiermark</a>
<a href="/vorarlberg/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"vorarlberg"}" 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">Vorarlberg</a>
<a href="/kaernten/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"kaernten"}" 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ärnten</a>
<a href="/oberoesterreich/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"oberoesterreich"}" 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">Oberösterreich</a>
<a href="/niederoesterreich/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"niederoesterreich"}" 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">Niederösterreich</a>
<a href="/wien/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"wien"}" 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">Wien</a>
<a href="/burgenland/" data-tracking-data="{"Category":"holiday destination near you","Country":"oesterreich","Federalstate":"burgenland"}" 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">Burgenland</a>
</div>
<div class="tw-h-8 tw-w-full"></div><h2 class="tw-text-xl tw-mb-4">
Skigebiete in ganz Europa
</h2>
<div class="tw-flex tw-align-center tw-flex-wrap tw-gap-2">
<a href="/oesterreich/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"oesterreich"}" 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">Österreich</a>
<a href="/schweiz/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"schweiz"}" 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">Schweiz</a>
<a href="/deutschland/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"deutschland"}" 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">Deutschland</a>
<a href="/italien/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"italien"}" 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">Italien</a>
<a href="/slovenia/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"slovenia"}" 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">Slowenien</a>
<a href="/frankreich/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"frankreich"}" 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">Frankreich</a>
<a href="/nederland/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"nederland"}" 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">Niederlande</a>
<a href="/belgie/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"belgie"}" 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">Belgien</a>
<a href="/polska/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"polska"}" 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">Polen</a>
<a href="/liechtenstein/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"liechtenstein"}" 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">Liechtenstein</a>
<a href="/czechia/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"czechia"}" 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">Tschechien</a>
<a href="/slovakia/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"slovakia"}" 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">Slowakei</a>
<a href="/spanien/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"spanien"}" 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">Spanien</a>
<a href="/kroatien/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"kroatien"}" 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">Kroatien</a>
<a href="/bosnien-herzegowina/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"bosnien-herzegowina"}" 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">Bosnien und Herzegowina</a>
<a href="/andorra/" data-tracking-data="{"Category":"skiresorts in all europe","Country":"andorra"}" 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">Andorra</a>
</div>
<div class="tw-h-12 md:tw-h-16 tw-w-full"></div></div>
<div id="sidebar" class="tw-sitebar-container">
</div>
</div>
<footer class="tw-main-container tw-bg-brand-gray-10">
<div class="tw-py-10 md:tw-py-9">
<div class="tw-text-m tw-mb-6 md:tw-mb-3.5">
<a href="/" title="bergfex home">bergfex</a>
/ <strong>Österreich</strong>
</div>
<div class="tw-grid tw-grid-cols-2 tw-gap-y-8 tw-gap-x-10 tw-mb-8 md:tw-mb-6 md:tw-grid-cols-5 lg:tw-gap-28">
<div>
<div class="tw-text-m tw-font-bold tw-mb-1">Inhalte</div>
<ul class="tw-text-m">
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/lp/winter/">Winter</a></li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/lp/sommer/">Sommer</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/lp/wetter/">Wetter</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/lp/webcams/">Webcams</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/unterkuenfte/">Unterkünfte</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/touren/">Touren</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/highlights/">Highlights</a>
</li>
</ul>
</div>
<div class="md:tw-ml-0">
<div class="tw-text-m tw-font-bold tw-mb-1">Themen</div>
<ul class="tw-text-m">
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/oesterreich/">Skigebiete</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/">Sommerregionen</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/touren/skitour/">Skitour</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/oesterreich/langlaufen/">Langlaufen</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/oesterreich/snow-parks/">Snowparks</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/touren/wandern/">Wandern</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/touren/trailrunning/">Trailrunning</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/touren/bike/">Radfahren</a>
</li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/sommer/oesterreich/seen/">Badeseen</a>
</li>
</ul>
</div>
<div>
<div class="tw-text-m tw-font-bold tw-mb-1">Allgemein</div>
<ul class="tw-text-m">
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/newsletter/">Newsletter</a></li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/c/jobs/">Jobs</a></li>
<li class="tw-mb-1">
<a class="hover:tw-text-gray-dark" href="/c/ueber-uns/">Über uns</a>
</li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/mybergfex/">Mein bergfex</a></li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/c/faq/">FAQ</a></li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/c/blog/">Blog</a></li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/forum/">Forum</a></li>
</ul>
</div>
<div class="lg:tw-ml-10 tw-flex tw-flex-col tw-items-space-between">
<div>
<div class="tw-text-m tw-font-bold tw-mb-1 tw-whitespace-nowrap">bergfex Apps</div>
<ul class="tw-text-m">
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/c/apps/#touren">bergfex/Touren</a></li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/c/apps/#ski">bergfex/Ski</a></li>
<li class="tw-mb-1"><a class="hover:tw-text-gray-dark" href="/c/apps/#wetter">bergfex/Wetter</a></li>
</ul>
</div>
<div class="tw-pt-8 lg:tw-pt-9">
<div class="tw-text-m tw-font-bold tw-mb-1 tw-whitespace-nowrap">Werben auf bergfex</div>
<ul class="tw-text-m">
<li class="tw-mb-1"><a class="tw-whitespace-nowrap hover:tw-text-gray-dark" href="/c/b2b/online-marketing">Online Marketing</a></li>
<li class="tw-mb-1"><a class="tw-whitespace-nowrap hover:tw-text-gray-dark" href="/c/b2b/unterkuenfte">Unterkünfte</a></li>
<li class="tw-mb-1"><a class="tw-whitespace-nowrap hover:tw-text-gray-dark" href="/c/b2b/sportanbieter">Sportanbieter</a></li>
</ul>
</div>
</div>
<div class="md:tw-col-span-1 tw-col-span-2">
<div class="tw-flex md:tw-flex-col tw-gap-x-4 md:tw-gap-x-0 tw-justify-between sm:tw-justify-start tw-group">
<a target="_blank" aria-label="AppStore" href="/redirect/e29ab4/1230/0/1/https%3A%2F%2Fapps.apple.com%2Fat%2Fdeveloper%2Fbergfex-gmbh%2Fid355025018" class="md:tw-mb-2 before:tw-transition-colors tw-relative group-hover:before:tw-bg-white/50 hover:before:!tw-bg-transparent
before:tw-absolute before:tw-w-full before:tw-h-full before:tw-rounded before:tw-left-0">
<img class="md:tw-w-30 tw-w-42" src="https://vcdn.bergfex.at/images/presentation/apps/badges/appstore-de.svg" alt="">
</a>
<a target="_blank" aria-label="GooglePlaystore" href="/redirect/f258b4/1231/0/1/https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdeveloper%3Fid%3Dbergfex%2BGmbH" class="before:tw-transition-colors tw-peer tw-relative hover:before:!tw-bg-transparent
before:tw-absolute before:tw-w-full before:tw-h-full before:tw-rounded before:tw-left-0 group-hover:before:tw-bg-white/50">
<img class="md:tw-w-30 tw-w-42" src="https://vcdn.bergfex.at/images/presentation/apps/badges/playstore-de.svg" alt="">
</a>
</div>
</div>
</div>
<hr class="tw-border-brand-gray-40">
<div class="md:tw-flex tw-space-y-5 md:tw-space-y-0 tw-mt-8 md:tw-mt-6 tw-justify-between">
<div>
<div x-data="modal">
<a @click.prevent="toggle" href="#" class="tw-full 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-brand-gray-20 tw-transition-all hover:tw-ring-0">
<div class="tw-flex tw-space-x-2 tw-items-center tw-px-3 tw-py-2.5">
<img class="tw-block tw-rounded-full tw-w-4 tw-h-4" src="https://vcdn.bergfex.at/images/presentation/flags/flag_at.svg" alt="Österreich">
<span class="tw-text-s tw-font-semibold">Deutsch</span>
</div>
<div class="tw-items-center tw-flex">
<i class="icon-cta-arrow-down tw-px-3 tw-py-2.5 tw-text-12px"></i>
</div>
</a>
<div tabindex="0" @keydown.escape="close" x-trap="open" @modal-close="close">
<div x-show="open" x-transition.opacity.duration.300ms="" @click="close" class="tw-backdrop-blur-xs tw-z-40 tw-fixed tw-inset-0 tw-bg-brand-black/50" style="display: none;">
</div>
<div x-show="open" 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)] " style="display: none;">
<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-[583px] tw-max-w-full md:tw-rounded-2xl tw-overflow-hidden" :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 tw-overflow-hidden" :class="{ 'tw-overflow-hidden': !isSearchModal }">
<div class="tw-flex tw-items-center tw-justify-between tw-px-4 md:tw-px-6 tw-pb-3 tw-pt-4 tw-text-m tw-bg-white tw-font-semibold tw-border-b tw-border-brand-gray-20 tw-text-center tw-w-full tw-rounded-t-2xl md:tw-relative tw-h-12">
<div class="tw-invisible">
<a class="tw-text-12px tw-p-4 -tw-ml-4 tw-leading-0 hover:tw-text-brand tw-transition-colors" href="#" @click.prevent="pageBack">
<i class="icon-cta-arrow-left"></i>
</a>
</div>
<div x-text="(typeof header !== 'undefined' && header) ? header : $el.innerText">Sprache auswählen</div>
<a class="tw-text-12px tw-p-4 -tw-mr-4 tw-leading-0 hover:tw-text-brand tw-transition-colors" href="#" @click.prevent="close">
<i class="icon-close"></i>
</a>
</div>
<div class="tw-w-full md:tw-flex-auto tw-max-h-[calc(100vh_-_4rem)] tw-py-5 tw-px-4 md:tw-px-6 md:tw-py-6 md:tw-mt-0 tw-overflow-auto" :class="{ 'tw-overflow-auto': !isSearchModal }">
<div x-ref="content">
<div class="tw-grid tw-grid-cols-2 md:tw-grid-cols-3 tw-gap-4 sm:tw-gap-2 md:tw-px-1">
<a href="/" data-tracking-category="at" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg tw-ring-1 tw-ring-inset tw-ring-brand-black tw-pointer-events-none ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_at.svg" alt="">
<span class="tw-text-m tw-font-semibold">Deutsch</span>
</div>
<i class="icon-check"></i>
</a>
<a href="https://www.bergfex.com/" data-tracking-category="en" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_en.svg" alt="">
<span class="tw-text-m tw-font-semibold">English</span>
</div>
</a>
<a href="https://www.bergfex.fr/" data-tracking-category="fr" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_fr.svg" alt="">
<span class="tw-text-m tw-font-semibold">Français</span>
</div>
</a>
<a href="https://it.bergfex.com/" data-tracking-category="it" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_it.svg" alt="">
<span class="tw-text-m tw-font-semibold">Italiano</span>
</div>
</a>
<a href="https://www.bergfex.es/" data-tracking-category="es" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_es.svg" alt="">
<span class="tw-text-m tw-font-semibold">Español</span>
</div>
</a>
<a href="https://nl.bergfex.com/" data-tracking-category="nl" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_nl.svg" alt="">
<span class="tw-text-m tw-font-semibold">Nederlands</span>
</div>
</a>
<a href="https://se.bergfex.com/" data-tracking-category="se" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_se.svg" alt="">
<span class="tw-text-m tw-font-semibold">Svenska</span>
</div>
</a>
<a href="https://no.bergfex.com/" data-tracking-category="no" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_no.svg" alt="">
<span class="tw-text-m tw-font-semibold">Norsk</span>
</div>
</a>
<a href="https://dk.bergfex.com/" data-tracking-category="dk" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_dk.svg" alt="">
<span class="tw-text-m tw-font-semibold">Dansk</span>
</div>
</a>
<a href="https://fi.bergfex.com/" data-tracking-category="fi" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_fi.svg" alt="">
<span class="tw-text-m tw-font-semibold">Suomi</span>
</div>
</a>
<a href="https://hu.bergfex.com/" data-tracking-category="hu" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_hu.svg" alt="">
<span class="tw-text-m tw-font-semibold">Magyar</span>
</div>
</a>
<a href="https://www.bergfex.cz/" data-tracking-category="cz" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_cz.svg" alt="">
<span class="tw-text-m tw-font-semibold">český</span>
</div>
</a>
<a href="https://www.bergfex.sk/" data-tracking-category="sk" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_sk.svg" alt="">
<span class="tw-text-m tw-font-semibold">Slovensky</span>
</div>
</a>
<a href="https://www.bergfex.pl/" data-tracking-category="pl" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_pl.svg" alt="">
<span class="tw-text-m tw-font-semibold">Polski</span>
</div>
</a>
<a href="https://hr.bergfex.com/" data-tracking-category="hr" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_hr.svg" alt="">
<span class="tw-text-m tw-font-semibold">Hrvatski</span>
</div>
</a>
<a href="https://www.bergfex.si/" data-tracking-category="si" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_si.svg" alt="">
<span class="tw-text-m tw-font-semibold">Slovenščina</span>
</div>
</a>
<a href="https://ru.bergfex.com/" data-tracking-category="ru" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_ru.svg" alt="">
<span class="tw-text-m tw-font-semibold">русский</span>
</div>
</a>
<a href="https://ro.bergfex.com/" data-tracking-category="ro" data-tracking-event="languageSwitcher" class="js-track tw-flex tw-justify-between tw-px-2 tw-py-2 sm:tw-px-3 tw-items-center tw-rounded-lg hover:tw-bg-brand-light tw-transition-colors ">
<div class="tw-flex tw-items-center tw-space-x-2">
<img class="tw-block tw-rounded-full tw-w-5 tw-h-5" src="https://vcdn.bergfex.at/images/presentation/flags/flag_ro.svg" alt="">
<span class="tw-text-m tw-font-semibold">Româna</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div></div>
<div class="tw-grid md:tw-grid-flow-col-dense md:tw-auto-cols-max tw-gap-x-4 tw-items-center">
<div class="md:tw-row-span-2">
<img class="tw-w-11" src="https://vcdn.bergfex.at/images/presentation/common/logo_signet.svg" alt="">
</div>
<p class="tw-text-m">
Copyright © 1999, 2024 bergfex GmbH. Alle Rechte vorbehalten.
</p>
<p class="tw-text-m tw-text-blue-interactive tw-col-span-2 tw-mt-4 md:tw-mt-0">
<a class="hover:tw-text-blue" href="/c/datenschutz/">Datenschutzbestimmungen</a> |
<a class="hover:tw-text-blue" href="/c/agb/">AGB</a> |
<a class="hover:tw-text-blue" href="/c/impressum/">Impressum</a> |
<a class="js-trigger-privacy-manager hover:tw-text-blue tw-whitespace-nowrap" href="#">Privacy Manager</a>
</p>
</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-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-flex tw-flex-col tw-fixed tw-z-50 tw-transition-all tw-inset-x-4 md:tw-inset-x-0 tw-top-[68px] tw-translate-0 md:tw-w-fit tw-pointer-events-none md:tw-main-container md:tw-bg-transparent tw-opacity-1 tw-ease-in-out" :style="(open && $store.header.top > 0) && { top: $store.header.top + 'px' }" style="display: none;">
<div class="tw-flex tw-relative tw-overflow-hidden tw-pointer-events-auto tw-bg-white tw-w-full tw-m-auto tw-rounded tw-max-h-full tw-flex-grow-0 tw-flex-shrink tw-basis-full tw-shadow-lg md:tw-w-[256px] tw-max-w-full">
<div class="tw-flex tw-flex-col md:tw-relative tw-overflow-hidden tw-w-full tw-rounded">
<a class="tw-absolute tw-z-50 tw-top-5 tw-right-4 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 md:tw-flex-auto tw-p-4 tw-overflow-auto">
<div>
<div class="tw-flex">
<div class="tw-flex tw-justify-center tw-items-center tw-rounded-full tw-w-5 tw-h-5 tw-mr-2 tw-shrink-0 tw-bg-brand" :class="{ 'tw-bg-brand' : $store.notification.success, 'tw-bg-red-error' : !$store.notification.success }">
<i class="tw-text-12px tw-text-white icon-check" :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'" style="transition-duration:300ms"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="modulepreload" href="https://vcdn.bergfex.at/build/assets/app-CbIcs5v4.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/notification-DeH9OaTd.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-CbIcs5v4.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>
<iframe name="__tcfapiLocator" style="display: none;"></iframe><div style="display: none;"></div><div><div class="tw-datepicker-container tw-peer"><div class="litepicker" data-plugins="mobile" style="display: none;"><div class="container__main"><div class="container__months"><div class="month-item no-previous-month"><div class="month-item-header"><button type="button" class="button-previous-month"><i class="icon-chevron-left"></i></button><div><strong class="month-item-name">Oktober</strong><span class="month-item-year">2024</span></div><button type="button" class="button-next-month"><i class="icon-chevron-right"></i></button></div><div class="month-item-weekdays-row"><div title="Montag">Mo</div><div title="Dienstag">Di</div><div title="Mittwoch">Mi</div><div title="Donnerstag">Do</div><div title="Freitag">Fr</div><div title="Samstag">Sa</div><div title="Sonntag">So</div></div><div class="container__days"><div></div><div class="day-item is-locked" data-time="1727740800000" tabindex="-1">1</div><div class="day-item is-locked" data-time="1727827200000" tabindex="-1">2</div><div class="day-item is-locked" data-time="1727913600000" tabindex="-1">3</div><div class="day-item is-locked" data-time="1728000000000" tabindex="-1">4</div><div class="day-item is-locked" data-time="1728086400000" tabindex="-1">5</div><div class="day-item is-today is-locked" data-time="1728172800000" tabindex="-1">6</div><div class="day-item" data-time="1728259200000" tabindex="0">7</div><div class="day-item" data-time="1728345600000" tabindex="0">8</div><div class="day-item" data-time="1728432000000" tabindex="0">9</div><div class="day-item" data-time="1728518400000" tabindex="0">10</div><div class="day-item" data-time="1728604800000" tabindex="0">11</div><div class="day-item" data-time="1728691200000" tabindex="0">12</div><div class="day-item" data-time="1728777600000" tabindex="0">13</div><div class="day-item" data-time="1728864000000" tabindex="0">14</div><div class="day-item" data-time="1728950400000" tabindex="0">15</div><div class="day-item" data-time="1729036800000" tabindex="0">16</div><div class="day-item" data-time="1729123200000" tabindex="0">17</div><div class="day-item" data-time="1729209600000" tabindex="0">18</div><div class="day-item" data-time="1729296000000" tabindex="0">19</div><div class="day-item" data-time="1729382400000" tabindex="0">20</div><div class="day-item" data-time="1729468800000" tabindex="0">21</div><div class="day-item" data-time="1729555200000" tabindex="0">22</div><div class="day-item" data-time="1729641600000" tabindex="0">23</div><div class="day-item" data-time="1729728000000" tabindex="0">24</div><div class="day-item" data-time="1729814400000" tabindex="0">25</div><div class="day-item" data-time="1729900800000" tabindex="0">26</div><div class="day-item" data-time="1729987200000" tabindex="0">27</div><div class="day-item" data-time="1730073600000" tabindex="0">28</div><div class="day-item" data-time="1730160000000" tabindex="0">29</div><div class="day-item" data-time="1730246400000" tabindex="0">30</div><div class="day-item" data-time="1730332800000" tabindex="0">31</div></div></div></div></div><div class="container__tooltip"></div></div></div><div class="tw-datepicker-background" id="tw-datepicker-background-67526"><div class="tw-pt-5 tw-px-4 tw-text-center tw-relative md:tw-hidden" data-teleport-target="true">
<div><div x-show="!dateStart" style="display: none;">Anreise wählen</div>
<div x-show="!dateEnd && dateStart" style="display: none;">Abreise wählen</div>
<div x-show="dateEnd && dateStart" style="">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></div></div><div id="sp_message_container_1070314" style="display: block;"><iframe src="https://cdn.privacy-mgmt.com/index.html?hasCsp=true&message_id=1070314&consentUUID=null&consent_origin=https%3A%2F%2Fcdn.privacy-mgmt.com%2Fconsent%2Ftcfv2&preload_message=true&version=v1" id="sp_message_iframe_1070314" title="Iframe title"></iframe></div></body></html>