{"id":3498,"date":"2025-05-22T17:34:21","date_gmt":"2025-05-22T15:34:21","guid":{"rendered":"https:\/\/gasthof-koenigstuhl.de\/your-hosts\/"},"modified":"2026-01-01T11:51:05","modified_gmt":"2026-01-01T10:51:05","slug":"your-hosts","status":"publish","type":"page","link":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/","title":{"rendered":"Your hosts"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background fusion-parallax-none nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https:\/\/gasthof-koenigstuhl.de\/wp-content\/uploads\/2025\/05\/Das-Hotel@2x.png&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1612px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-flex-align-self-flex-end\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:600px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:127px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-margin-top-medium:400px;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-margin-top-small:300px;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one h2s\" style=\"--awb-text-color:var(--awb-color4);\"><h1 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:60;line-height:1.2;\">Your hosts<\/h1><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-bottom:128px;--awb-margin-bottom-medium:80px;--awb-margin-bottom-small:80px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-align-content-flex-end fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:1612px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_5_6 5_6 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:83.3333333333%;--awb-margin-top-large:148px;--awb-spacing-right-large:2.304%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.304%;--awb-width-medium:83.3333333333%;--awb-order-medium:0;--awb-spacing-right-medium:2.304%;--awb-spacing-left-medium:2.304%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three h4s\" style=\"--awb-text-color:var(--awb-color5);--awb-margin-bottom:30px;\"><h3 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.3;\">THEN. TODAY. STILECHT.<\/h3><\/div><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-two h1s\" style=\"--awb-text-color:var(--awb-color5);--awb-margin-top:0px;\"><h2 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.28;\">History of the Berggasthof K\u00f6nigstuhl<\/h2><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-bottom:168px;--awb-margin-bottom-medium:96px;--awb-margin-bottom-small:96px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1612px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<div>\n<style>\n<p>        .timeline-slider {\n            max-width: 100%;\n            width: 100%;\n            margin: 0;\n            padding: 0px;\n            font-family: 'Effra Light';\n        }<\/p>\n<p>        \/* Timeline Linie *\/\n        .timeline-container {\n            position: relative;\n        }<\/p>\n<p>        .timeline-line {\n            height: 1.5px;\n            background: #7E947E;\n            width: 100%;\n            margin: 0;\n            position: absolute;\n            top: 180px; \n            left: 0;\n        }<\/p>\n<p>        .timeline-points {\n            \/* Timeline-Points sind jetzt in den Slides integriert *\/\n            display: none;\n        }<\/p>\n<p>        .timeline-point {\n            width: 32px;\n            height: 32px;\n            cursor: pointer;\n            position: relative;\n            background-image: url('\/wp-content\/uploads\/2025\/06\/timeline-dot-1.svg');\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n            opacity: 1;\n            transform: translateY(-50%); \/* Zentriert auf der Linie *\/\n            z-index: 5;\n        }<\/p>\n<p>        .timeline-point.active {\n            opacity: 1;\n            z-index: 5;\n        }<\/p>\n<p>        .timeline-point::before {\n            content: attr(data-year);\n            position: absolute;\n            bottom: 46px; \n            left: 0;\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 56px;\n            font-weight: 400;\n            white-space: nowrap;\n            color: #7E947E;\n            line-height: 1;\n        }<\/p>\n<p>        \/* Slider Container *\/\n        .slider-container {\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n        }<\/p>\n<p>        .slider-track {\n            display: flex;\n            transition: transform 0.5s ease;\n            width: calc(100% * 5 \/ 5); \/* 5 slides f\u00fcr 4 sichtbare (nicht 4.5) *\/\n        }<\/p>\n<p>        .slide {\n            flex: 0 0 calc(100% \/ 4); \/* Jeder Slide nimmt 1\/4 der Breite f\u00fcr 4 sichtbare *\/\n            padding: 0 16px; \/* 16px links + 16px rechts = 32px Abstand zwischen Slides *\/\n            box-sizing: border-box;\n            position: relative;\n        }<\/p>\n<p>        \/* Timeline-Punkt pro Slide *\/\n        .slide-timeline-point {\n            width: 32px;\n            height: 32px;\n            position: absolute;\n            top: 180px; \/* Gleiche Position wie die Linie *\/\n            left: 0px;\n            background-image: url('\/wp-content\/uploads\/2025\/06\/timeline-dot-1.svg');\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n            opacity: 1;\n            z-index: 2;\n            transform: translateY(-50%); \n        }<\/p>\n<p>        .slide.active .slide-timeline-point {\n            opacity: 1;\n        }<\/p>\n<p>        \/* Jahreszahl pro Slide *\/\n        .slide-year {\n            position: absolute;\n            top: 56px; \/* 80px \u00fcber der Linie *\/\n            left: 0px; \/* Linksb\u00fcndig mit dem Dot (angepasst f\u00fcr padding) *\/\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 56px;\n            font-weight: 400;\n            color: #7E947E;\n            line-height: 1;\n            z-index: 2;\n        }<\/p>\n<p>        .slide-content {\n            margin-top: 250px; \n            position: relative;\n            width: 100%;\n        }<\/p>\n<p>        .slide-text {\n            font-family: 'Effra Light', 'Helvetica Neue', Arial, sans-serif;\n            font-size: 18px;\n            font-weight: 300;\n            line-height: 1.4;\n            color: #000000;\n            margin-bottom: 24px; \n            min-height: 120px; \/* Feste Mindesth\u00f6he f\u00fcr konsistente Bildposition *\/\n        }<\/p>\n<p>        .slide-image {\n            margin-top: 0; \n            max-width: 100%;\n            width: 100%;\n            height: 460px; \/* Feste Bildh\u00f6he *\/\n            overflow: hidden; \/* \u00dcberstehende Teile ausblenden *\/\n        }<\/p>\n<p>        .slide-image img {\n            width: 100%;\n            height: 100%; \/* F\u00fcllt die feste Container-H\u00f6he *\/\n            object-fit: cover; \/* Beh\u00e4lt Proportionen, f\u00fcllt Container, schneidet bei Bedarf ab *\/\n            border-radius: 0; \n        }<\/p>\n<p>        \/* Navigation *\/\n        .timeline-navigation {\n            position: absolute;\n            right: 0;\n            top: 0; \n            display: flex;\n            gap: 10px;\n            z-index: 10;\n        }<\/p>\n<p>        .nav-icon {\n            width: 24px;\n            height: 24px;\n            cursor: pointer;\n            background-image: url('\/wp-content\/uploads\/2025\/06\/navigation.svg');\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center;\n            transition: opacity 0.3s ease;\n            opacity: 0.7;\n        }<\/p>\n<p>        .nav-icon:hover {\n            opacity: 1;\n        }<\/p>\n<p>        .nav-icon.prev {\n            transform: scaleX(-1); \/* Spiegelverkehrt f\u00fcr \"zur\u00fcck\" *\/\n        }<\/p>\n<p>        .nav-icon.next {\n            \/* Normal f\u00fcr \"weiter\" *\/\n        }<\/p>\n<p>        \/* Responsive *\/\n        @media only screen and (min-width: 600px) and (max-width: 1024px) {\n            \/* Tablet: 2 Spalten *\/\n            .slide {\n                flex: 0 0 calc(100% \/ 2); \/* 2 Spalten auf Tablet *\/\n            }<\/p>\n<p>            .slider-track {\n                width: 100%;\n            }<\/p>\n<p>            .timeline-navigation {\n                right: 10px;\n                top: 10px;\n            }<\/p>\n<p>            \/* Timeline angepasst f\u00fcr Tablet *\/<\/p>\n<p>            .timeline-line {\n                top: 120px; \/* Angepasste Position f\u00fcr Tablet *\/\n            }<\/p>\n<p>            .slide-timeline-point {\n                top: 120px; \/* Gleiche Position wie Linie *\/\n            }<\/p>\n<p>            .slide-year {\n                top: 20px; \/* N\u00e4her zur Linie *\/\n                font-size: 50px; \/* Kleinere Schrift auf Tablet *\/\n            }<\/p>\n<p>            .slide-content {\n                margin-top: 180px; \/* Angepasster Abstand: 120px (Linie) + 60px *\/\n            }<\/p>\n<p>            .slide-image {\n                height: 400px; \/* Gr\u00f6\u00dfere Bildh\u00f6he auf Tablet *\/\n            }\n        }<\/p>\n<p>        @media only screen and (max-width: 600px) {\n            \/* Mobile: 1 Spalte *\/\n            .slide {\n                flex: 0 0 100%; \/* 1 Spalte auf Mobile *\/\n            }<\/p>\n<p>            .slider-track {\n                width: 100%; \n            }<\/p>\n<p>            .timeline-line {\n                top: 80px; \/* Angepasste Position f\u00fcr Mobile *\/\n            }<\/p>\n<p>            .slide-year {\n                top: 0px; \/* N\u00e4her zur Linie *\/\n                font-size: 40px; \/* Kleinere Schrift auf Mobile *\/\n            }<\/p>\n<p>            .slide-timeline-point {\n                top: 80px; \/* Gleiche Position wie Linie *\/\n            }<\/p>\n<p>            .slide-content {\n                margin-top: 130px; \/* Angepasster Abstand: 80px (Linie) + 50px *\/\n            }<\/p>\n<p>            .slide-text {\n                font-size: 20px;\n                margin-bottom: 30px;\n                min-height: 90px;\n            }<\/p>\n<p>            .slide-image {\n                margin-top: 0;\n                height: 300px; \/* H\u00f6here Bildh\u00f6he auf Mobile wie gew\u00fcnscht *\/\n            }<\/p>\n<p>            \/* Timeline-Navigation anpassen *\/\n            .timeline-navigation {\n                top: 0;\n                right: 10px;\n            }\n        }\n    <\/style>\n<p><\/head><\/p>\n<div class=\"timeline-slider\">\n        <!-- Timeline --><\/p>\n<div class=\"timeline-container\">\n            <!-- Navigation Icons --><\/p>\n<div class=\"timeline-navigation\">\n<div class=\"nav-icon prev\" onclick=\"prevSlide()\"><\/div>\n<div class=\"nav-icon next\" onclick=\"nextSlide()\"><\/div>\n<\/p><\/div>\n<div class=\"timeline-line\"><\/div>\n<p>            <!-- Timeline-Points sind jetzt in den Slides integriert -->\n        <\/div>\n<p>        <!-- Slider --><\/p>\n<div class=\"slider-container\">\n<div class=\"slider-track\" id=\"sliderTrack\">\n                <!-- Slide 1: 1832 --><\/p>\n<div class=\"slide active\">\n<div class=\"slide-year\">1832<\/div>\n<div class=\"slide-timeline-point\"><\/div>\n<div class=\"slide-content\">\n<div class=\"slide-text\">\n  The construction of the observation tower on the K\u00f6nigstuhl marks the beginning of the development of Heidelberg\u2019s local mountain for tourism.\n                        <\/div>\n<div class=\"slide-image\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/Historie_1@2x.png\" alt=\"Heidelberg 1832\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Slide 2: 1864 --><\/p>\n<div class=\"slide\">\n<div class=\"slide-year\">1864<\/div>\n<div class=\"slide-timeline-point\"><\/div>\n<div class=\"slide-content\">\n<div class=\"slide-text\">\n  The first mountain hotel is built to cater for guests at an impressive altitude.\n                        <\/div>\n<div class=\"slide-image\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/Historie_2@2x.png\" alt=\"Mountain Hotel 1864\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Slide 3: 1907 --><\/p>\n<div class=\"slide\">\n<div class=\"slide-year\">1907<\/div>\n<div class=\"slide-timeline-point\"><\/div>\n<div class=\"slide-content\">\n<div class=\"slide-text\">\n  The upper cable car is opened, making the K\u00f6nigstuhl even more accessible and increasing visitor numbers.\n                        <\/div>\n<div class=\"slide-image\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/Bergbahn@2x.png\" alt=\"Mountain railroad 1907\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Slide 4: 1907-2020 --><\/p>\n<div class=\"slide\">\n<div class=\"slide-year\">1907-2020<\/div>\n<div class=\"slide-timeline-point\"><\/div>\n<div class=\"slide-content\">\n<div class=\"slide-text\">\n  The original building is rebuilt and modernized several times before it is finally demolished.\n                        <\/div>\n<div class=\"slide-image\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/1907-2020@2x.png\" alt=\"Reconstruction 1907-2020\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Slide 5: 2021 --><\/p>\n<div class=\"slide\">\n<div class=\"slide-year\">2021<\/div>\n<div class=\"slide-timeline-point\"><\/div>\n<div class=\"slide-content\">\n<div class=\"slide-text\">\n  With the reopening in 2021, the Berggasthof K\u00f6nigstuhl is returning to its origins as a destination.\n                        <\/div>\n<div class=\"slide-image\">\n                            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/06\/2021_03_Berggasthof-Koenigstuhl1739@2x.png\" alt=\"Reopening 2021\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Navigation --><br \/>\n        <!-- Navigation ist jetzt in der Timeline integriert -->\n    <\/div>\n<p>    <script>\n        let currentSlide = 0;\n        const totalSlides = 5;<\/p>\n<p>        \/\/ Touch\/Swipe Variablen\n        let startX = 0;\n        let endX = 0;\n        let isDragging = false;<\/p>\n<p>        function goToSlide(slideIndex) {\n            \/\/ Responsive Logik f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen\n            let maxSlide, slidesVisible;<\/p>\n<p>            if (window.innerWidth <= 600) {\n                \/\/ Mobile: 1 Slide sichtbar\n                slidesVisible = 1;\n                maxSlide = Math.max(0, totalSlides - slidesVisible);\n            } else if (window.innerWidth <= 1024) {\n                \/\/ Tablet: 2 Slides sichtbar\n                slidesVisible = 2;\n                maxSlide = Math.max(0, totalSlides - slidesVisible);\n            } else {\n                \/\/ Desktop: 4 Slides sichtbar\n                slidesVisible = 4;\n                maxSlide = Math.max(0, totalSlides - slidesVisible);\n            }\n            \n            if (slideIndex < 0) slideIndex = 0;\n            if (slideIndex > maxSlide) slideIndex = maxSlide;<\/p>\n<p>            currentSlide = slideIndex;<\/p>\n<p>            \/\/ Slider bewegen basierend auf sichtbaren Slides\n            const track = document.getElementById('sliderTrack');\n            const slideWidth = 100 \/ slidesVisible;\n            const movePercentage = slideIndex * slideWidth;\n            track.style.transform = `translateX(-${movePercentage}%)`;<\/p>\n<p>            \/\/ Aktiven Slide markieren\n            document.querySelectorAll('.slide').forEach((slide, index) => {\n                slide.classList.toggle('active', index === slideIndex);\n            });\n        }<\/p>\n<p>        function nextSlide() {\n            let slidesVisible;\n            if (window.innerWidth <= 600) {\n                slidesVisible = 1;\n            } else if (window.innerWidth <= 1024) {\n                slidesVisible = 2;\n            } else {\n                slidesVisible = 4;\n            }\n            \n            if (currentSlide < totalSlides - slidesVisible) {\n                goToSlide(currentSlide + 1);\n            }\n        }\n\n        function prevSlide() {\n            if (currentSlide > 0) {\n                goToSlide(currentSlide - 1);\n            }\n        }<\/p>\n<p>        \/\/ Timeline-Punkte klickbar machen - jetzt direkt auf den Slides\n        document.querySelectorAll('.slide-timeline-point').forEach((point, index) => {\n            point.addEventListener('click', () => {\n                goToSlide(index);\n            });\n        });<\/p>\n<p>        \/\/ Touch\/Swipe Funktionalit\u00e4t hinzuf\u00fcgen\n        const sliderContainer = document.querySelector('.slider-container');<\/p>\n<p>        \/\/ Touch Start\n        sliderContainer.addEventListener('touchstart', (e) => {\n            startX = e.touches[0].clientX;\n            isDragging = true;\n        });<\/p>\n<p>        \/\/ Touch Move\n        sliderContainer.addEventListener('touchmove', (e) => {\n            if (!isDragging) return;\n            e.preventDefault(); \/\/ Verhindert Scrollen w\u00e4hrend Swipe\n        });<\/p>\n<p>        \/\/ Touch End\n        sliderContainer.addEventListener('touchend', (e) => {\n            if (!isDragging) return;<\/p>\n<p>            endX = e.changedTouches[0].clientX;\n            const swipeDistance = startX - endX;\n            const minSwipeDistance = 50; \/\/ Mindestdistanz f\u00fcr Swipe<\/p>\n<p>            \/\/ Swipe nach links (n\u00e4chster Slide)\n            if (swipeDistance > minSwipeDistance) {\n                nextSlide();\n            }\n            \/\/ Swipe nach rechts (vorheriger Slide)\n            else if (swipeDistance < -minSwipeDistance) {\n                prevSlide();\n            }\n            \n            isDragging = false;\n        });\n\n        \/\/ Mouse Events f\u00fcr Desktop (optional)\n        sliderContainer.addEventListener('mousedown', (e) => {\n            startX = e.clientX;\n            isDragging = true;\n            sliderContainer.style.cursor = 'grabbing';\n        });<\/p>\n<p>        sliderContainer.addEventListener('mousemove', (e) => {\n            if (!isDragging) return;\n            e.preventDefault();\n        });<\/p>\n<p>        sliderContainer.addEventListener('mouseup', (e) => {\n            if (!isDragging) return;<\/p>\n<p>            endX = e.clientX;\n            const swipeDistance = startX - endX;\n            const minSwipeDistance = 50;<\/p>\n<p>            if (swipeDistance > minSwipeDistance) {\n                nextSlide();\n            } else if (swipeDistance < -minSwipeDistance) {\n                prevSlide();\n            }\n            \n            isDragging = false;\n            sliderContainer.style.cursor = 'grab';\n        });\n\n        \/\/ Cursor Style f\u00fcr bessere UX\n        sliderContainer.style.cursor = 'grab';\n\n        \/\/ Auto-play entfernt f\u00fcr bessere Benutzererfahrung bei Carousel\n    <\/script><\/div>\n<\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-align-content-flex-end fusion-flex-justify-content-space-between fusion-flex-content-wrap\" style=\"max-width:1612px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion-flex-column zweispaltiger-text-col\" style=\"--awb-bg-size:cover;--awb-width-large:42%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.57142857143%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:4.57142857143%;--awb-width-medium:75%;--awb-order-medium:0;--awb-spacing-right-medium:2.56%;--awb-spacing-left-medium:2.56%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-three h4s\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.3;\">THE HEIDELBERG FAMILY<\/h3><\/div><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-two h2s\" style=\"--awb-text-color:var(--awb-color5);--awb-margin-bottom:56px;--awb-margin-bottom-small:32px;--awb-margin-bottom-medium:32px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.28;\">Ueberle family<\/h2><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\"><p>The married couples Philipp and Ilka Ueberle and Fritz and Nicolette run the house together. The hoteliers are true Heidelberg veterans. The brothers have 25 years of gastronomic experience and have successfully managed the Bootshaus restaurant, the Hotel Auerstein and the Deutscher Kaiser in Heidelberg.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion-flex-column\" style=\"--awb-bg-image:url(&#039;https:\/\/gasthof-koenigstuhl.de\/wp-content\/uploads\/2025\/05\/Gastgeber@2x-1.png&#039;);--awb-bg-size:cover;--awb-width-large:55%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.49090909091%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.49090909091%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column fusion-empty-column-bg-image fusion-column-has-bg-image\" data-bg-url=\"https:\/\/gasthof-koenigstuhl.de\/wp-content\/uploads\/2025\/05\/Gastgeber@2x-1.png\"><img decoding=\"async\" class=\"fusion-empty-dims-img-placeholder\" alt=\"Familie Ueberle Inhaber Berg-Gasthof K\u00f6nigstuhl Heidelberg\" aria-label=\"Familie Ueberle\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271924%27%20height%3D%271224%27%20viewBox%3D%270%200%201924%201224%27%3E%3Crect%20width%3D%271924%27%20height%3D%271224%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\"><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:168px;--awb-margin-top-medium:96px;--awb-margin-top-small:96px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1612px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-image:url(&#039;https:\/\/gasthof-koenigstuhl.de\/wp-content\/uploads\/2025\/05\/Trenner@2x.png&#039;);--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column fusion-column-has-bg-image\" data-bg-url=\"https:\/\/gasthof-koenigstuhl.de\/wp-content\/uploads\/2025\/05\/Trenner@2x.png\"><div class=\"fusion-title title fusion-title-6 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-three h2s\" style=\"--awb-text-color:var(--awb-color4);--awb-margin-top:718px;--awb-margin-bottom:112px;--awb-margin-top-small:200px;--awb-margin-bottom-small:80px;--awb-margin-top-medium:200px;--awb-margin-bottom-medium:80px;\"><h3 class=\"fusion-title-heading title-heading-center fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.3;\"><p>Your retreat at 570 meters<br \/>\n<!-- notionvc: 056d0c81-9975-434a-8aae-cb6fb35d3f3d --><\/p><\/h3><\/div><\/div><\/div><\/div><\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3498","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Your hosts at Gasthof K\u00f6nigstuhl<\/title>\n<meta name=\"description\" content=\"Get to know the hosts of the Berggasthof K\u00f6nigstuhl and discover the exciting history of this traditional establishment.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Your hosts at Gasthof K\u00f6nigstuhl\" \/>\n<meta property=\"og:description\" content=\"Get to know the hosts of the Berggasthof K\u00f6nigstuhl and discover the exciting history of this traditional establishment.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/\" \/>\n<meta property=\"og:site_name\" content=\"Gasthof K\u00f6nigstuhl\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-01T10:51:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/\",\"url\":\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/\",\"name\":\"Your hosts at Gasthof K\u00f6nigstuhl\",\"isPartOf\":{\"@id\":\"https:\/\/gasthof-koenigstuhl.de\/en\/#website\"},\"datePublished\":\"2025-05-22T15:34:21+00:00\",\"dateModified\":\"2026-01-01T10:51:05+00:00\",\"description\":\"Get to know the hosts of the Berggasthof K\u00f6nigstuhl and discover the exciting history of this traditional establishment.\",\"breadcrumb\":{\"@id\":\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/gasthof-koenigstuhl.de\/en\/home-page\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Your hosts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/gasthof-koenigstuhl.de\/en\/#website\",\"url\":\"https:\/\/gasthof-koenigstuhl.de\/en\/\",\"name\":\"Gasthof K\u00f6nigstuhl\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/gasthof-koenigstuhl.de\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Your hosts at Gasthof K\u00f6nigstuhl","description":"Get to know the hosts of the Berggasthof K\u00f6nigstuhl and discover the exciting history of this traditional establishment.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/","og_locale":"en_US","og_type":"article","og_title":"Your hosts at Gasthof K\u00f6nigstuhl","og_description":"Get to know the hosts of the Berggasthof K\u00f6nigstuhl and discover the exciting history of this traditional establishment.","og_url":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/","og_site_name":"Gasthof K\u00f6nigstuhl","article_modified_time":"2026-01-01T10:51:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/","url":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/","name":"Your hosts at Gasthof K\u00f6nigstuhl","isPartOf":{"@id":"https:\/\/gasthof-koenigstuhl.de\/en\/#website"},"datePublished":"2025-05-22T15:34:21+00:00","dateModified":"2026-01-01T10:51:05+00:00","description":"Get to know the hosts of the Berggasthof K\u00f6nigstuhl and discover the exciting history of this traditional establishment.","breadcrumb":{"@id":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gasthof-koenigstuhl.de\/en\/your-hosts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/gasthof-koenigstuhl.de\/en\/home-page\/"},{"@type":"ListItem","position":2,"name":"Your hosts"}]},{"@type":"WebSite","@id":"https:\/\/gasthof-koenigstuhl.de\/en\/#website","url":"https:\/\/gasthof-koenigstuhl.de\/en\/","name":"Gasthof K\u00f6nigstuhl","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gasthof-koenigstuhl.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/pages\/3498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/comments?post=3498"}],"version-history":[{"count":10,"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/pages\/3498\/revisions"}],"predecessor-version":[{"id":4375,"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/pages\/3498\/revisions\/4375"}],"wp:attachment":[{"href":"https:\/\/gasthof-koenigstuhl.de\/en\/wp-json\/wp\/v2\/media?parent=3498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}