<!doctype html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    
    <!-- Primary Meta Tags - title, description, robots, hreflang all set dynamically by React Helmet per page -->
    <title>Hotel Bergsonne Allgäu | Smart Hotel Sonthofen Imberg</title>
    <meta name="author" content="Bergsonne Allgäu" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow" />

    <!-- Static OG fallback for social crawlers (FB, WhatsApp, Instagram don't execute JS) -->
    <!-- React Helmet will override these dynamically for JS-capable clients -->
    <meta property="og:title" content="Hotel Bergsonne Allgäu | Smart Hotel Sonthofen Imberg" />
    <meta property="og:description" content="Dein ruhiges Hotel in Sonthofen Imberg. Perfekt für Workation, Urlaub mit Hund und Alleinreisende. Barrierefrei und naturnah am Imberger Horn. Jetzt buchen." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://bergsonne-allgaeu.de/" />
    <meta property="og:image" content="https://bergsonne-allgaeu.de/og-image.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:alt" content="Hotel Bergsonne Allgäu – Smart Hotel am Imberger Horn in Sonthofen" />
    <meta property="og:site_name" content="Hotel Bergsonne Allgäu" />
    <meta property="og:locale" content="de_DE" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Hotel Bergsonne Allgäu | Smart Hotel Sonthofen Imberg" />
    <meta name="twitter:description" content="Dein ruhiges Hotel in Sonthofen Imberg. Perfekt für Workation, Urlaub mit Hund und Alleinreisende." />
    <meta name="twitter:image" content="https://bergsonne-allgaeu.de/og-image.jpg" />

    <!-- Security Headers -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta name="referrer" content="strict-origin-when-cross-origin" />

    <!-- PWA Manifest - dynamically set by route (main site, Maxibar, Lio) -->
    <!-- Default manifest will be injected by React Helmet based on current route -->
    <meta name="theme-color" content="#DFA63A" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />

    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="512x512" href="/favicon-v2.png" />
    <link rel="apple-touch-icon" href="/favicon-v2.png" />
    
    <!-- AI Discovery -->
    <link rel="llms-txt" href="/llms.txt" type="text/plain" title="LLMs.txt" />
    <link rel="alternate" type="text/plain" href="/llms.txt" title="LLMs.txt" />
    <link rel="alternate" type="application/json" href="/.well-known/nlweb.json" title="NLWeb" />
    <link rel="webmcp" href="/webmcp.json" type="application/json" title="WebMCP" />
    <link rel="openapi" href="/api/openapi" type="application/json" title="OpenAPI" />
    <link rel="api-catalog" href="/.well-known/api-catalog" type="application/linkset+json" title="API Catalog" />
    <link rel="mcp-server" href="/.well-known/mcp.json" type="application/json" title="MCP Server Card" />
    <link rel="agent-skills" href="/.well-known/agent-skills/index.json" type="application/json" title="Agent Skills" />
    <link rel="oauth-protected-resource" href="/.well-known/oauth-protected-resource" type="application/json" title="OAuth Protected Resource" />
    <link rel="alternate" type="application/rss+xml" title="Bergecho – Hotel Bergsonne Allgäu Blog" href="/rss.xml" />

    <!-- WebMCP — register browser-side tools for AI agents (webmachinelearning.github.io/webmcp) -->
    <script>
      (function () {
        function registerWebMCP() {
          if (!('modelContext' in navigator) || typeof navigator.modelContext.provideContext !== 'function') return;
          try {
            navigator.modelContext.provideContext({
              tools: [
                {
                  name: 'open_booking',
                  description: 'Open the Hotel Bergsonne Allgäu booking engine for the given dates and party size.',
                  inputSchema: {
                    type: 'object',
                    properties: {
                      checkIn: { type: 'string', description: 'YYYY-MM-DD' },
                      checkOut: { type: 'string', description: 'YYYY-MM-DD' },
                      adults: { type: 'integer', minimum: 1, default: 2 },
                      children: { type: 'integer', minimum: 0, default: 0 }
                    },
                    required: ['checkIn', 'checkOut']
                  },
                  execute: async (args) => {
                    const u = new URL('https://bergsonne-allgaeu.de/buchen');
                    if (args.checkIn) u.searchParams.set('checkin', args.checkIn);
                    if (args.checkOut) u.searchParams.set('checkout', args.checkOut);
                    if (args.adults) u.searchParams.set('adults', String(args.adults));
                    if (args.children) u.searchParams.set('children', String(args.children));
                    window.open(u.toString(), '_blank', 'noopener');
                    return { content: [{ type: 'text', text: 'Booking engine opened.' }] };
                  }
                },
                {
                  name: 'search_availability',
                  description: 'Search live room availability and rates at Hotel Bergsonne Allgäu.',
                  inputSchema: {
                    type: 'object',
                    properties: {
                      checkIn: { type: 'string' },
                      checkOut: { type: 'string' },
                      adults: { type: 'integer', minimum: 1 },
                      children: { type: 'integer', minimum: 0, default: 0 }
                    },
                    required: ['checkIn', 'checkOut', 'adults']
                  },
                  execute: async (args) => {
                    const u = new URL('https://bergsonne-allgaeu.de/api/booking');
                    u.searchParams.set('action', 'availability');
                    u.searchParams.set('checkIn', args.checkIn);
                    u.searchParams.set('checkOut', args.checkOut);
                    u.searchParams.set('adults', String(args.adults));
                    if (args.children) u.searchParams.set('children', String(args.children));
                    const r = await fetch(u.toString());
                    const data = await r.json();
                    return { content: [{ type: 'text', text: JSON.stringify(data) }] };
                  }
                },
                {
                  name: 'get_hotel_info',
                  description: 'Get hotel metadata, amenities, room types and policies.',
                  inputSchema: { type: 'object', properties: {} },
                  execute: async () => {
                    const r = await fetch('https://bergsonne-allgaeu.de/api/booking?action=hotel');
                    const data = await r.json();
                    return { content: [{ type: 'text', text: JSON.stringify(data) }] };
                  }
                }
              ]
            });
          } catch (e) { /* WebMCP not supported */ }
        }
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', registerWebMCP);
        } else {
          registerWebMCP();
        }
      })();
    </script>
    
    <!-- Preconnect to critical domains -->
    <!-- Note: Supabase preconnect removed — it's flagged as unused by Lighthouse since
         API calls happen after user interaction, not on initial page load -->
    <link rel="dns-prefetch" href="https://aneymulvoqusrlbcjmrb.supabase.co" />
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://forms-prod.apigateway.co" />
    <link rel="dns-prefetch" href="https://www.cdnstyles.com" />
    <link rel="dns-prefetch" href="https://gallery.bergsonne-allgaeu.de" />
    
    <!-- Preload critical fonts — cover all weights used above the fold to break the CSS→font chain -->
    <!-- Montserrat (body/UI) -->
    <link rel="preload" href="/fonts/montserrat-v31-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/fonts/montserrat-v31-latin-500.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/fonts/montserrat-v31-latin-600.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/fonts/montserrat-v31-latin-700.woff2" as="font" type="font/woff2" crossorigin />
    <!-- Lora (display/headings) -->
    <link rel="preload" href="/fonts/lora-v37-latin-600.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/fonts/lora-v37-latin-regular.woff2" as="font" type="font/woff2" crossorigin />
    
    <!-- 
      Hero image preloads removed: Vite-hashed asset paths (e.g. hero-summer-BsmqCdze.jpg)
      don't exist at /images/ on the origin, causing CF Image Resizing 415 errors.
      The HeroSection component handles its own image loading via OptimizedImage.
    -->
    
    <!-- Critical CSS - Inlined for fastest FCP -->
    <style>
      /* Critical above-the-fold styles */
      *,*::before,*::after{box-sizing:border-box;border:0 solid}
      html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}
      body{margin:0;line-height:inherit;background-color:#FAFAF8;color:#253d31}
      img,video{max-width:100%;height:auto;display:block}
      h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;font-family:Lora,ui-serif,Georgia,serif}
      /* Header glass effect */
      .glass-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:rgba(250,250,248,.8);border-bottom:1px solid rgba(0,0,0,.05)}
      /* Hero section critical */
      #root{min-height:100vh;min-height:100svh}
      /* Loading state - prevent layout shift */
      [data-loading]{opacity:0}
    </style>
    
    <!-- Booking script removed from here - now loaded on-demand via useBookingLink hook -->

    <!-- Static Hotel JSON-LD fallback for bots/prerender (removed by React on hydration) -->
    <script type="application/ld+json" data-static-hotel-jsonld="true">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "@id": "https://bergsonne-allgaeu.de/#organization",
          "name": "Sonne Imberg GmbH",
          "url": "https://bergsonne-allgaeu.de/",
          "logo": {"@type":"ImageObject","url":"https://bergsonne-allgaeu.de/logo-bergsonne.png","width":512,"height":512},
          "sameAs": ["https://www.linkedin.com/company/bergsonne-allgaeu"]
        },
        {
          "@type": "WebSite",
          "@id": "https://bergsonne-allgaeu.de/#website",
          "url": "https://bergsonne-allgaeu.de/",
          "name": "Hotel Bergsonne Allgäu",
          "publisher": {"@id":"https://bergsonne-allgaeu.de/#organization"},
          "inLanguage": ["de","en","nl","fr","es","pt","it"],
          "potentialAction": {
            "@type": "SearchAction",
            "target": "https://bergsonne-allgaeu.de/api/booking?action=availability&checkIn={checkIn}&checkOut={checkOut}&adults={adults}",
            "query-input": "required name=checkIn required name=checkOut required name=adults"
          }
        },
        {
          "@type": "WebPage",
          "@id": "https://bergsonne-allgaeu.de/#webpage",
          "url": "https://bergsonne-allgaeu.de/",
          "name": "Hotel Bergsonne Allgäu | Smart Hotel Sonthofen Imberg",
          "description": "Dein ruhiges Hotel in Sonthofen Imberg. Perfekt für Workation, Urlaub mit Hund und Alleinreisende. Barrierefrei und naturnah am Imberger Horn. Jetzt buchen.",
          "isPartOf": {"@id":"https://bergsonne-allgaeu.de/#website"},
          "about": {"@id":"https://bergsonne-allgaeu.de/#hotel"},
          "primaryImageOfPage": {"@type":"ImageObject","url":"https://bergsonne-allgaeu.de/og-image.jpg","width":1200,"height":630},
          "inLanguage": "de"
        },
        {
          "@type": "Hotel",
          "@id": "https://bergsonne-allgaeu.de/#hotel",
          "name": "Hotel Bergsonne Allgäu",
          "description": "Dein ruhiges Hotel in Sonthofen Imberg. Perfekt für Workation, Urlaub mit Hund und Alleinreisende. Barrierefrei und naturnah am Imberger Horn. Jetzt buchen.",
          "url": "https://bergsonne-allgaeu.de/",
          "telephone": "+49-8321-3360",
          "email": "servus@bergsonne-allgaeu.de",
          "image": ["https://bergsonne-allgaeu.de/og-image.jpg"],
          "logo": "https://bergsonne-allgaeu.de/logo-bergsonne.png",
          "address": {"@type":"PostalAddress","@id":"https://bergsonne-allgaeu.de/#address","streetAddress":"Imberg 12","addressLocality":"Sonthofen","addressRegion":"Bayern","postalCode":"87527","addressCountry":"DE"},
          "geo": {"@type":"GeoCoordinates","@id":"https://bergsonne-allgaeu.de/#geo","latitude":47.5147,"longitude":10.2858},
          "priceRange": "€€",
          "starRating": {"@type":"Rating","ratingValue":4,"bestRating":5},
          "checkinTime": "15:00",
          "checkoutTime": "11:00",
          "currenciesAccepted": "EUR",
          "paymentAccepted": ["Cash","Credit Card","Debit Card","Bank Transfer"],
          "amenityFeature": [
            {"@type":"LocationFeatureSpecification","name":"Free WiFi","value":true},
            {"@type":"LocationFeatureSpecification","name":"Free Parking","value":true},
            {"@type":"LocationFeatureSpecification","name":"Breakfast Included","value":true},
            {"@type":"LocationFeatureSpecification","name":"Pet Friendly","value":true},
            {"@type":"LocationFeatureSpecification","name":"Barrier Free Access","value":true},
            {"@type":"LocationFeatureSpecification","name":"Mountain View","value":true}
          ],
          "petsAllowed": true,
          "smokingAllowed": false,
          "numberOfRooms": 12,
          "aggregateRating": {"@type":"AggregateRating","ratingValue":4.8,"reviewCount":127,"bestRating":5,"worstRating":1},
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "@id": "https://bergsonne-allgaeu.de/#room-offers",
            "name": "Zimmer und Preise",
            "itemListElement": [
              {"@type":"Offer","@id":"https://bergsonne-allgaeu.de/#offer-sdz","priceCurrency":"EUR","price":55,"availability":"https://schema.org/InStock","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"EUR","price":55,"unitText":"per night","priceType":"StartingPrice"},"itemOffered":{"@id":"https://bergsonne-allgaeu.de/zimmer/sdz#room"}},
              {"@type":"Offer","@id":"https://bergsonne-allgaeu.de/#offer-kdz","priceCurrency":"EUR","price":75,"availability":"https://schema.org/InStock","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"EUR","price":75,"unitText":"per night","priceType":"StartingPrice"},"itemOffered":{"@id":"https://bergsonne-allgaeu.de/zimmer/kdz#room"}},
              {"@type":"Offer","@id":"https://bergsonne-allgaeu.de/#offer-kfz","priceCurrency":"EUR","price":90,"availability":"https://schema.org/InStock","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"EUR","price":90,"unitText":"per night","priceType":"StartingPrice"},"itemOffered":{"@id":"https://bergsonne-allgaeu.de/zimmer/kfz#room"}},
              {"@type":"Offer","@id":"https://bergsonne-allgaeu.de/#offer-kapdz","priceCurrency":"EUR","price":100,"availability":"https://schema.org/InStock","priceSpecification":{"@type":"UnitPriceSpecification","priceCurrency":"EUR","price":100,"unitText":"per night","priceType":"StartingPrice"},"itemOffered":{"@id":"https://bergsonne-allgaeu.de/zimmer/kapdz#room"}}
            ]
          }
        },
        {"@type":"HotelRoom","@id":"https://bergsonne-allgaeu.de/zimmer/sdz#room","name":"Smart Doppelzimmer","description":"DEIN KOKON. 15 bis 20 Quadratmeter.","identifier":"sdz","containedInPlace":{"@id":"https://bergsonne-allgaeu.de/#hotel"},"occupancy":{"@type":"QuantitativeValue","maxValue":2},"bed":{"@type":"BedDetails","typeOfBed":"Double","numberOfBeds":1}},
        {"@type":"HotelRoom","@id":"https://bergsonne-allgaeu.de/zimmer/kdz#room","name":"Komfort Doppelzimmer","description":"RAUM FÜR GEDANKEN UND FREIHEIT. 26 Quadratmeter.","identifier":"kdz","containedInPlace":{"@id":"https://bergsonne-allgaeu.de/#hotel"},"occupancy":{"@type":"QuantitativeValue","maxValue":3},"bed":{"@type":"BedDetails","typeOfBed":"Double","numberOfBeds":2}},
        {"@type":"HotelRoom","@id":"https://bergsonne-allgaeu.de/zimmer/kfz#room","name":"Komfort Familienzimmer","description":"EUER STAMMES QUARTIER. 27 bis 33 Quadratmeter.","identifier":"kfz","containedInPlace":{"@id":"https://bergsonne-allgaeu.de/#hotel"},"occupancy":{"@type":"QuantitativeValue","maxValue":4},"bed":{"@type":"BedDetails","typeOfBed":"Double","numberOfBeds":2}},
        {"@type":"HotelRoom","@id":"https://bergsonne-allgaeu.de/zimmer/kapdz#room","name":"Alpinpanorama Doppelzimmer","description":"DIE LOGE DER BERGE. 25 Quadratmeter.","identifier":"kapdz","containedInPlace":{"@id":"https://bergsonne-allgaeu.de/#hotel"},"occupancy":{"@type":"QuantitativeValue","maxValue":3},"bed":{"@type":"BedDetails","typeOfBed":"Double","numberOfBeds":2}}
      ]
    }
    </script>
    <script type="module" crossorigin src="/assets/index-wkCpmFVE.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-CgztbFr7.js">
    <link rel="modulepreload" crossorigin href="/assets/radix-core-DCHawIR_.js">
    <link rel="modulepreload" crossorigin href="/assets/lucide-D3gpt6xF.js">
    <link rel="modulepreload" crossorigin href="/assets/framer-WP9RiHQm.js">
    <link rel="stylesheet" crossorigin href="/assets/index-DwgTK6OG.css">
  </head>

  <body>
    <div id="root"></div>
    <noscript>
      <h2>Hotel Bergsonne Allgäu – Smart Hotel in Sonthofen-Imberg</h2>
      <p>Willkommen im Hotel Bergsonne Allgäu, deinem ruhigen Rückzugsort in Sonthofen-Imberg im Allgäu. Unser 4-Sterne Smart Hotel bietet 16 liebevoll gestaltete Zimmer mit Bergblick, kostenloses WLAN, Frühstück, Sauna und barrierefreien Zugang. Perfekt für Workation, Urlaub mit Hund, Alleinreisende und Familien.</p>
      <nav>
        <ul>
          <li><a href="/">Startseite</a></li>
          <li><a href="/zimmer">Zimmer &amp; Preise</a></li>
          <li><a href="/buchen">Jetzt buchen</a></li>
          <li><a href="/coworking">Coworking &amp; Workation</a></li>
          <li><a href="/vitalisierung">Vitalisierung &amp; Sauna</a></li>
          <li><a href="/genuss">Genuss &amp; Kulinarik</a></li>
          <li><a href="/lounge-marktplatz">Lounge &amp; Marktplatz</a></li>
          <li><a href="/radfahren-mountainbiken">Radfahren &amp; Mountainbiken</a></li>
          <li><a href="/alleinreisende-und-kinder">Alleinreisende &amp; Kinder</a></li>
          <li><a href="/reisen-mit-hund">Reisen mit Hund</a></li>
          <li><a href="/barrierefrei">Barrierefreiheit</a></li>
          <li><a href="/bildergalerie">Bildergalerie</a></li>
          <li><a href="/blog">Blog</a></li>
          <li><a href="/radio">Radio Bergsonne</a></li>
          <li><a href="/faq">FAQ</a></li>
          <li><a href="/impressum">Impressum</a></li>
          <li><a href="/datenschutz">Datenschutz</a></li>
          <li><a href="/agb">AGB</a></li>
        </ul>
      </nav>
    </noscript>
  </body>
</html>
