1<!DOCTYPE html><html lang="de" class="scroll-smooth"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Hotel Sonne</title><meta name="description" content="Mehr als nur ein Hotel Tradition trifft Moderne Hotel Sonne Füssen Seid gegrüÃt in unserem neuen Hotel Sonne****! Schon früher war ich von allem Neuen undâ¦"><meta name="robots" content="index, follow"><meta name="theme-color" content="#1D2227"><link rel="icon" type="image/png" href="https://www.hotel-fuessen.de/uploads/icons/favicon-32x32.png" sizes="32x32"><link rel="shortcut icon" href="https://www.hotel-fuessen.de/uploads/icons/favicon.ico"><link rel="apple-touch-icon" href="https://www.hotel-fuessen.de/uploads/icons/apple-touch-icon.png" sizes="180x180"><link rel="manifest" href="https://www.hotel-fuessen.de/site.webmanifest.php"><link rel="canonical" href="https://www.hotel-fuessen.de/de/hotel-sonne.html"><meta property="og:title" content="Hotel Sonne"><meta property="og:description" content="Mehr als nur ein Hotel Tradition trifft Moderne Hotel Sonne Füssen Seid gegrüÃt in unserem neuen Hotel Sonne****! Schon früher war ich von allem Neuen undâ¦"><meta property="og:type" content="website"><meta property="og:site_name" content="Hotel Sonne Füssen"><meta property="og:url" content="https://www.hotel-fuessen.de/de/hotel-sonne.html"><meta property="og:locale" content="de_DE"><meta property="og:locale:alternate" content="en_GB"><meta property="og:locale:alternate" content="fr_FR"><meta property="og:locale:alternate" content="it_IT"><meta property="og:locale:alternate" content="es_ES"><meta property="og:locale:alternate" content="nl_NL"><meta property="og:locale:alternate" content="ru_RU"><meta property="og:image" content="https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01.jpg"><meta property="og:image:alt" content="Hotel Sonne"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Hotel Sonne"><meta name="twitter:description" content="Mehr als nur ein Hotel Tradition trifft Moderne Hotel Sonne Füssen Seid gegrüÃt in unserem neuen Hotel Sonne****! Schon früher war ich von allem Neuen undâ¦"><meta name="twitter:image" content="https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01.jpg"><meta name="twitter:image:alt" content="Hotel Sonne"><link rel="alternate" hreflang="de" href="https://www.hotel-fuessen.de/de/hotel-sonne.html"><link rel="alternate" hreflang="en" href="https://www.hotel-fuessen.de/en/hotel-sonne.html"><link rel="alternate" hreflang="fr" href="https://www.hotel-fuessen.de/fr/hotel-sonne.html"><link rel="alternate" hreflang="it" href="https://www.hotel-fuessen.de/it/hotel-sonne.html"><link rel="alternate" hreflang="es" href="https://www.hotel-fuessen.de/es/hotel-sonne.html"><link rel="alternate" hreflang="nl" href="https://www.hotel-fuessen.de/nl/hotel-sonne.html"><link rel="alternate" hreflang="ru" href="https://www.hotel-fuessen.de/ru/hotel-sonne.html"><link rel="alternate" hreflang="x-default" href="https://www.hotel-fuessen.de/de/hotel-sonne.html"><link rel="stylesheet" href="https://www.hotel-fuessen.de/build/assets/country-select-9-GrOFaS.css"><link rel="stylesheet" href="https://www.hotel-fuessen.de/build/assets/frontend-DNdJrAVo.css"><link rel="modulepreload" href="https://www.hotel-fuessen.de/build/assets/country-select-ByZCxFBH.js"><link rel="modulepreload" href="https://www.hotel-fuessen.de/build/assets/ru-CTBifp6q.js">
1<script type="module" src="https://www.hotel-fuessen.de/build/assets/frontend-kVM1dcrL.js"></script>
1
1<script> 2 3 window.shopTrackingConfig = {"clickySiteId":"66375640","googleAnalyticsId":"","googleAdsId":"","googleAdsPurchaseLabel":"","googleAdsLeadLabel":"","metaPixelId":"","metaCapiEventUrl":"https://www.hotel-fuessen.de/api/meta/capi-event"}; 4 window.frontendTranslations = {"block.gallery_zoom":"Bild vergröÃern"}; 5 window.frontendValidationTranslations = {"required":"Bitte füllen Sie das Feld :field aus.","required_choice":"Bitte bestätigen Sie dieses Pflichtfeld.","email":"Bitte geben Sie eine gültige E-Mail-Adresse ein.","min_length":"Bitte geben Sie mindestens :min Zeichen ein."}; 6 window.hotelChatlynConfig = {"embedUrl":"https://app.chatlyn.com/webchat/embed/embed.js","inboxIdentifier":"8649675a-8a52-4d2a-88fb-f43a1a1d21b9","language":"de"}; 7 </script>
7
7<script type="application/ld+json"> 8 { 9 "@context": "https://schema.org", 10 "@graph": [ 11 { 12 "@type": "Hotel", 13 "@id": "https://www.hotel-fuessen.de/#hotel", 14 "name": "Hotel Sonne Füssen", 15 "description": "4-Sterne Hotel Sonne Füssen im Allgäu â im Zentrum von Füssen und nur wenige Minuten von Schloss Neuschwanstein entfernt.", 16 "url": "https://www.hotel-fuessen.de/", 17 "telephone": "+49 (0) 8362 / 9080", 18 "address": { 19 "@type": "PostalAddress", 20 "streetAddress": "Prinzregentenplatz 1", 21 "postalCode": "87629", 22 "addressLocality": "Füssen", 23 "addressCountry": "DE" 24 }, 25 "image": "https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01.jpg", 26 "geo": { 27 "@type": "GeoCoordinates", 28 "latitude": "47.5695219", 29 "longitude": "10.6999681" 30 }, 31 "aggregateRating": { 32 "@type": "AggregateRating", 33 "ratingValue": "5.6", 34 "bestRating": "6", 35 "worstRating": "1", 36 "reviewCount": 594 37 } 38 }, 39 { 40 "@type": "WebSite", 41 "@id": "https://www.hotel-fuessen.de/#website", 42 "url": "https://www.hotel-fuessen.de/", 43 "name": "Hotel Sonne Füssen", 44 "inLanguage": [ 45 "de", 46 "en", 47 "fr", 48 "it", 49 "es", 50 "nl", 51 "ru" 52 ], 53 "publisher": { 54 "@id": "https://www.hotel-fuessen.de/#hotel" 55 } 56 }, 57 { 58 "@type": "WebPage", 59 "@id": "https://www.hotel-fuessen.de/de/hotel-sonne.html#webpage", 60 "url": "https://www.hotel-fuessen.de/de/hotel-sonne.html", 61 "name": "Hotel Sonne", 62 "description": "Mehr als nur ein Hotel Tradition trifft Moderne Hotel Sonne Füssen Seid gegrüÃt in unserem neuen Hotel Sonne****! Schon früher war ich von allem Neuen undâ¦", 63 "inLanguage": "de", 64 "isPartOf": { 65 "@id": "https://www.hotel-fuessen.de/#website" 66 }, 67 "about": { 68 "@id": "https://www.hotel-fuessen.de/#hotel" 69 }, 70 "primaryImageOfPage": { 71 "@type": "ImageObject", 72 "url": "https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01.jpg" 73 } 74 } 75 ] 76} </script>
76
76<script type="speculationrules"> 77 { 78 "prerender": [{ 79 "where": { 80 "and": [ 81 { "href_matches": "/*" }, 82 { "not": { "href_matches": "/*/shop/cart*" } }, 83 { "not": { "href_matches": "/*/shop/checkout*" } }, 84 { "not": { "href_matches": "/*/online-booking.html*" } }, 85 { "not": { "href_matches": "/*/reservation-en-ligne.html*" } }, 86 { "not": { "href_matches": "/*/prenotazione-online.html*" } }, 87 { "not": { "href_matches": "/*/reserva-online.html*" } } 88 ] 89 }, 90 "eagerness": "moderate" 91 }] 92 } 93 </script>
93</head><body class="bg-white text-ink-soft font-sans antialiased" style="--site-mobile-menu-top: calc(var(--site-announcement-height) + var(--site-nav-height) + 1px);" x-data><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:inline-flex focus:min-h-11 focus:items-center focus:rounded-none focus:bg-night focus:px-5 focus:text-xs focus:font-semibold focus:uppercase focus:tracking-[0.14em] focus:text-white">Zum Inhalt springen</a><header x-data="siteHeader()" @scroll.window.passive="update()" @resize.window="update()" @keydown.escape.window="if (open) open = false" :class="{ 'is-solid': solid, 'is-open': open }" class="site-header fixed inset-x-0 top-0 z-50"><div class="site-announcement"><div class="site-announcement__inner"><span class="site-announcement__text">Bestpreis-Garantie bei Direktbuchung</span> <span class="site-announcement__sep" aria-hidden="true">·</span> <span class="site-announcement__detail">Im Zentrum von Füssen</span> <span class="site-announcement__sep site-announcement__wide" aria-hidden="true">·</span> <span class="site-announcement__detail site-announcement__wide">Nur wenige Minuten von Schloss Neuschwanstein entfernt</span></div></div><nav class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" role="navigation" aria-label="Hauptnavigation"><div class="site-header__bar flex items-center justify-between gap-4"><a href="https://www.hotel-fuessen.de/de" class="site-logo shrink-0" aria-label="Hotel Sonne Füssen"> <img src="https://www.hotel-fuessen.de/uploads/logo/logo-dark.svg" alt="Hotel Sonne Füssen" class="site-logo__img site-logo__img--dark" width="146" height="55"> <img src="https://www.hotel-fuessen.de/uploads/logo/logo-light.svg" alt="" aria-hidden="true" class="site-logo__img site-logo__img--light" width="146" height="55"> </a><div class="site-header__nav-row hidden h-full items-stretch" x-data="{ activeDropdown: null, openTimer: null, closeTimer: null, clearDropdownTimers() { clearTimeout(this.openTimer); clearTimeout(this.closeTimer) }, openDropdown(id) { this.clearDropdownTimers(); this.activeDropdown = id }, closeDropdown(id = null) { this.clearDropdownTimers(); if (id === null || this.activeDropdown === id) this.activeDropdown = null }, queueCloseDropdown(id = null) { this.clearDropdownTimers(); this.closeTimer = setTimeout(() =>{ if (id === null || this.activeDropdown === id) this.activeDropdown = null }, 120) } }" @mouseleave="queueCloseDropdown()" @focusout="if (!$el.contains($event.relatedTarget)) queueCloseDropdown()" @click.outside="closeDropdown()"><div data-nav-dropdown-item @mouseenter="openDropdown('nav-dropdown-0')" @focusin="openDropdown('nav-dropdown-0')" @focusout="if (!$event.currentTarget.contains($event.relatedTarget)) queueCloseDropdown('nav-dropdown-0')" @keydown.escape.stop.prevent="closeDropdown('nav-dropdown-0'); $event.currentTarget.querySelector('[data-nav-dropdown-toggle]')?.focus()" class="relative flex items-stretch self-stretch"><button type="button" data-nav-dropdown-toggle class="site-nav-link site-nav-link--toggle is-active" @click="activeDropdown === 'nav-dropdown-0' ? closeDropdown('nav-dropdown-0') : openDropdown('nav-dropdown-0')" @keydown.enter.prevent="openDropdown('nav-dropdown-0')" @keydown.space.prevent="openDropdown('nav-dropdown-0')" @keydown.arrow-down.prevent="openDropdown('nav-dropdown-0'); $nextTick(() => $event.currentTarget.closest('[data-nav-dropdown-item]')?.querySelector('[data-nav-dropdown-panel] a')?.focus())" :aria-expanded="(activeDropdown === 'nav-dropdown-0').toString()" aria-haspopup="true"> Hotel <svg class="site-nav-link__chevron" :class="activeDropdown === 'nav-dropdown-0' && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="activeDropdown === 'nav-dropdown-0'" x-cloak data-nav-dropdown-panel class="site-nav-dropdown motion-pop absolute left-0 top-full"><a href="https://www.hotel-fuessen.de/de/hotel-sonne.html" class="site-nav-dropdown__link is-active" style="padding-left: 20px"> <span>Hotel Sonne</span> </a> <a href="https://www.hotel-fuessen.de/de/anfahrt.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Anfahrt</span> </a> <a href="/de/contact.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Kontakt</span> </a> <a href="https://www.hotel-fuessen.de/de/good-to-know.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Good to know</span> </a> <a href="https://www.hotel-fuessen.de/de/die-vertrauten.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Die Vertrauten</span> </a> <a href="https://www.hotel-fuessen.de/de/because-we-love-people.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>
93Because we love people</span> </a></div></div><div data-nav-dropdown-item @mouseenter="openDropdown('nav-dropdown-1')" @focusin="openDropdown('nav-dropdown-1')" @focusout="if (!$event.currentTarget.contains($event.relatedTarget)) queueCloseDropdown('nav-dropdown-1')" @keydown.escape.stop.prevent="closeDropdown('nav-dropdown-1'); $event.currentTarget.querySelector('[data-nav-dropdown-toggle]')?.focus()" class="relative flex items-stretch self-stretch"><button type="button" data-nav-dropdown-toggle class="site-nav-link site-nav-link--toggle" @click="activeDropdown === 'nav-dropdown-1' ? closeDropdown('nav-dropdown-1') : openDropdown('nav-dropdown-1')" @keydown.enter.prevent="openDropdown('nav-dropdown-1')" @keydown.space.prevent="openDropdown('nav-dropdown-1')" @keydown.arrow-down.prevent="openDropdown('nav-dropdown-1'); $nextTick(() => $event.currentTarget.closest('[data-nav-dropdown-item]')?.querySelector('[data-nav-dropdown-panel] a')?.focus())" :aria-expanded="(activeDropdown === 'nav-dropdown-1').toString()" aria-haspopup="true"> zimmer <svg class="site-nav-link__chevron" :class="activeDropdown === 'nav-dropdown-1' && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="activeDropdown === 'nav-dropdown-1'" x-cloak data-nav-dropdown-panel class="site-nav-dropdown motion-pop absolute left-0 top-full"><a href="/de/rooms/small" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>small</span> </a> <a href="/de/rooms/small-plus" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>small plus</span> </a> <a href="/de/rooms/small-plus-family-friends" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>small plus family & friends</span> </a> <a href="/de/rooms/medium" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>medium</span> </a> <a href="/de/rooms/medium-motto" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>medium motto</span> </a> <a href="/de/rooms/medium-plus" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>medium plus</span> </a> <a href="/de/rooms/large" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>large</span> </a> <a href="/de/rooms/large-plus" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>large plus</span> </a> <a href="/de/rooms?category=theme" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>themenzimmer</span> </a> <a href="/de/rooms/large-maximilian" class="site-nav-dropdown__link" style="padding-left: 34px"> <span>maximilian</span> </a> <a href="/de/rooms/large-romantic" class="site-nav-dropdown__link" style="padding-left: 34px"> <span>romantic</span> </a></div></div><a href="https://www.hotel-fuessen.de/de/galerie.html" @mouseenter="closeDropdown()" @focus="closeDropdown()" class="site-nav-link"> Galerie </a> <a href="/de/arrangements/" @mouseenter="closeDropdown()" @focus="closeDropdown()" class="site-nav-link"> Arrangements </a><div data-nav-dropdown-item @mouseenter="openDropdown('nav-dropdown-4')" @focusin="openDropdown('nav-dropdown-4')" @focusout="if (!$event.currentTarget.contains($event.relatedTarget)) queueCloseDropdown('nav-dropdown-4')" @keydown.escape.stop.prevent="closeDropdown('nav-dropdown-4'); $event.currentTarget.querySelector('[data-nav-dropdown-toggle]')?.focus()" class="relative flex items-stretch self-stretch"><button type="button" data-nav-dropdown-toggle class="site-nav-link site-nav-link--toggle" @click="activeDropdown === 'nav-dropdown-4' ? closeDropdown('nav-dropdown-4') : openDropdown('nav-dropdown-4')" @keydown.enter.prevent="openDropdown('nav-dropdown-4')" @keydown.space.prevent="openDropdown('nav-dropdown-4')" @keydown.arrow-down.prevent="openDropdown('nav-dropdown-4'); $nextTick(() => $event.currentTarget.closest('[data-nav-dropdown-item]')?.querySelector('[data-nav-dropdown-panel] a')?.focus())" :aria-expanded="(activeDropdown === 'nav-dropdown-4').toString()" aria-haspopup="true"> Food & drinks <svg class="site-nav-link__chevron" :class="activeDropdown === 'nav-dropdown-4' && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="activeDropdown === 'nav-dropdown-4'" x-cloak data-nav-dropdown-panel class="site-nav-dropdown motion-pop absolute left-0 top-full"><a href="https://www.hotel-fuessen.de/de/fruhstuck.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>
93Frühstück</span> </a> <a href="https://www.hotel-fuessen.de/de/restaurant-bar.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Restaurant & Bar</span> </a> <a href="https://www.hotel-fuessen.de/de/wine-tasting.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Wine Tastings</span> </a></div></div><div data-nav-dropdown-item @mouseenter="openDropdown('nav-dropdown-5')" @focusin="openDropdown('nav-dropdown-5')" @focusout="if (!$event.currentTarget.contains($event.relatedTarget)) queueCloseDropdown('nav-dropdown-5')" @keydown.escape.stop.prevent="closeDropdown('nav-dropdown-5'); $event.currentTarget.querySelector('[data-nav-dropdown-toggle]')?.focus()" class="relative flex items-stretch self-stretch"><button type="button" data-nav-dropdown-toggle class="site-nav-link site-nav-link--toggle" @click="activeDropdown === 'nav-dropdown-5' ? closeDropdown('nav-dropdown-5') : openDropdown('nav-dropdown-5')" @keydown.enter.prevent="openDropdown('nav-dropdown-5')" @keydown.space.prevent="openDropdown('nav-dropdown-5')" @keydown.arrow-down.prevent="openDropdown('nav-dropdown-5'); $nextTick(() => $event.currentTarget.closest('[data-nav-dropdown-item]')?.querySelector('[data-nav-dropdown-panel] a')?.focus())" :aria-expanded="(activeDropdown === 'nav-dropdown-5').toString()" aria-haspopup="true"> Relax & wellness <svg class="site-nav-link__chevron" :class="activeDropdown === 'nav-dropdown-5' && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="activeDropdown === 'nav-dropdown-5'" x-cloak data-nav-dropdown-panel class="site-nav-dropdown motion-pop absolute left-0 top-full"><a href="https://www.hotel-fuessen.de/de/wellness.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Orient Oase â Spa & Relax</span> </a> <a href="https://www.hotel-fuessen.de/de/massage-and-beauty.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Massage & Beauty</span> </a></div></div><div data-nav-dropdown-item @mouseenter="openDropdown('nav-dropdown-6')" @focusin="openDropdown('nav-dropdown-6')" @focusout="if (!$event.currentTarget.contains($event.relatedTarget)) queueCloseDropdown('nav-dropdown-6')" @keydown.escape.stop.prevent="closeDropdown('nav-dropdown-6'); $event.currentTarget.querySelector('[data-nav-dropdown-toggle]')?.focus()" class="relative flex items-stretch self-stretch"><button type="button" data-nav-dropdown-toggle class="site-nav-link site-nav-link--toggle" @click="activeDropdown === 'nav-dropdown-6' ? closeDropdown('nav-dropdown-6') : openDropdown('nav-dropdown-6')" @keydown.enter.prevent="openDropdown('nav-dropdown-6')" @keydown.space.prevent="openDropdown('nav-dropdown-6')" @keydown.arrow-down.prevent="openDropdown('nav-dropdown-6'); $nextTick(() => $event.currentTarget.closest('[data-nav-dropdown-item]')?.querySelector('[data-nav-dropdown-panel] a')?.focus())" :aria-expanded="(activeDropdown === 'nav-dropdown-6').toString()" aria-haspopup="true"> Allgäus Schönheiten <svg class="site-nav-link__chevron" :class="activeDropdown === 'nav-dropdown-6' && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="activeDropdown === 'nav-dropdown-6'" x-cloak data-nav-dropdown-panel class="site-nav-dropdown motion-pop absolute left-0 top-full"><a href="https://www.hotel-fuessen.de/de/schlosser.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Schlösser</span> </a> <a href="https://www.hotel-fuessen.de/de/berge.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Berge</span> </a> <a href="https://www.hotel-fuessen.de/de/seen.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Seen</span> </a> <a href="https://www.hotel-fuessen.de/de/kirchen.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Kultur & Kirchen</span> </a> <a href="https://www.hotel-fuessen.de/de/stadt-fussen.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Stadt Füssen</span> </a> <a href="https://www.hotel-fuessen.de/de/radeln.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Radeln</span> </a> <a href="https://www.hotel-fuessen.de/de/winter.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Winter</span> </a> <a href="https://www.hotel-fuessen.de/de/top-10.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Top 10</span> </a> <a href="https://www.hotel-fuessen.de/de/wandern.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Wandern</span> </a> <a href="https://www.hotel-fuessen.de/de/hutten.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Hütten</span> </a> <a href="https://www.hotel-fuessen.de/de/familie.html" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Familie</span> </a> <a href="https://das-festspielhaus.de/" target="_blank" rel="noopener noreferrer" class="site-nav-dropdown__link" style="padding-left: 20px"> <span>Das Festspielhaus</span> </a></div></div></div><div class="site-header__actions hidden items-center gap-1 min-[116rem]:flex"><div x-data="{ langOpen: false }" @click.outside="langOpen = false" @keydown.escape.stop="langOpen = false" class="site-lang-menu relative "><button type="button" @click="langOpen = !langOpen" :aria-expanded="langOpen.toString()" aria-haspopup="true" class="site-lang-menu__trigger" aria-label="Sprache wechseln"> <span>DE</span> <svg class="site-lang-menu__chevron" :class="langOpen && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="langOpen" x-cloak class="site-lang-menu__panel motion-pop absolute right-0 top-full"><a href="https://www.hotel-fuessen.de/de/hotel-sonne.html" class="site-lang-menu__option is-active" lang="de" hreflang="de" aria-current="true"> <span>Deutsch</span> <svg class="site-lang-menu__check" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> </a> <a href="https://www.hotel-fuessen.de/en/hotel-sonne.html" class="site-lang-menu__option" lang="en" hreflang="en"> <span>English</span> </a> <a href="https://www.hotel-fuessen.de/fr/hotel-sonne.html" class="site-lang-menu__option" lang="fr" hreflang="fr"> <span>Français</span> </a> <a href="https://www.hotel-fuessen.de/it/hotel-sonne.html" class="site-lang-menu__option" lang="it" hreflang="it"> <span>Italiano</span> </a> <a href="https://www.hotel-fuessen.de/es/hotel-sonne.html" class="site-lang-menu__option" lang="es" hreflang="es"> <span>Español</span> </a> <a href="https://www.hotel-fuessen.de/nl/hotel-sonne.html" class="site-lang-menu__option" lang="nl" hreflang="nl"> <span>Nederlands</span> </a> <a href="https://www.hotel-fuessen.de/ru/hotel-sonne.html" class="site-lang-menu__option" lang="ru" hreflang="ru"> <span>Ð ÑÑÑкий</span> </a></div></div><button type="button" @click="$dispatch('open-search')" class="site-nav-icon" aria-label="Suche"> <svg class="block h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg> </button> <a href="https://app.mews.com/distributor/49cf942a-fe79-43d0-a99a-b20f008a82d9?language=de_DE" class="site-button site-button--accent site-header__cta"> Buchen </a> <button type="button" @click="open = !open" class="site-nav-icon site-burger" :class="open && 'is-open'" data-label-open="Menü öffnen" data-label-close="Menü schlieÃen" aria-label="Menü öffnen" :aria-label="open ? $el.dataset.labelClose : $el.dataset.labelOpen" :aria-expanded="open.toString()" aria-controls="site-nav-overlay"> <span class="site-burger__box" aria-hidden="true"> <span class="site-burger__line"></span> <span class="site-burger__line"></span> <span class="site-burger__line"></span> </span> </button></div><div class="site-header__actions--compact flex items-center gap-1 min-[116rem]:hidden"><span class="hidden md:inline-flex"> <a href="https://app.mews.com/distributor/49cf942a-fe79-43d0-a99a-b20f008a82d9?language=de_DE" class="site-button site-button--accent site-header__cta"> Buchen </a> </span><div x-data="{ langOpen: false }" @click.outside="langOpen = false" @keydown.escape.stop="langOpen = false" class="site-lang-menu relative site-lang-menu--compact"><button type="button" @click="langOpen = !langOpen" :aria-expanded="langOpen.toString()" aria-haspopup="true" class="site-lang-menu__trigger" aria-label="Sprache wechseln"> <span>DE</span> <svg class="site-lang-menu__chevron" :class="langOpen && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button><div x-show="langOpen" x-cloak class="site-lang-menu__panel motion-pop absolute right-0 top-full"><a href="https://www.hotel-fuessen.de/de/hotel-sonne.html" class="site-lang-menu__option is-active" lang="de" hreflang="de" aria-current="true"> <span>Deutsch</span> <svg class="site-lang-menu__check" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg> </a> <a href="https://www.hotel-fuessen.de/en/hotel-sonne.html" class="site-lang-menu__option" lang="en" hreflang="en"> <span>English</span> </a> <a href="https://www.hotel-fuessen.de/fr/hotel-sonne.html" class="site-lang-menu__option" lang="fr" hreflang="fr"> <span>Français</span> </a> <a href="https://www.hotel-fuessen.de/it/hotel-sonne.html" class="site-lang-menu__option" lang="it" hreflang="it"> <span>Italiano</span> </a> <a href="https://www.hotel-fuessen.de/es/hotel-sonne.html" class="site-lang-menu__option" lang="es" hreflang="es"> <span>Español</span> </a> <a href="https://www.hotel-fuessen.de/nl/hotel-sonne.html" class="site-lang-menu__option" lang="nl" hreflang="nl"> <span>Nederlands</span> </a> <a href="https://www.hotel-fuessen.de/ru/hotel-sonne.html" class="site-lang-menu__option" lang="ru" hreflang="ru"> <span>Ð ÑÑÑкий</span> </a></div></div><button type="button" @click="open = !open" class="site-nav-icon site-burger" :class="open && 'is-open'" data-label-open="Menü öffnen" data-label-close="Menü schlieÃen" aria-label="Menü öffnen" :aria-label="open ? $el.dataset.labelClose : $el.dataset.labelOpen" :aria-expanded="open.toString()" aria-controls="site-nav-overlay"> <span class="site-burger__box" aria-hidden="true"> <span class="site-burger__line"></span> <span class="site-burger__line"></span> <span class="site-burger__line"></span> </span> </button></div></div></nav><div x-show="open" x-cloak x-data="{ 94 drawerReturn: null, 95 drawerFocusables() { 96 return [...$el.querySelectorAll('a[href], button, input, select, textarea, [tabindex]')] 97 .filter(node =>{ 98 if (node.disabled || node.tabIndex < 0) return false 99 const box = node.getBoundingClientRect() 100 return box.width > 0 && box.height > 0 101 }) 102 }, 103 trapDrawerTab(event) { 104 const items = this.drawerFocusables() 105 if (!items.length) return 106 const first = items[0] 107 const last = items[items.length - 1] 108 if (event.shiftKey && document.activeElement === first) { 109 event.preventDefault() 110 last.focus() 111 } else if (!event.shiftKey && document.activeElement === last) { 112 event.preventDefault() 113 first.focus() 114 } 115 } 116 }" x-init="$watch('open', value => { 117 if (value) { 118 drawerReturn = document.activeElement 119 $nextTick(() => ($refs.drawerClose || $el).focus()) 120 } else if (drawerReturn) { 121 const target = drawerReturn 122 drawerReturn = null 123 $nextTick(() =>
123 target.focus && target.focus()) 124 } 125 })" @keydown.tab="trapDrawerTab($event)" x-transition:enter="transition ease-out duration-[450ms]" x-transition:enter-start="opacity-0 translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" id="site-nav-overlay" class="site-nav-overlay" role="dialog" aria-modal="true" tabindex="-1" aria-label="Hauptnavigation"><div class="site-nav-overlay__bar"><a href="https://www.hotel-fuessen.de/de" aria-label="Hotel Sonne Füssen" @click="open = false"> <img src="https://www.hotel-fuessen.de/uploads/logo/logo-light.svg" alt="Hotel Sonne Füssen" class="block h-9 w-auto" width="146" height="55"> </a> <button type="button" x-ref="drawerClose" @click="open = false" class="site-nav-icon" aria-label="Menü schlieÃen"> <svg class="block h-6 w-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg> </button></div><nav class="site-nav-overlay__scroll" role="navigation" aria-label="Hauptnavigation"><div class="site-nav-overlay__groups"><div class="site-nav-overlay__group"><span class="site-eyebrow site-nav-overlay__group-label">Hotel</span> <a href="https://www.hotel-fuessen.de/de/hotel-sonne.html" class="site-nav-overlay__link site-nav-overlay__link--sub is-active" @click="open = false"> Hotel Sonne </a> <a href="https://www.hotel-fuessen.de/de/anfahrt.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Anfahrt </a> <a href="/de/contact.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Kontakt </a> <a href="https://www.hotel-fuessen.de/de/good-to-know.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Good to know </a> <a href="https://www.hotel-fuessen.de/de/die-vertrauten.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Die Vertrauten </a> <a href="https://www.hotel-fuessen.de/de/because-we-love-people.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Because we love people </a></div><div class="site-nav-overlay__group"><span class="site-eyebrow site-nav-overlay__group-label">zimmer</span> <a href="/de/rooms/small" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> small </a> <a href="/de/rooms/small-plus" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> small plus </a> <a href="/de/rooms/small-plus-family-friends" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> small plus family & friends </a> <a href="/de/rooms/medium" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> medium </a> <a href="/de/rooms/medium-motto" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> medium motto </a> <a href="/de/rooms/medium-plus" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> medium plus </a> <a href="/de/rooms/large" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> large </a> <a href="/de/rooms/large-plus" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> large plus </a> <a href="/de/rooms?category=theme" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> themenzimmer </a> <a href="/de/rooms/large-maximilian" style="padding-left: 16px" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> maximilian </a> <a href="/de/rooms/large-romantic" style="padding-left: 16px" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> romantic </a></div><div class="site-nav-overlay__group"><span class="site-eyebrow site-nav-overlay__group-label">Food & drinks</span> <a href="https://www.hotel-fuessen.de/de/fruhstuck.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Frühstück </a> <a href="https://www.hotel-fuessen.de/de/restaurant-bar.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Restaurant & Bar </a> <a href="https://www.hotel-fuessen.de/de/wine-tasting.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Wine Tastings </a></div><div class="site-nav-overlay__group"><span class="site-eyebrow site-nav-overlay__group-label">Relax & wellness</span> <a href="https://www.hotel-fuessen.de/de/wellness.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Orient Oase â Spa & Relax </a> <a href="https://www.hotel-fuessen.de/de/massage-and-beauty.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Massage & Beauty </a></div><div class="site-nav-overlay__group"><span class="site-eyebrow site-nav-overlay__group-label">Allgäus Schönheiten</span> <a href="https://www.hotel-fuessen.de/de/schlosser.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Schlösser </a> <a href="https://www.hotel-fuessen.de/de/berge.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Berge </a> <a href="https://www.hotel-fuessen.de/de/seen.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Seen </a> <a href="https://www.hotel-fuessen.de/de/kirchen.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Kultur &
125 Kirchen </a> <a href="https://www.hotel-fuessen.de/de/stadt-fussen.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Stadt Füssen </a> <a href="https://www.hotel-fuessen.de/de/radeln.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Radeln </a> <a href="https://www.hotel-fuessen.de/de/winter.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Winter </a> <a href="https://www.hotel-fuessen.de/de/top-10.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Top 10 </a> <a href="https://www.hotel-fuessen.de/de/wandern.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Wandern </a> <a href="https://www.hotel-fuessen.de/de/hutten.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Hütten </a> <a href="https://www.hotel-fuessen.de/de/familie.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Familie </a> <a href="https://das-festspielhaus.de/" target="_blank" rel="noopener noreferrer" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Das Festspielhaus </a></div><div class="site-nav-overlay__group"><span class="site-eyebrow site-nav-overlay__group-label">Gruppen</span> <a href="https://www.hotel-fuessen.de/de/gruppenreisen.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Gruppenreisen & Tour Operator </a> <a href="https://www.hotel-fuessen.de/de/gruppen-im-riwa.html" class="site-nav-overlay__link site-nav-overlay__link--sub" @click="open = false"> Gruppenessen im RIWA </a></div></div><div class="site-nav-overlay__primary"><a href="https://www.hotel-fuessen.de/de/galerie.html" class="site-nav-overlay__link" @click="open = false"> Galerie </a> <a href="/de/arrangements/" class="site-nav-overlay__link" @click="open = false"> Arrangements </a> <a href="https://www.hotel-fuessen.de/de/veranstaltungen.html" class="site-nav-overlay__link" @click="open = false"> Musicals & Events </a> <a href="https://www.hotel-fuessen.de/de/geschenke-gutscheine.html" class="site-nav-overlay__link" @click="open = false"> Wunderkammer & Gutscheine </a> <a href="/de/contact.html" class="site-nav-overlay__link" @click="open = false"> Kontakt </a> <a href="https://www.hotel-fuessen.de/de/inquiry.html" class="site-nav-overlay__link" @click="open = false"> Anfrage </a> <a href="https://www.hotel-fuessen.de/de/jobs.html" class="site-nav-overlay__link" @click="open = false"> Jobs </a> <a href="https://www.nockberge-lodge.com/de/" target="_blank" rel="noopener noreferrer" class="site-nav-overlay__link" @click="open = false"> Partnerhotel in Kärnten </a> <button type="button" class="site-nav-overlay__search" @click="open = false; $dispatch('open-search')"> <svg class="block h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg> Suche </button></div></nav><div class="site-nav-overlay__footer"><div class="site-nav-overlay__footer-row flex items-center justify-between gap-4"><a href="tel:+4983629080" class="site-nav-phone"> <svg class="block h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.28 6.72 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.37c0-.52-.35-.97-.85-1.09l-4.43-1.11c-.44-.11-.9.06-1.17.42l-.97 1.29a12.04 12.04 0 0 1-5.97-5.97l1.29-.97c.36-.27.53-.73.42-1.17L8.96 5.1a1.13 1.13 0 0 0-1.09-.85H6.5A2.25 2.25 0 0 0 4.25 6.5v.25Z"/></svg> <span>+49 (0) 8362 / 9080</span> </a><div class="site-lang site-lang--overlay" role="group" aria-label="Sprache wechseln"><a href="https://www.hotel-fuessen.de/de/hotel-sonne.html" class="site-lang__link is-active" aria-current="true" title="Deutsch"> DE </a> <span class="site-lang__sep" aria-hidden="true">/</span> <a href="https://www.hotel-fuessen.de/en/hotel-sonne.html" class="site-lang__link" title="English"> EN </a> <span class="site-lang__sep" aria-hidden="true">/</span> <a href="https://www.hotel-fuessen.de/fr/hotel-sonne.html" class="site-lang__link" title="Français"> FR </a> <span class="site-lang__sep" aria-hidden="true">/</span> <a href="https://www.hotel-fuessen.de/it/hotel-sonne.html" class="site-lang__link" title="Italiano"> IT </a> <span class="site-lang__sep" aria-hidden="true">/</span> <a href="https://www.hotel-fuessen.de/es/hotel-sonne.html" class="site-lang__link" title="Español"> ES </a> <span class="site-lang__sep" aria-hidden="true">/</span> <a href="https://www.hotel-fuessen.de/nl/hotel-sonne.html" class="site-lang__link" title="Nederlands"> NL </a> <span class="site-lang__sep" aria-hidden="true">/</span> <a href="https://www.hotel-fuessen.de/ru/hotel-sonne.html" class="site-lang__link" title="Ð ÑÑÑкий"> RU </a></div></div><a href="https://app.mews.com/distributor/49cf942a-fe79-43d0-a99a-b20f008a82d9?language=de_DE" class="site-button site-button--accent w-full">
125 Online buchen </a></div></div></header><nav class="site-bottombar" aria-label="Schnellzugriff" x-data="{ shown: false, kbOpen: false, check() { this.shown = window.scrollY >window.innerHeight * 0.8 } }" x-init="check(); if (window.visualViewport) { window.visualViewport.addEventListener('resize', () => { kbOpen = window.visualViewport.height < document.documentElement.clientHeight * 0.75 }) }" @scroll.window.passive="check()" @resize.window="check()" @focusin.window="kbOpen = !!($event.target.matches && $event.target.matches('input:not([type=checkbox]):not([type=radio]), textarea, select'))" @focusout.window="kbOpen = false" :class="{ 'is-visible': shown && !kbOpen }" :aria-hidden="(!(shown && !kbOpen)).toString()"> <a href="tel:+4983629080" class="site-bottombar__item site-bottombar__item--call"> <svg class="block h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.28 6.72 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.37c0-.52-.35-.97-.85-1.09l-4.43-1.11c-.44-.11-.9.06-1.17.42l-.97 1.29a12.04 12.04 0 0 1-5.97-5.97l1.29-.97c.36-.27.53-.73.42-1.17L8.96 5.1a1.13 1.13 0 0 0-1.09-.85H6.5A2.25 2.25 0 0 0 4.25 6.5v.25Z"/></svg> Anrufen </a> <a href="https://app.mews.com/distributor/49cf942a-fe79-43d0-a99a-b20f008a82d9?language=de_DE" class="site-bottombar__item site-bottombar__item--book"> <svg class="block h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"/></svg> Zimmer buchen </a></nav><div x-data="searchOverlay" x-show="open" x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @open-search.window="openOverlay()" @keydown.escape.window="if (open) close()" @keydown.tab="trapFocus($event)" @click.self="close()" x-ref="dialog" tabindex="-1" class="site-search-overlay fixed inset-0 z-[65] flex items-center justify-center px-4 py-10 backdrop-blur-sm" role="dialog" aria-modal="true" aria-label="Suche"><button type="button" @click="close()" class="site-search-overlay__close absolute inline-flex h-11 w-11 items-center justify-center rounded-none text-white/70 transition-colors duration-300 hover:text-white focus:outline-none focus-visible:outline-2 focus-visible:outline-white" aria-label="Suche schlieÃen"> <svg class="block h-6 w-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 126 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M6 18 18 6M6 6l12 12"/> 127 </svg> </button><form action="https://www.hotel-fuessen.de/de/search.html" method="GET" class="site-search-overlay__panel w-full max-w-2xl"><p class="site-eyebrow site-eyebrow--light mb-8 text-center">Suche</p><label for="site-search-overlay" class="sr-only">Suchen...</label><div class="site-search-overlay__field relative border-b border-white/30 transition-colors duration-300 focus-within:border-white"><input x-ref="input" id="site-search-overlay" type="search" name="q" autocomplete="search" minlength="2" maxlength="100" placeholder="Suchen..." class="site-search-overlay__input h-16 w-full bg-transparent font-heading text-3xl font-light tracking-[-0.02em] text-white outline-none placeholder:text-white/40 sm:h-20 sm:text-5xl"> <button type="submit" class="absolute right-0 top-1/2 inline-flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-none text-white/70 transition-colors duration-300 hover:text-white focus:outline-none focus-visible:outline-2 focus-visible:outline-white" aria-label="Suche starten"> <svg class="block h-6 w-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.6" aria-hidden="true"> 128 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> 129 </svg> </button></div></form></div><main id="main-content" role="main" data-page-slug="hotel-sonne"><section aria-label="Tradition trifft Moderne" class="site-hero site-hero--inner hero-surface relative overflow-hidden content-block content-block--hero content-block-parent--page sonne-page-hero"><div class="absolute inset-0 hero-bg hero-media hero-image-media" data-hero-parallax="1"><img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_3840x2160.jpg?v=98d00d0fdd857e74" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_768x432.jpg?v=98d00d0fdd857e74 768w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_1280x720.jpg?v=98d00d0fdd857e74 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_1600x900.jpg?v=98d00d0fdd857e74 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_1920x1080.jpg?v=98d00d0fdd857e74 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_2560x1440.jpg?v=98d00d0fdd857e74 2560w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_3200x1800.jpg?v=98d00d0fdd857e74 3200w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-hotel-sonne/01_thumb_3840x2160.jpg?v=98d00d0fdd857e74 3840w" sizes="100vw" width="1920" height="1080" alt="" class="absolute inset-0 h-full w-full object-cover" loading="eager" decoding="async" fetchpriority="high"><div class="hero-overlay absolute inset-0"></div></div><div class="site-hero__inner relative z-10 mx-auto flex w-full max-w-7xl items-center justify-center px-4 sm:px-6 lg:px-8"><div class="site-hero__copy site-hero__copy--center"><p class="site-eyebrow site-eyebrow--light animate-fade-up">Mehr als nur ein Hotel</p><h1 class="animate-fade-up delay-100">Tradition trifft Moderne</h1></div></div></section><section class="bg-warm content-block booking-block booking-block--floating booking-block--sitewide"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="booking-bar booking-bar--floating" x-data="{open: false,popover: false,adults: 2,children: 0,ages: [],error: '',step(field, delta) { if (field === 'adults') { this.adults = Math.min(6, Math.max(1, this.adults + delta)); return; } this.children = Math.min(4, Math.max(0, this.children + delta)); while (this.ages.length < this.children) this.ages.push(''); this.ages.splice(this.children); if (this.children === 0) this.error = '';},summary() { var n = this.adults + this.children; return n + ' ' + (n === 1 ? 'Gast' : 'Gäste');},validate() { this.error = ''; for (let i = 0; i < this.children; i++) { if (this.ages[i] === '' || this.ages[i] === undefined || this.ages[i] === null) { this.error = 'Bitte für jedes Kind das Alter auswählen.'; return false; } } return true;}}"><button type="button" class="booking-bar__toggle" @click="open = !open" :aria-expanded="open ? 'true' : 'false'" aria-controls="booking-form-0"> <svg class="block h-5 w-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"> 130 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3.75 9h16.5M5.25 5.25h13.5A1.5 1.5 0 0 1 20.25 6.75v12a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-12a1.5 1.5 0 0 1 1.5-1.5Z"/> 131 </svg> <span class="booking-bar__toggle-text"> Anreise – Abreise <span class="booking-bar__toggle-sep" aria-hidden="true">·</span> <span x-text="summary()">2 Gäste</span> </span> <svg class="booking-bar__toggle-chevron block h-4 w-4 shrink-0" :class="open ? 'rotate-180' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 132 <path stroke-linecap="round" stroke-linejoin="round" d="m19 9-7 7-7-7"/> 133 </svg> </button><form class="booking-bar__form" :class="open ? 'is-open' : ''" id="booking-form-0" action="https://app.mews.com/distributor/49cf942a-fe79-43d0-a99a-b20f008a82d9?language=de_DE" method="get" data-site-form="1" data-lang="de" data-booking-form="1" data-booking-target="https://app.mews.com/distributor/49cf942a-fe79-43d0-a99a-b20f008a82d9?language=de_DE" data-booking-internal="0" aria-label="Verfügbarkeit prüfen" @submit="if (!validate()) { popover = true; $event.preventDefault(); $event.stopPropagation(); }"><input type="hidden" name="submitbook" value="Online Buchen"> <input type="hidden" name="step" value="roomtypes"><div class="booking-bar__row"><label class="booking-bar__field"> <span class="booking-bar__label">Anreise</span> <input type="date" name="calendar_date_from" value="2026-09-26" min="2026-09-26" data-date-field="1" data-date-role="checkin" data-date-min="2026-09-26" autocomplete="off"> </label> <label class="booking-bar__field"> <span class="booking-bar__label">Abreise</span> <input type="date" name="calendar_date_to" value="2026-09-27" min="2026-09-27" data-date-field="1" data-date-role="checkout" data-date-min="2026-09-27" autocomplete="off"> </label><div class="booking-bar__field booking-bar__field--guests" @click.outside="popover = false" @keydown.escape="popover = false"><span class="booking-bar__label">Gäste</span> <button type="button" class="booking-bar__guests-toggle" @click="popover = !popover" :aria-expanded="popover ? 'true' : 'false'" aria-haspopup="true" aria-controls="booking-form-0-guests"> <span x-text="summary()">2 Gäste</span> <svg class="block h-3.5 w-3.5 shrink-0" :class="popover ? 'rotate-180' : ''" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> 134 <path stroke-linecap="round" stroke-linejoin="round" d="m19 9-7 7-7-7"/> 135 </svg> </button><div class="booking-bar__popover motion-pop" :class="popover ? 'is-open' : ''" id="booking-form-0-guests"><div class="booking-bar__popover-row"><span class="booking-bar__popover-label" id="booking-form-0-adults-label">
135Erwachsene</span><div class="booking-stepper"><button type="button" class="booking-stepper__btn" @click="step('adults', -1)" :disabled="adults <= 1" aria-label="Weniger: Erwachsene">−</button> <input class="booking-stepper__value" type="text" name="persons_adults" :value="adults" value="2" readonly inputmode="numeric" aria-labelledby="booking-form-0-adults-label" aria-live="polite"> <button type="button" class="booking-stepper__btn" @click="step('adults', 1)" :disabled="adults >= 6" aria-label="Mehr: Erwachsene">+</button></div></div><div class="booking-bar__popover-row"><span class="booking-bar__popover-label" id="booking-form-0-children-label">Kinder</span><div class="booking-stepper"><button type="button" class="booking-stepper__btn" @click="step('children', -1)" :disabled="children <= 0" aria-label="Weniger: Kinder">−</button> <input class="booking-stepper__value" type="text" name="persons_children" :value="children" value="0" readonly inputmode="numeric" aria-labelledby="booking-form-0-children-label" aria-live="polite"> <button type="button" class="booking-stepper__btn" @click="step('children', 1)" :disabled="children >= 4" aria-label="Mehr: Kinder">+</button></div></div><div class="booking-bar__ages" x-show="children >0" x-cloak> <template x-for="i in children" :key="i"> <label class="booking-bar__age"> <span x-text="'Alter Kind ' + i"></span> <select class="site-input" name="child_age[]" x-model="ages[i-1]" :aria-invalid="error !== '' && (ages[i-1] === '' || ages[i-1] === undefined) ? 'true' : 'false'"> <option value="">Alter</option> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> </select> </label> </template></div><p class="booking-bar__error" x-show="error !== ''" x-text="error" x-cloak role="alert"></p><button type="button" class="booking-bar__apply" @click="popover = false"> Ãbernehmen </button></div></div><button type="submit" class="site-button site-button--accent booking-bar__submit"> Verfügbarkeit prüfen </button></div></form></div><div class="booking-block__benefits"><div class="booking-benefits booking-benefits--inline"><ul class="booking-benefits__list" aria-label="Vorteile der Direktbuchung"><li><svg class="booking-benefits__check block shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.4" aria-hidden="true"> 136 <path stroke-linecap="round" stroke-linejoin="round" d="m5 12 4 4L19 6"/> 137 </svg> <span>Bestpreis-Garantie bei Direktbuchung</span></li><li><svg class="booking-benefits__check block shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.4" aria-hidden="true"> 138 <path stroke-linecap="round" stroke-linejoin="round" d="m5 12 4 4L19 6"/> 139 </svg> <span>Persönlich für Euch da</span></li></ul></div></div></div></section>
139<script> 140if (!window.__hotelBookingBound) { 141 window.__hotelBookingBound = true; 142 document.addEventListener('submit', function (event) { 143 var form = event.target && event.target.closest ? event.target.closest('[data-booking-form]') : null; 144 if (!form) { 145 return; 146 } 147 148 var target = form.getAttribute('data-booking-target') || form.getAttribute('action'); 149 if (!target) { 150 return; 151 } 152 153 event.preventDefault(); 154 155 var data = new FormData(form); 156 var url = new URL(target, window.location.href); 157 var arrival = data.get('calendar_date_from') || data.get('arrival') || ''; 158 var departure = data.get('calendar_date_to') || data.get('departure') || ''; 159 var adults = parseInt(data.get('persons_adults') || data.get('adults') || '2', 10); 160 var children = parseInt(data.get('persons_children') || data.get('children') || '0', 10); 161 var submitbook = data.get('submitbook') || 'Online Buchen'; 162 163 adults = Number.isFinite(adults) && adults > 0 ? Math.min(adults, 6) : 2; 164 children = Number.isFinite(children) && children > 0 ? Math.min(children, 4) : 0; 165 166 ['arrival', 'departure', 'adults', 'children', 'calendar_stays'].forEach(function (name) { 167 url.searchParams.delete(name); 168 }); 169 170 var ages = data.getAll('child_age[]') 171 .map(function (value) { return parseInt(value, 10); }) 172 .filter(function (value) { return Number.isFinite(value) && value >= 0 && value <= 17; }) 173 .slice(0, children); 174 175 if (url.hostname === 'app.mews.com' && url.pathname.indexOf('/distributor/') === 0) { 176 if (arrival) { 177 url.searchParams.set('mewsStart', arrival); 178 } 179 if (departure) { 180 url.searchParams.set('mewsEnd', departure); 181 } 182 url.searchParams.set('mewsAdultCount', String(adults)); 183 url.searchParams.set('mewsChildCount', String(children)); 184 window.open(url.toString(), '_blank', 'noopener,noreferrer'); 185 return; 186 } 187 188 if (arrival) { 189 url.searchParams.set('calendar_date_from', arrival); 190 } 191 if (departure) { 192 url.searchParams.set('calendar_date_to', departure); 193 } 194 url.searchParams.set('persons_adults', String(adults)); 195 url.searchParams.set('persons_children', String(children)); 196 url.searchParams.set('submitbook', submitbook); 197 url.searchParams.set('step', 'roomtypes');
198 ages.forEach(function (age) { 199 url.searchParams.append('child_age[]', String(age)); 200 }); 201 202 if (form.getAttribute('data-booking-internal') === '1') { 203 var docLang = (document.documentElement.lang || 'de').slice(0, 2).toLowerCase(); 204 var viomaLangMap = { de: 'de', en: 'en', fr: 'fr', it: 'it', es: 'es', nl: 'nl', ru: 'ru' }; 205 var vriParams = new URLSearchParams(); 206 vriParams.set('set_language', viomaLangMap[docLang] || 'en'); 207 if (arrival) { 208 vriParams.set('calendar_date_from', arrival); 209 } 210 if (departure) { 211 vriParams.set('calendar_date_to', departure); 212 } 213 vriParams.set('persons_adults', String(adults)); 214 vriParams.set('persons_children', String(children)); 215 vriParams.set('submitbook', submitbook); 216 vriParams.set('step', 'roomtypes'); 217 ages.forEach(function (age) { 218 vriParams.append('child_age[]', String(age)); 219 }); 220 url.hash = '/vsc.php?' + vriParams.toString(); 221 window.location.href = url.toString(); 222 return; 223 } 224 225 url.hash = ''; 226 227 if (url.origin === window.location.origin) { 228 window.location.href = url.toString(); 229 } else { 230 window.open(url.toString(), '_blank', 'noopener,noreferrer'); 231 } 232 }); 233} 234</script>
234 <div class="frontend-breadcrumbs"><nav aria-label="Breadcrumb" class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"><ol class="flex flex-wrap items-center gap-x-2.5 gap-y-1" itemscope itemtype="https://schema.org/BreadcrumbList"><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/de" itemprop="item"> <span itemprop="name">Start</span> </a><meta itemprop="position" content="1"></li><li aria-hidden="true">·</li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page"><span itemprop="name">Hotel Sonne</span><meta itemprop="position" content="2"></li></ol></nav></div><section class="bg-primary text-white/90 content-block text-image-bleed text-image-story content-block--text_image content-block-parent--page sonne-imageblock-image-left" x-data="scrollReveal" :class="shown && 'animate-fade-up'"><div class="grid grid-cols-1 lg:items-stretch lg:grid-cols-2"><div class="text-image-bleed__media relative lg:order-1"><button type="button" data-lightbox-trigger="1" class="lightbox-trigger lightbox-trigger--block motion-img-reveal block h-full w-full overflow-hidden focus:outline-none focus:ring-2 focus:ring-ink focus:ring-offset-2" @click="$dispatch('lightbox-open', { src: 'https://www.hotel-fuessen.de/uploads/images/entrance.jpg', alt: 'Hotel Sonne Füssen' })" aria-label="Hotel Sonne Füssen"> <img src="https://www.hotel-fuessen.de/uploads/images/entrance_thumb_3200x2000.jpg?v=727dd4e63d84c99a" srcset="https://www.hotel-fuessen.de/uploads/images/entrance_thumb_640x400.jpg?v=727dd4e63d84c99a 640w, https://www.hotel-fuessen.de/uploads/images/entrance_thumb_960x600.jpg?v=727dd4e63d84c99a 960w, https://www.hotel-fuessen.de/uploads/images/entrance_thumb_1280x800.jpg?v=727dd4e63d84c99a 1280w, https://www.hotel-fuessen.de/uploads/images/entrance_thumb_1600x1000.jpg?v=727dd4e63d84c99a 1600w, https://www.hotel-fuessen.de/uploads/images/entrance_thumb_1920x1200.jpg?v=727dd4e63d84c99a 1920w, https://www.hotel-fuessen.de/uploads/images/entrance_thumb_2560x1600.jpg?v=727dd4e63d84c99a 2560w, https://www.hotel-fuessen.de/uploads/images/entrance_thumb_3200x2000.jpg?v=727dd4e63d84c99a 3200w" sizes="(min-width: 2200px) 67vw, (min-width: 1024px) 1400px, 100vw" width="1920" height="1200" alt="Hotel Sonne Füssen" class="h-full w-full object-cover" loading="lazy" decoding="async"> <span class="lightbox-hover-overlay" aria-hidden="true"> <svg class="lightbox-hover-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 235 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7"/> 236 </svg> </span> </button></div><div class="text-image-copy lg:order-2 text-image-bleed__copy--right px-4 py-12 sm:px-6 lg:py-24"><div class="space-y-5 text-base leading-relaxed"><h2 class="font-heading text-3xl md:text-4xl leading-tight text-white tracking-normal">Hotel Sonne Füssen</h2><p class="text-base leading-8 text-white/80">Seid gegrüÃt in unserem neuen Hotel Sonne****!<br><br>Schon früher war ich von allem Neuen und Innovativen begeistert und kann Euch nun folgendes präsentieren:</p><ul class="space-y-2 pl-5 text-base leading-8 text-white/80 marker:text-white/50 list-disc"><li class="pl-1">Ein Strich - ein französischer Künstler namens Quibe - ein neues Logo</li><li class="pl-1">Eine gröÃere Tiefgarage mit Doppelparker</li><li class="pl-1">Das Restaurant & Bar RIWA - lecker und locker!</li><li class="pl-1">Neueste Technik im ganzen Hotel: zum Beispiel Tablets anstatt Telefone auf den Zimmern</li><li class="pl-1">Neue Zimmer ganz wie es Sissi, Wagner oder Ludwig gefallen hätte, würden sie im Hier und Heute leben</li></ul><p class="text-base leading-8 text-white/80"><br>Denn auch ich, Euer Ludwig, hatte ein starkes Team, das Unmögliches möglich gemacht hat!</p></div></div></div></section><section class="bg-primary text-white/90 content-block home-fluid-showcase home-room-showcase content-block--html content-block-parent--page sonne-list-rooms" x-data="scrollReveal" :class="shown && 'animate-fade-up'"><div class="home-fluid-carousel home-room-carousel" x-data="{ 237 go(dir) { 238 const track = $refs.track; 239 const item = track.firstElementChild; 240 if (!item) return; 241 const gap = parseFloat(getComputedStyle(track).columnGap
241) || 0; 242 const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 243 const step = item.getBoundingClientRect().width + gap; 244 const max = Math.max(0, track.scrollWidth - track.clientWidth); 245 const atStart = track.scrollLeft <= 4; 246 const atEnd = track.scrollLeft >= max - 4; 247 const options = { behavior: reduce ? 'auto' : 'smooth' }; 248 if (dir > 0 && atEnd) { 249 track.scrollTo({ ...options, left: 0 }); 250 return; 251 } 252 if (dir < 0 && atStart) { 253 track.scrollTo({ ...options, left: max }); 254 return; 255 } 256 track.scrollBy({ ...options, left: dir * step }); 257 } 258 }"><div x-ref="track" class="home-room-carousel__track" tabindex="0" role="group" aria-label="Zimmer, die zu Euch passen"><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/small" aria-label="Small"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_2560x1920.jpg?v=532aaa839ff6460d" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_640x480.jpg?v=532aaa839ff6460d 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_960x720.jpg?v=532aaa839ff6460d 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_1280x960.jpg?v=532aaa839ff6460d 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_1600x1200.jpg?v=532aaa839ff6460d 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_1920x1440.jpg?v=532aaa839ff6460d 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small/01_thumb_2560x1920.jpg?v=532aaa839ff6460d 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Small" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 109 EUR </small> <strong>Small</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/small-plus" aria-label="Small Plus"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_2560x1920.jpg?v=49090753a3bd7f28" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_640x480.jpg?v=49090753a3bd7f28 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_960x720.jpg?v=49090753a3bd7f28 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_1280x960.jpg?v=49090753a3bd7f28 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_1600x1200.jpg?v=49090753a3bd7f28 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_1920x1440.jpg?v=49090753a3bd7f28 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-small-plus/01_thumb_2560x1920.jpg?v=49090753a3bd7f28 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Small Plus" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 129 EUR </small> <strong>Small Plus</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/medium" aria-label="Medium"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_2560x1920.jpg?v=48a0fa713d19eff7" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_640x480.jpg?v=48a0fa713d19eff7 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_960x720.jpg?v=48a0fa713d19eff7 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_1280x960.jpg?v=48a0fa713d19eff7 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_1600x1200.jpg?v=48a0fa713d19eff7 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_1920x1440.jpg?v=48a0fa713d19eff7 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium/01_thumb_2560x1920.jpg?v=48a0fa713d19eff7 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Medium" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 149 EUR </small> <strong>Medium</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/medium-plus" aria-label="Medium Plus"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_2560x1920.jpg?v=fc5d78fe29f4b1d9" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_640x480.jpg?v=fc5d78fe29f4b1d9 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_960x720.jpg?v=fc5d78fe29f4b1d9 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_1280x960.jpg?v=fc5d78fe29f4b1d9 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_1600x1200.jpg?v=fc5d78fe29f4b1d9 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_1920x1440.jpg?v=fc5d78fe29f4b1d9 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-plus/01_thumb_2560x1920.jpg?v=fc5d78fe29f4b1d9 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Medium Plus" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 155 EUR </small> <strong>Medium Plus</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/medium-motto" aria-label="Medium Motto"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_2560x1920.jpg?v=dbec3c86c91c58e3" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_640x480.jpg?v=dbec3c86c91c58e3 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_960x720.jpg?v=dbec3c86c91c58e3 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_1280x960.jpg?v=dbec3c86c91c58e3 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_1600x1200.jpg?v=dbec3c86c91c58e3 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_1920x1440.jpg?v=dbec3c86c91c58e3 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-medium-motto/01_thumb_2560x1920.jpg?v=dbec3c86c91c58e3 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Medium Motto" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 159 EUR </small> <strong>Medium Motto</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/large" aria-label="Large"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_2560x1920.jpg?v=fd2fe8844fd2d8a6" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_640x480.jpg?v=fd2fe8844fd2d8a6 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_960x720.jpg?v=fd2fe8844fd2d8a6 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_1280x960.jpg?v=fd2fe8844fd2d8a6 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_1600x1200.jpg?v=fd2fe8844fd2d8a6 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_1920x1440.jpg?v=fd2fe8844fd2d8a6 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large/01_thumb_2560x1920.jpg?v=fd2fe8844fd2d8a6 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Large" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 169 EUR </small> <strong>Large</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/large-plus" aria-label="Large Plus"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_2560x1920.jpg?v=1c3d82271f25887d" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_640x480.jpg?v=1c3d82271f25887d 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_960x720.jpg?v=1c3d82271f25887d 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_1280x960.jpg?v=1c3d82271f25887d 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_1600x1200.jpg?v=1c3d82271f25887d 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_1920x1440.jpg?v=1c3d82271f25887d 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-plus/01_thumb_2560x1920.jpg?v=1c3d82271f25887d 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Large Plus" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 179 EUR </small> <strong>Large Plus</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/large-maximilian" aria-label="Large Maximilian"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_2560x1920.jpg?v=71797a60cf9ed701" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_640x480.jpg?v=71797a60cf9ed701 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_960x720.jpg?v=71797a60cf9ed701 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_1280x960.jpg?v=71797a60cf9ed701 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_1600x1200.jpg?v=71797a60cf9ed701 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_1920x1440.jpg?v=71797a60cf9ed701 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-maximilian/01_thumb_2560x1920.jpg?v=71797a60cf9ed701 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Large Maximilian" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 175 EUR </small> <strong>Large Maximilian</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/large-romantic" aria-label="Large Romantic"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_2560x1920.jpg?v=5756b03320c4edab" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_640x480.jpg?v=5756b03320c4edab 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_960x720.jpg?v=5756b03320c4edab 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_1280x960.jpg?v=5756b03320c4edab 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_1600x1200.jpg?v=5756b03320c4edab 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_1920x1440.jpg?v=5756b03320c4edab 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-large-romantic/01_thumb_2560x1920.jpg?v=5756b03320c4edab 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Large Romantic" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 175 EUR </small> <strong>Large Romantic</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article><article class="home-room-card"><a class="home-room-card__link" href="https://www.hotel-fuessen.de/de/rooms/small-plus-family-friends" aria-label="Small Plus Family & Friends"> <img src="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_2560x1920.jpg?v=a64201c6cb80bf04" srcset="https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_640x480.jpg?v=a64201c6cb80bf04 640w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_960x720.jpg?v=a64201c6cb80bf04 960w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_1280x960.jpg?v=a64201c6cb80bf04 1280w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_1600x1200.jpg?v=a64201c6cb80bf04 1600w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_1920x1440.jpg?v=a64201c6cb80bf04 1920w, https://www.hotel-fuessen.de/uploads/gallery/slideshow-rooms-family-friends/01_thumb_2560x1920.jpg?v=a64201c6cb80bf04 2560w" sizes="(min-width: 1280px) 34vw, (min-width: 640px) 52vw, 88vw" width="2560" height="1920" alt="Small Plus Family & Friends" class="home-room-card__image" loading="lazy" decoding="async"> <span class="home-room-card__scrim" aria-hidden="true"></span> <span class="home-room-card__copy"> <small> Ab 129 EUR </small> <strong>Small Plus Family & Friends</strong> <span class="home-fluid-card__action"> Mehr <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </span> </span> </a></article
258></div><div class="home-fluid-carousel__controls home-room-carousel__controls"><button type="button" class="home-fluid-carousel__button home-fluid-carousel__button--prev site-carousel-button" @click="go(-1)" aria-label="Vorherige Karten"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m15.75 19.5-7.5-7.5 7.5-7.5"/></svg> </button> <button type="button" class="home-fluid-carousel__button home-fluid-carousel__button--next site-carousel-button" @click="go(1)" aria-label="Weitere Karten"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg> </button></div></div></section><section id="trust-ratings" aria-label="Das sagen unsere Gäste" class="trust-ratings bg-primary text-white" data-lightbox-ignore="1"><div class="trust-ratings__inner mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><ul class="trust-ratings__grid" role="list"><li class="trust-ratings__item motion-rise"><article class="trust-rating-card" aria-label="HRS: 9,4 / 10"><span class="trust-rating-card__logo-stage"> <img class="trust-rating-card__logo trust-rating-card__logo--hrs" src="https://www.hotel-fuessen.de/uploads/images/ratings/hrs.svg" alt="HRS" width="118" height="33" loading="lazy" decoding="async" data-lightbox-ignore="1"> </span> <span class="trust-rating-card__score"> <span class="trust-rating-card__score-value" data-countup>9,4</span> <span class="trust-rating-card__scale">/ 10</span> </span></article></li><li class="trust-ratings__item motion-rise"><article class="trust-rating-card" aria-label="Tripadvisor: 4,5 / 5"><span class="trust-rating-card__logo-stage"> <img class="trust-rating-card__logo trust-rating-card__logo--tripadvisor" src="https://www.hotel-fuessen.de/uploads/images/ratings/tripadvisor.svg" alt="Tripadvisor" width="3419" height="634" loading="lazy" decoding="async" data-lightbox-ignore="1"> </span> <span class="trust-rating-card__score"> <span class="trust-rating-card__score-value" data-countup>4,5</span> <span class="trust-rating-card__scale">/ 5</span> </span></article></li><li class="trust-ratings__item motion-rise"><article class="trust-rating-card" aria-label="HolidayCheck: 5,6 / 6"><span class="trust-rating-card__logo-stage"> <img class="trust-rating-card__logo trust-rating-card__logo--holidaycheck" src="https://www.hotel-fuessen.de/uploads/images/ratings/holidaycheck.svg" alt="HolidayCheck" width="433" height="101" loading="lazy" decoding="async" data-lightbox-ignore="1"> </span> <span class="trust-rating-card__score"> <span class="trust-rating-card__score-value" data-countup>5,6</span> <span class="trust-rating-card__scale">/ 6</span> </span></article></li></ul></div></section></main><footer class="site-footer bg-alpine text-white/80" role="contentinfo" aria-label="FuÃzeile"><div class="site-footer-trust"><p class="site-footer-trust__inner"><span class="site-footer-trust__strong">Bestpreis-Garantie bei Direktbuchung</span> <span class="site-footer-trust__sep" aria-hidden="true">·</span> <span class="site-footer-trust__detail">Im Zentrum von Füssen</span> <span class="site-footer-trust__sep hidden md:inline" aria-hidden="true">·</span> <span class="site-footer-trust__detail hidden md:inline">Nur wenige Minuten von Schloss Neuschwanstein entfernt</span></p></div><div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8 lg:py-20"><div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-12 lg:gap-10"><div class="lg:col-span-4"><a href="https://www.hotel-fuessen.de/de" class="inline-flex items-center" aria-label="Hotel Sonne Füssen"> <img src="https://www.hotel-fuessen.de/uploads/logo/logo-light.svg" alt="Hotel Sonne Füssen" class="block h-16 w-auto sm:h-20" width="146" height="55" loading="lazy" decoding="async"> </a><p class="mt-5 max-w-[42ch] text-sm leading-relaxed text-pretty text-white/70">Hotel Sonne Füssen: Designhotel und Restaurant RIWA im Zentrum von Füssen, nur wenige Minuten von Schloss Neuschwanstein entfernt.</p><nav class="site-footer-social" aria-label="Soziale Netzwerke"><ul class="site-footer-social__list"><li><a href="https://www.facebook.com/hotelsonne" class="site-footer-social__link" target="_blank" rel="noopener noreferrer" aria-label="Facebook" title="Facebook"> <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
259 <path fill="currentColor" d="M13.5 22v-8h2.75l.41-3H13.5V9.08c0-.87.24-1.46 1.58-1.46h1.69V4.94c-.29-.04-1.3-.13-2.47-.13-2.44 0-4.11 1.49-4.11 4.22V11H7.43v3h2.76v8h3.31Z"/> 260 </svg> </a></li><li><a href="https://www.instagram.com/hotelfuessen/" class="site-footer-social__link" target="_blank" rel="noopener noreferrer" aria-label="Instagram" title="Instagram"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true" focusable="false"> 261 <rect x="3" y="3" width="18" height="18" rx="5"/> 262 <circle cx="12" cy="12" r="4.1"/> 263 <circle cx="17.4" cy="6.7" r="1" fill="currentColor" stroke="none"/> 264 </svg> </a></li><li><a href="https://twitter.com/sonnefuessen" class="site-footer-social__link" target="_blank" rel="noopener noreferrer" aria-label="X" title="X"> <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"> 265 <path fill="currentColor" d="M18.24 2.25h3.31l-7.23 8.26 8.51 11.24h-6.66l-5.21-6.82-5.97 6.82H1.68l7.73-8.84L1.25 2.25h6.83l4.71 6.23 5.45-6.23Zm-1.16 17.52h1.84L7.08 4.13H5.12l11.96 15.64Z"/> 266 </svg> </a></li></ul></nav></div><div class="lg:col-span-3"><h2 class="site-eyebrow site-eyebrow--light">Kontakt</h2><address class="mb-5 not-italic text-sm leading-relaxed text-white/70"><a href="https://www.hotel-fuessen.de/de/anfahrt.html" class="site-footer-link site-footer-link--block inline-flex flex-col"> <span>Prinzregentenplatz 1</span> <span>87629 Füssen</span> <span>Deutschland</span> </a></address><ul class="space-y-3 text-sm"><li><a href="https://www.hotel-fuessen.de/de/kontakt.html#kontaktformular" class="site-footer-link">Kontaktformular</a></li><li><a href="tel:+4983629080" class="site-footer-link">+49 (0) 8362 / 9080</a></li></ul></div><section class="lg:col-span-3" aria-labelledby="footer-newsletter-title"><h2 id="footer-newsletter-title" class="site-eyebrow site-eyebrow--light">Neuigkeiten aus Füssen</h2><p class="mb-5 max-w-[40ch] text-sm leading-relaxed text-pretty text-white/70">Erhalten Sie gelegentlich Neuigkeiten vom Hotel Sonne sowie ausgewählte Angebote und saisonale Arrangements.</p><form action="https://www.hotel-fuessen.de/de/newsletter/subscribe.html" method="post" class="space-y-3" data-newsletter-form><input type="hidden" name="_token" value="3b04e7cfd554e507be47dd120973c27e2c45d38a1b6292200ce162651be13bbe"> <input type="hidden" name="return_to" value="/de/hotel-sonne.html"> <input type="hidden" name="source" value="footer"><div class="flex items-stretch"><label for="newsletter-email-footer" class="sr-only">E-Mail-Adresse</label> <input id="newsletter-email-footer" type="email" name="email" required aria-required="true" autocomplete="email" placeholder="E-Mail-Adresse *" class="h-12 w-full min-w-0 rounded-none border border-r-0 border-white/25 bg-white/10 px-3.5 text-base text-white outline-none transition-colors duration-300 placeholder:text-white/50 focus:border-white/60"> <button type="submit" class="site-footer__newsletter-button inline-flex h-12 shrink-0 items-center justify-center rounded-none px-5 transition-colors duration-300"> Anmelden </button></div><label class="flex items-start gap-2 text-xs leading-relaxed text-white/70"> <input type="checkbox" name="marketing_consent" value="1" required aria-required="true" data-validation-required-message="Bitte bestätigen Sie, dass Sie Angebots-E-Mails erhalten möchten." class="site-form-check-input mt-0.5"> <span>Ja, ich möchte E-Mails von Hotel Sonne erhalten und kann mich jederzeit abmelden. <span class="site-required-marker" aria-hidden="true">*</span></span> </label><div style="position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;" aria-hidden="true"><input type="text" name="_hp_url" tabindex="-1" autocomplete="off"></div><div class="site-form-altcha-row site-form-altcha-row--dark"><altcha-widget class="site-form-altcha-widget" challengeurl="https://www.hotel-fuessen.de/api/altcha-challenge" language="de" name="altcha" auto="onsubmit" hidefooter hidelogo></altcha-widget></div><p class="text-[11px] leading-relaxed text-white/50">Informationen zur Verarbeitung finden Sie in der <a href="https://www.hotel-fuessen.de/de/privacy-policy.html" class="underline underline-offset-2 transition-colors duration-300 text-white/70 hover:text-white">Datenschutz</a>.</p></form></section></div></div><div class="border-t border-white/10"><div class="mx-auto flex max-w-7xl flex-col items-center justify-between gap-3 px-4 py-5 text-[0.75rem] tracking-[0.05em] text-white/55 sm:px-6 lg:flex-row lg:px-8"><span class="text-pretty">© 2026 Hotel Sonne Füssen. Alle Rechte vorbehalten.</span><nav role="navigation" aria-label="Rechtliches"><ul class="flex flex-wrap items-center justify-center gap-x-2 gap-y-1"><li><a href="https://www.hotel-fuessen.de/de/impressum.html" class="site-footer-link inline-flex min-h-11 items-center">Impressum</a></li><li aria-hidden="true" class="text-white/30">·</li><li><a href="https://www.hotel-fuessen.de/de/agbs.html" class="site-footer-link inline-flex min-h-11 items-center">AGB</a></li><li aria-hidden="true" class="text-white/30">·</li><li><a href="https://www.hotel-fuessen.de/de/datenschutz.html" class="site-footer-link inline-flex min-h-11 items-center">Datenschutz</a></li><li aria-hidden="true" class="text-white/30">·</li><li>
266<button type="button" @click="$dispatch('open-cookie-settings')" class="site-footer-link inline-flex min-h-11 items-center">Cookie-Einstellungen</button></li></ul></nav></div></div></footer><div x-data="cookieConsent" x-show="show" x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-8" @open-cookie-settings.window="openSettings()" @keydown.escape.window="if(show && preferences) preferences = false" class="site-cookie-layer fixed bottom-0 inset-x-0 z-[70] box-border p-4 sm:p-6" role="region" aria-label="Cookie-Einstellungen"><div x-ref="card" tabindex="-1" :class="{ 'site-cookie-card--preferences': preferences }" class="site-cookie-card motion-pop mx-auto max-h-[80vh] w-auto max-w-3xl overflow-hidden overflow-y-auto rounded-none bg-white shadow-[0_24px_64px_rgba(20,16,14,0.18)] focus:outline-none"><div class="p-6 sm:p-8"><div class="flex min-w-0 items-start gap-4"><div class="mt-0.5 hidden h-12 w-12 flex-shrink-0 items-center justify-center rounded-none bg-paper sm:flex"><svg class="block h-6 w-6 shrink-0 text-ink" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 267 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/> 268 </svg></div><div class="min-w-0 flex-1"><h2 class="mb-2 font-heading text-xl font-normal tracking-[-0.01em] text-ink">Ihre Privatsphäre ist uns wichtig</h2><p class="break-words text-sm leading-relaxed text-pretty text-ink-soft">Wir verwenden technisch notwendige Cookies und laden Analyse-, Marketing-, Chat- sowie externe Buchungsdienste erst nach Ihrer Einwilligung. Weitere Informationen finden Sie in unserer <a href="https://www.hotel-fuessen.de/de/privacy-policy.html" class="text-primary hover:text-primary-dark underline underline-offset-2 transition-colors">Datenschutzerklärung</a>.</p></div></div><div class="mt-6 flex w-full flex-col items-stretch gap-3 sm:flex-row sm:items-center"><button type="button" @click="acceptAll()" class="site-button site-button--primary w-full text-sm sm:w-auto" aria-label="Alle Cookies akzeptieren"> Alle akzeptieren </button> <button type="button" @click="acceptEssential()" class="site-button site-button--outline w-full text-sm sm:w-auto" aria-label="Nur notwendige Cookies akzeptieren"> Nur Notwendige </button> <button type="button" @click="preferences = !preferences" class="w-full rounded-none px-4 py-3 text-sm text-ink-muted transition-colors hover:text-ink focus:outline-none focus-visible:outline-2 focus-visible:outline-ink sm:ml-auto sm:w-auto" :aria-expanded="preferences.toString()" aria-controls="cookie-preferences-panel"> <span class="inline-flex items-center gap-1.5"> <svg class="block h-4 w-4 shrink-0 transition-transform" :class="preferences && 'rotate-180'" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 269 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/> 270 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 271 </svg> Einstellungen </span> </button></div></div><div x-show="preferences" x-cloak x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" id="cookie-preferences-panel" class="bg-paper p-6 sm:p-8" role="region" aria-label="Cookie-Kategorien"><h3 class="mb-5 font-sans text-xs font-semibold uppercase tracking-[0.2em] text-ink">Cookie-Kategorien</h3><div class="space-y-4"><div class="rounded-none bg-white p-4"><div class="flex items-start justify-between gap-4"><div class="min-w-0 flex-1"><div class="mb-1 flex items-center gap-2"><span class="text-sm font-semibold text-ink">Notwendige Cookies</span> <span class="rounded-none bg-paper px-2 py-0.5 text-[10px] font-medium uppercase tracking-[0.08em] text-ink-soft">Erforderlich</span></div><p class="text-xs leading-relaxed text-ink-muted">Diese Cookies sind für die Grundfunktionen der Website technisch unerlässlich und können nicht deaktiviert werden.</p></div><div class="mt-1 flex-shrink-0"><div class="cookie-switch cookie-switch--disabled" aria-label="Notwendige Cookies sind immer aktiv" role="switch" aria-checked="true" aria-disabled="true"><span class="cookie-switch-thumb" aria-hidden="true"></span></div></div></div><div class="mt-3 overflow-x-auto pt-3"><table class="w-full text-[11px] text-ink-muted"><thead><tr class="text-left text-ink-soft"><th class="pb-1 pr-3 font-medium">Cookie/Speicher</th><th class="pb-1 pr-3 font-medium">Zweck</th><th class="pb-1 pr-3 font-medium">Dauer</th><th class="pb-1 font-medium">Anbieter</th></tr></thead><tbody class="align-top"><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">PHPSESSID</td><td class="py-0.5 pr-3">Sitzungsverwaltung: speichert den Sitzungsstatus (z.B. Kontaktformular-Schutz, Flash-Nachrichten)</td><td class="whitespace-nowrap py-0.5 pr-3">Sitzung</td><td class="py-0.5">Eigenbetrieb</td></tr><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">
271cookie_consent</td><td class="py-0.5 pr-3">Speichert Ihre Cookie-Einstellungen, damit das Banner nicht erneut angezeigt wird</td><td class="whitespace-nowrap py-0.5 pr-3">1 Jahr</td><td class="py-0.5">Eigenbetrieb</td></tr><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">siteNewsletterOfferDismissedAt</td><td class="py-0.5 pr-3">Speichert, ob das Newsletter-Angebot geschlossen oder erfolgreich angefordert wurde</td><td class="whitespace-nowrap py-0.5 pr-3">bis zu 21 Tage</td><td class="py-0.5">Eigenbetrieb</td></tr></tbody></table></div></div><div class="rounded-none bg-white p-4"><div class="flex items-start justify-between gap-4"><div class="min-w-0 flex-1"><div class="mb-1 flex items-center gap-2"><span class="text-sm font-semibold text-ink">Analyse-Cookies</span> <span class="rounded-none bg-paper px-2 py-0.5 text-[10px] font-medium uppercase tracking-[0.08em] text-ink-muted">Optional</span></div><p class="text-xs leading-relaxed text-ink-muted">Mit Ihrer Einwilligung laden wir Clicky, um die Nutzung unserer Website statistisch auszuwerten und das Angebot zu verbessern.</p></div><div class="mt-1 flex-shrink-0"><button type="button" @click="analytics = !analytics" class="cookie-switch" role="switch" :aria-checked="analytics.toString()" aria-label="Analyse-Cookies aktivieren oder deaktivieren"> <span class="cookie-switch-thumb" aria-hidden="true"></span> </button></div></div><div class="mt-3 overflow-x-auto pt-3"><table class="w-full text-left text-[11px] text-ink-muted"><thead><tr class="text-ink-soft"><th class="pb-1 pr-3 font-medium">Cookie/Speicher</th><th class="pb-1 pr-3 font-medium">Zweck</th><th class="pb-1 pr-3 font-medium">Dauer</th><th class="pb-1 font-medium">Anbieter</th></tr></thead><tbody><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">standardmäÃig keine; ggf. _jsuid, _no_tracky_<site-id></td><td class="py-0.5 pr-3">Statistische Auswertung von Seitenaufrufen und Nutzung der Website</td><td class="whitespace-nowrap py-0.5 pr-3">standardmäÃig keine Tracking-Cookies; ggf. bis zu 1 Jahr</td><td class="py-0.5">Clicky</td></tr></tbody></table></div></div><div class="rounded-none bg-white p-4"><div class="flex items-start justify-between gap-4"><div class="min-w-0 flex-1"><div class="mb-1 flex items-center gap-2"><span class="text-sm font-semibold text-ink">Online-Buchung</span> <span class="rounded-none bg-paper px-2 py-0.5 text-[10px] font-medium uppercase tracking-[0.08em] text-ink-muted">Optional</span></div><p class="text-xs leading-relaxed text-ink-muted">Mit Ihrer Einwilligung laden wir den externen Buchungsservice Mews, damit Sie Verfügbarkeiten prüfen und direkt online buchen können.</p></div><div class="mt-1 flex-shrink-0"><button type="button" @click="booking = !booking" class="cookie-switch" role="switch" :aria-checked="booking.toString()" aria-label="Online-Buchung über Mews aktivieren oder deaktivieren"> <span class="cookie-switch-thumb" aria-hidden="true"></span> </button></div></div><div class="mt-3 overflow-x-auto pt-3"><table class="w-full text-left text-[11px] text-ink-muted"><thead><tr class="text-ink-soft"><th class="pb-1 pr-3 font-medium">Cookie/Speicher</th><th class="pb-1 pr-3 font-medium">Zweck</th><th class="pb-1 pr-3 font-medium">Dauer</th><th class="pb-1 font-medium">Anbieter</th></tr></thead><tbody><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">Mews Distributor</td><td class="py-0.5 pr-3">Online-Buchung und Verfügbarkeitsabfrage über den externen Buchungsservice Mews</td><td class="whitespace-nowrap py-0.5 pr-3">abhängig vom Buchungsservice</td><td class="py-0.5">Mews</td></tr></tbody></table></div></div><div class="rounded-none bg-white p-4"><div class="flex items-start justify-between gap-4"><div class="min-w-0 flex-1"><div class="mb-1 flex items-center gap-2"><span class="text-sm font-semibold text-ink">Chat</span> <span class="rounded-none bg-paper px-2 py-0.5 text-[10px] font-medium uppercase tracking-[0.08em] text-ink-muted">Optional</span></div><p class="text-xs leading-relaxed text-ink-muted">Mit Ihrer Einwilligung laden wir den Webchat von chatlyn, damit Sie uns direkt auf der Website Fragen stellen können.</p></div><div class="mt-1 flex-shrink-0"><button type="button" @click="chat = !chat" class="cookie-switch" role="switch" :aria-checked="chat.toString()" aria-label="chatlyn Webchat aktivieren oder deaktivieren"> <span class="cookie-switch-thumb" aria-hidden="true"></span> </button></div></div><div class="mt-3 overflow-x-auto pt-3"><table class="w-full text-left text-[11px] text-ink-muted"><thead><tr class="text-ink-soft"><th class="pb-1 pr-3 font-medium">Cookie/Speicher</th><th class="pb-1 pr-3 font-medium">Zweck</th><th class="pb-1 pr-3 font-medium">Dauer</th><th class="pb-1 font-medium">Anbieter</th></tr></thead><tbody><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">chatlynIframeState</td><td class="py-0.5 pr-3">Speichert, ob das Chatfenster geöffnet oder geschlossen ist</td><td class="whitespace-nowrap py-0.5 pr-3">Bis zur Löschung im Browser</td><td class="py-0.5">chatlyn GmbH, Wien</td></tr><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">chatlynUnreadCount</td><td class="py-0.5 pr-3">Speichert die Anzahl ungelesener Chatnachrichten für den Hinweis am Chat-Symbol</td><td class="whitespace-nowrap py-0.5 pr-3">Bis zur Löschung im Browser</td><td class="py-0.5">chatlyn GmbH, Wien</td></tr><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">chatlyn-color-mode, chatlyn-company, chatlyn-active-inbox, chatlyn-guest-identifier, chatlyn-webchat</td><td class="py-0.5 pr-3">Speichert Darstellung, Hotel- und Inbox-Zuordnung, Gastkennung sowie Funktionen und Verlauf des Webchats bei chatlyn</td><td class="whitespace-nowrap py-0.5 pr-3">Bis zur Löschung im Browser bzw. nach Vorgaben von chatlyn</td><td class="py-0.5">chatlyn GmbH, Wien</td></tr><tr><td class="py-0.5 pr-3 font-mono text-ink-soft">chatlyn-conversation-status, chatlyn-locale</td><td class="py-0.5 pr-3">Speichert Status und Sprache der aktuellen Chatsitzung bei chatlyn</td><td class="whitespace-nowrap py-0.5 pr-3">Sitzung</td><td class="py-0.5">chatlyn GmbH, Wien</td></tr></tbody></table></div></div><div class="rounded-none bg-white p-4"><div class="flex items-start justify-between gap-4"><div class="min-w-0 flex-1"><div class="mb-1 flex items-center gap-2"><span class="text-sm font-semibold text-ink">
271Marketing-Cookies</span> <span class="rounded-none bg-paper px-2 py-0.5 text-[10px] font-medium uppercase tracking-[0.08em] text-ink-muted">Optional</span></div><p class="text-xs leading-relaxed text-ink-muted">Derzeit sind keine Marketing-Cookies aktiv.</p></div><div class="mt-1 flex-shrink-0"><button type="button" @click="marketing = !marketing" class="cookie-switch" role="switch" :aria-checked="marketing.toString()" aria-label="Marketing-Cookies aktivieren oder deaktivieren"> <span class="cookie-switch-thumb" aria-hidden="true"></span> </button></div></div><div class="mt-3 overflow-x-auto pt-3"><table class="w-full text-left text-[11px] text-ink-muted"><thead><tr class="text-ink-soft"><th class="pb-1 pr-3 font-medium">Cookie/Speicher</th><th class="pb-1 pr-3 font-medium">Zweck</th><th class="pb-1 pr-3 font-medium">Dauer</th><th class="pb-1 font-medium">Anbieter</th></tr></thead><tbody></tbody></table></div></div></div><div class="mt-6 flex flex-col items-stretch gap-3 border-t border-line pt-5 sm:flex-row sm:items-center sm:justify-between"><a href="https://www.hotel-fuessen.de/de/privacy-policy.html" class="text-xs text-ink-muted underline underline-offset-2 transition-colors hover:text-primary"> Datenschutzerklärung lesen </a> <button type="button" @click="savePreferences()" class="site-button site-button--outline w-full text-sm sm:w-auto"> Auswahl speichern </button></div></div></div></div><div x-data="{ visible: false }" @scroll.window.passive="visible = (window.scrollY >400)" class="site-scroll-top fixed right-5 z-40"> <button x-show="visible" type="button" x-cloak x-transition:enter="transition" x-transition:enter-start="opacity-0 translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-4" @click="window.scrollTo({ 272 top: 0, 273 behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' 274 })" class="group flex h-11 w-11 items-center justify-center rounded-none bg-ink text-white focus:outline-none focus-visible:outline-2 focus-visible:outline-ink focus-visible:outline-offset-2" aria-label="Nach oben scrollen"> <svg class="block h-5 w-5 shrink-0 transition-transform duration-300 group-hover:-translate-y-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 275 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M5 15l7-7 7 7"/> 276 </svg> </button></div><div x-data="lightbox" x-show="open" x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @keydown.escape.window="close()" @keydown.arrow-left.window="previous($event)" @keydown.arrow-right.window="next($event)" @keydown.tab="trapFocus($event)" @lightbox-open.window="show($event.detail)" x-ref="dialog" tabindex="-1" class="fixed inset-0 z-[60] flex items-center justify-center bg-black/90 p-4 cursor-pointer" role="dialog" aria-modal="true" data-close-label="Bild schlieÃen" :aria-label="currentAlt || $el.dataset.closeLabel" @click="close()"><button type="button" x-ref="closeButton" @click.stop="close()" class="absolute top-6 right-6 z-10 inline-flex h-11 w-11 items-center justify-center rounded-none text-white/80 transition-colors duration-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black/50" aria-label="Bild schlieÃen"> <svg class="block h-6 w-6 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M6 18 18 6M6 6l12 12"/></svg> </button> <button x-show="canNavigate()" type="button" @click.stop="previous($event)" class="absolute left-3 top-1/2 z-10 inline-flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-none bg-black/35 text-white/80 ring-1 ring-white/20 transition hover:bg-black/55 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black/50 sm:left-6" aria-label="Vorheriges Bild"> <svg class="block h-7 w-7 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M15.75 19.5 8.25 12l7.5-7.5"/></svg> </button> <button x-show="canNavigate()" type="button" @click.stop="next($event)" class="absolute right-3 top-1/2 z-10 inline-flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-none bg-black/35 text-white/80 ring-1 ring-white/20 transition hover:bg-black/55 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black/50 sm:right-6" aria-label="Nächstes Bild"> <svg class="block h-7 w-7 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg> </button> <template x-if="currentSrc"> <img :src="currentSrc" :alt="currentAlt" class="max-h-[90vh] max-w-full rounded-none object-contain" @click.stop> </template></div></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.