<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Wohin in Vorarlberg</title>
<meta name="description" content="Aktuelle Events, Konzerte, Kultur & Ausgehtipps in Vorarlberg & der Bodenseeregion – jetzt entdecken, was am Wochenende los ist." />
<meta name="author" content="Wohin.vol.at" />
<meta name="robots" content="index, follow" />
<meta name="google-site-verification" content="fMGhkI0xe3OtN2K0qgyCCmahfpZM-bLefSGt_81kOeg" />
<meta name="theme-color" content="#000000" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="msapplication-navbutton-color" content="#000000" />
<meta property="og:title" content="Wohin in Vorarlberg" />
<meta property="og:description" content="Aktuelle Events, Konzerte, Kultur & Ausgehtipps in Vorarlberg & der Bodenseeregion – jetzt entdecken, was am Wochenende los ist." />
<meta property="og:type" content="website" />
<meta property="og:image" content="/lovable-uploads/wohin-in-vorarlberg-og.jpg" />
<meta property="og:image:secure_url" content="https://wohin.vol.at/lovable-uploads/wohin-in-vorarlberg-og.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Wohin - Entdecke die besten Events in deiner Region" />
<meta property="og:url" content="https://wohin.vol.at" />
<meta property="og:locale" content="de_AT" />
<meta property="og:site_name" content="Wohin" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@wohin_events" />
<meta name="twitter:title" content="Wohin in Vorarlberg" />
<meta name="twitter:description" content="Aktuelle Events, Konzerte, Kultur & Ausgehtipps in Vorarlberg & der Bodenseeregion – jetzt entdecken, was am Wochenende los ist." />
<meta name="twitter:image" content="https://wohin.vol.at/lovable-uploads/wohin-in-vorarlberg-og.jpg" />
<link rel="canonical" href="https://wohin.vol.at" />
<!-- Favicons -->
<link rel="icon" href="/lovable-uploads/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/lovable-uploads/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/lovable-uploads/favicon.ico">
<!-- DNS prefetch and preconnect for ConsentManager for faster loading -->
<link rel="dns-prefetch" href="//cdn.consentmanager.net">
<link rel="dns-prefetch" href="//d.delivery.consentmanager.net">
<link rel="preconnect" href="https://cdn.consentmanager.net" crossorigin>
<link rel="preconnect" href="https://d.delivery.consentmanager.net" crossorigin>
<!-- DNS prefetch and preload for ÖWA Analytics -->
<link rel="dns-prefetch" href="//data-56def2f6bc.vol.at">
<link rel="preconnect" href="https://data-56def2f6bc.vol.at" crossorigin>
<link rel='preload' href='https://data-56def2f6bc.vol.at/iomm/latest/manager/base/es6/bundle.js' as='script' id='IOMmBundle' crossorigin>
<link rel='preload' href='https://data-56def2f6bc.vol.at/iomm/latest/bootstrap/loader.js' as='script' crossorigin>
<!-- Preload ConsentManager script for faster cookie banner -->
<link rel="preload" href="https://cdn.consentmanager.net/delivery/js/semiautomatic.min.js" as="script" crossorigin="anonymous">
<!-- Custom Fonts - Non-blocking loading -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet"></noscript>
<!-- Preload hero image for better LCP with high priority -->
<link rel="preload" href="/lovable-uploads/wohin-events-hero.jpg" as="image" fetchpriority="high" media="(min-width: 640px)">
<link rel="preload" href="/lovable-uploads/wohin-events-hero.jpg" as="image" fetchpriority="high" media="(max-width: 639px)">
<!-- Preload Greta Sans Pro fonts to prevent font flash -->
<link rel="preload" href="/fonts-new/GretaSansPro-Reg.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts-new/GretaSansPro-SmBld.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts-new/GretaSansPro-Bld.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts-new/GretaSansPro-Hea.woff2" as="font" type="font/woff2" crossorigin>
<!-- Inline critical CSS for hero section to prevent layout shift -->
<style>
/* Critical hero section styles for LCP optimization */
.hero-section-critical {
position: relative;
min-height: 40vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media (min-width: 768px) {
.hero-section-critical {
min-height: 50vh;
}
}
.hero-image-critical {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-overlay-critical {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.hero-content-critical {
position: relative;
z-index: 10;
text-align: center;
color: white;
}
</style>
<!-- Async load custom fonts for better performance -->
<noscript></noscript>
<!-- Preload logos to prevent header loading delay -->
<link rel="preload" href="/lovable-uploads/wohin-logo-svg.svg" as="image">
<link rel="preload" href="/lovable-uploads/vol-logo.svg" as="image">
<!-- ConsentManager early loading for faster cookie banner -->
<script>
// Only load ConsentManager if not on newsletter-preview page
if (!window.location.pathname.includes('/newsletter-preview')) {
performance.mark('cmp-start-load');
const script = document.createElement('script');
script.type = 'text/javascript';
script.crossOrigin = 'anonymous';
script.setAttribute('data-cmp-ab', '1');
script.src = 'https://cdn.consentmanager.net/delivery/js/semiautomatic.min.js';
script.setAttribute('data-cmp-cdid', 'a418f26b01365');
script.setAttribute('data-cmp-host', 'd.delivery.consentmanager.net');
script.setAttribute('data-cmp-cdn', 'cdn.consentmanager.net');
script.setAttribute('data-cmp-codesrc', '0');
script.onload = () => performance.mark('cmp-loaded');
document.head.appendChild(script);
}
</script>
<!-- ÖWA Analytics loader script -->
<script type='text/javascript' src='https://data-56def2f6bc.vol.at/iomm/latest/bootstrap/loader.js' crossorigin></script>
<script type="module" crossorigin src="/assets/index-BHvYRvQA.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Ug0X174R.css">
</head>
<body>
<!-- ÖWA Analytics configuration script -->
<script type='text/javascript'>
if (typeof IOMm !== 'undefined') {
IOMm('configure', { st: 'at_w_atvol', dn: 'data-56def2f6bc.vol.at', cn: 'at', mh: 5 });
}
</script>
<div id="root"></div>
<style>
/* Hide ConsentManager settings button */
#cmpwelcomebtnno,
#cmpfloatingicon,
#cmpboxrecall,
.cmpboxrecall,
.cmp-floating-icon,
.cmp-icon,
[id^="cmp"][id*="icon"],
[class*="consent"][class*="icon"],
[class*="cmp"][class*="floating"] {
display: none !important;
visibility: hidden !important;
}
</style>
</script>
</body>
</html>