{"id":3894,"date":"2025-04-01T17:56:16","date_gmt":"2025-04-01T15:56:16","guid":{"rendered":"https:\/\/classic-hotel-harmonie.de\/about-around\/"},"modified":"2025-05-28T10:54:17","modified_gmt":"2025-05-28T08:54:17","slug":"about-around","status":"publish","type":"page","link":"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/","title":{"rendered":"About &amp; Around"},"content":{"rendered":"\n<div class=\"os-section-container os-stage-section\" >\n    <div class=\"os-stage-elements\">\n        <div class=\"bookin-zone-stage\">\n            <div class=\"background-header\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-scaled.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-scaled.webp 2560w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-300x225.webp 300w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-1024x768.webp 1024w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-768x576.webp 768w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-1536x1152.webp 1536w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Hand-close-up-quer-1-2048x1536.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>            <\/div>\n            \n                            <div class=\"title-stage-sec\">\n                    <h1>About &amp; Around<\/h1>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"os-section-container os-about-area\"  style=\"background-image: url(https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/blume.svg); background-size: auto; background-position-x: 100%; background-position-y: center; background-repeat: no-repeat;\">\n    <div class=\"about-area-row\">\n        <div class=\"about-text\">\n                            <h2>Our hotel and the cathedral city<\/h2>\n                                        <div class=\"m-introduction--content cms-content \" data-disable-read=\"\" data-read-more=\"\">\n<p>The Classic Hotel Harmonie is a real gem in Cologne&#8217;s city center and is one of the last privately run hotels in Cologne. The current hotel owner and operator is the second owner since the property was built. Previously, the G\u00fclich family ran the hotel for two generations before putting it up for sale with a heavy heart in 1996. A new era began.   <\/p>\n<\/div>\n                    <\/div>\n                        \n                        <div class=\"os_buttonholder\">\n                                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"os-background-style\">\n\n<div class=\"os-section-container halfbg-area \">\n<div class=\"halfbg-area-content\">\n<div class=\"imgs-zone\">\n<div class=\"img-left\">\n<div class=\"purple-overlay\"><\/div>\n\n<img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"417\" src=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-06-um-17.48.28.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-06-um-17.48.28.png 558w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-06-um-17.48.28-300x224.png 300w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/div>\n<div class=\"img-right\">\n<img loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"414\" src=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-06-um-17.49.30.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-06-um-17.49.30.png 553w, https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/05\/Bildschirmfoto-2025-05-06-um-17.49.30-300x225.png 300w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/div>\n<\/div>\n<div class=\"text-centered-zone\">\n<div class=\"big-title-center big\">\nThe origin<\/div>\n<div class=\"text-area-center-purple\">\n<p>Back then, the hotel consisted of 40 hotel rooms, a hairdressing salon and a coach house &#8211; nothing like today.<\/p>\n<p>Over the course of 20 years, the owner gave free rein to his creativity and created an oasis in Cologne&#8217;s city center. First, the 40 existing rooms were completely renovated before the number of rooms was expanded in three construction phases to 106 individually designed rooms, an artistically designed underground car park and a conference room. <\/p>\n<p>The ideas for the conversion and design of the hotel are a collection of various short and long-distance trips &#8211; always on the lookout for new concepts, furniture or wallpaper.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"cta-centered\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"container faq\">\n            <h2 class=\"faq-title\">The history of the Classic Hotel Harmonie<\/h2>\n    \n                                            <div class=\"faq-item \">\n                <div>\n                    <div class=\"faq-question\">1996 &#8211; Cologne, the trade fair city<\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p>In 1996, Cologne was already known as a trade fair city, but it was a long way from being one of the largest event cities in Germany, as it is today. In his search for a suitable hotel, the current owner wrote to hotels he was interested in &#8211; by letter, which is almost unimaginable today. The resulting contact with the G\u00fclich family turned out to be a stroke of luck and a handshake agreement was quickly reached. In the same year, the first conversion work began on the 40 rooms in the former Ursuline convent.   <\/p>\n<p>In addition, the cellars, which were filled in with rubble after the Second World War, were uncovered by hand. At the same time, the building site became an excavation site, as relics from Roman times were discovered, which can now be found in the Roman-Germanic Museum. The excavated cellars are now home to our in-house laundry, among other things.  <\/p>\n<p>With the reopening in the same year, the hotel was renamed from Hotel G\u00fclich to Classic Hotel Harmonie.<\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div>\n                    <div class=\"faq-question\">2001 &#8211; The second construction phase begins<\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p>The hairdressing salon had to make way for a spacious entrance area. The building was also extended &#8211; two additional floors were added, creating space for 18 more rooms. <\/p>\n<p>The former coach house was completely renovated and converted into a beautiful, open breakfast room. Old garages that were located on the property had to make way and were converted into additional rooms. Our Mediterranean garden was created in the inner courtyard and is still an inviting place to relax today.  <\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div>\n                    <div class=\"faq-question\">2009-2019 &#8211; The extension<\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p>The year 2009 was a milestone for today&#8217;s hotel. The owner acquired the neighboring property in order to expand there. <\/p>\n<p>In 2016, construction work finally began with the aim of building 40 more rooms in our best category (Grand Deluxe). Our underground parking lot with 24 parking spaces was built in the basement, then still white, today an interplay of bright colors and motifs. <\/p>\n<p>On the first floor of the new building, space was created for our event area with 6 conference rooms. The expansion was slightly delayed due to coronavirus and the space was put into operation in 2023. <\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n                                <div class=\"faq-item \">\n                <div>\n                    <div class=\"faq-question\">2024 &#8211; a year for new things<\/div>\n                    <div class=\"faq-answer\" style=\"display: none;\"><p>The lobby will be renovated this year. Our guests can soon expect an open lobby concept with an open restaurant area and a glamorous bar as the focal point and eye-catcher. <\/p>\n<\/div>\n                <\/div>\n                <div class=\"faq-toggle\">\n                    <svg class=\"faq-icon\" width=\"56\" height=\"56\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line class=\"line-horizontal\" x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <line class=\"line-vertical\" x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n                    <\/svg>\n                <\/div>\n            <\/div>\n        \n            <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const loadMoreButton = document.getElementById('load-more');\n    const faqItems = document.querySelectorAll('.faq-item.hidden');\n\n    if (loadMoreButton && faqItems.length > 0) {\n        loadMoreButton.addEventListener('click', function() {\n            const isExpanded = loadMoreButton.textContent === loadMoreButton.dataset.textLess;\n\n            \/\/ Alternar visibilidade dos itens ocultos\n            faqItems.forEach(item => {\n                item.classList.toggle('hidden', isExpanded);\n            });\n\n            \/\/ Alternar texto do bot\u00e3o\n            loadMoreButton.textContent = isExpanded\n                ? loadMoreButton.dataset.textMore\n                : loadMoreButton.dataset.textLess;\n        });\n    }\n\n    \/\/ Expandir\/colapsar respostas individuais\n    document.querySelectorAll('.faq-item').forEach(item => {\n        item.addEventListener('click', () => {\n            const answer = item.querySelector('.faq-answer');\n            const lineVertical = item.querySelector('.line-vertical');\n            const isActive = item.classList.contains('active');\n\n            \/\/ Fechar todos os outros\n            document.querySelectorAll('.faq-item').forEach(i => {\n                i.classList.remove('active');\n                i.querySelector('.faq-answer').style.display = 'none';\n                i.querySelector('.line-vertical').style.display = 'block';\n            });\n\n            \/\/ Abrir o clicado, se n\u00e3o estava ativo\n            if (!isActive) {\n                item.classList.add('active');\n                answer.style.display = 'block';\n                lineVertical.style.display = 'none';\n            }\n        });\n    });\n});\n<\/script>\n\n\n<div class=\"swiper-container unique-cardslider-swiper\" id=\"unique-cardslider-swiper\">\n    <div class=\"title-unique-cardslider\">\n        <h2><\/h2>\n    <\/div>\n    <div class=\"unique-cardslider-area\" id=\"unique-cardslider-area\">\n        \n        <div class=\"swiper unique-swiper-container-cards\" id=\"unique-swiper-container-cards\">\n            <div class=\"swiper-wrapper unique-cards\" id=\"unique-swiper-wrapper-cards\">\n                                                            <div class=\"swiper-slide unique-swiper-slide-cards\">\n                                                                                        <a class=\"unique-cardslide-link\" href=\"https:\/\/classic-hotel-harmonie.de\/en\/surroundings\/\">\n                            \n                                                            <img decoding=\"async\" class=\"unique-cardslider-img\" src=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/04\/img-1748.jpg\" alt=\"\">\n                            \n                            <div class=\"unique-card-title\">\n                                <h2>Tips around Cologne<\/h2>\n                                <div class=\"unique-info-title unique-hidebtn\">\n                                    <p>Our hotel in Cologne&#8217;s old town is the perfect starting point for many activities. Cologne Cathedral is just a stone&#8217;s throw away, and museums, galleries and the Rhine are all within walking distance. \u2192<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"unique-slide-overlay\">\n                                <h2>Tips around Cologne<\/h2>\n                                <div><p>Our hotel in Cologne&#8217;s old town is the perfect starting point for many activities. Cologne Cathedral is just a stone&#8217;s throw away, and museums, galleries and the Rhine are all within walking distance. \u2192<\/p>\n<\/div>\n                            <\/div>\n\n                                                            <\/a>\n                                                    <\/div>\n                                            <div class=\"swiper-slide unique-swiper-slide-cards\">\n                                                                                        <div class=\"unique-cardslide-no-link\">\n                            \n                                                            <img decoding=\"async\" class=\"unique-cardslider-img\" src=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Bird-close-up-hochformat-scaled-e1762250310728.webp\" alt=\"\">\n                            \n                            <div class=\"unique-card-title\">\n                                <h2>Sustainability at local level<\/h2>\n                                <div class=\"unique-info-title unique-hidebtn\">\n                                    <p>Sustainability is becoming increasingly important and we are trying to leave a positive footprint, especially at a local level.  <\/p>\n<p>We work with:<br \/>\n&#8211; regional suppliers<br \/>\n&#8211; regional construction companies and partner companies, such as our carpentry or our nursery<br \/>\n&#8211; permanent staff; no temporary employment contracts or external companies<br \/>\n&#8211; in-house laundry and mangle to reduce transportation and CO2<br \/>\n&#8211; Rituals products in our rooms: sustainable dispensers; sustainable bottles<br \/>\n&#8211; you have the choice: towels on the bathroom floor = we change the towels. Towels on the hook = we leave you hanging<br \/>\n&#8211; Automation technology throughout the hotel: central control of heating and air conditioning as well as electricity<\/p>\n<p>Will you help too?<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"unique-slide-overlay\">\n                                <h2>Sustainability at local level<\/h2>\n                                <div><p>Sustainability is becoming increasingly important and we are trying to leave a positive footprint, especially at a local level.  <\/p>\n<p>We work with:<br \/>\n&#8211; regional suppliers<br \/>\n&#8211; regional construction companies and partner companies, such as our carpentry or our nursery<br \/>\n&#8211; permanent staff; no temporary employment contracts or external companies<br \/>\n&#8211; in-house laundry and mangle to reduce transportation and CO2<br \/>\n&#8211; Rituals products in our rooms: sustainable dispensers; sustainable bottles<br \/>\n&#8211; you have the choice: towels on the bathroom floor = we change the towels. Towels on the hook = we leave you hanging<br \/>\n&#8211; Automation technology throughout the hotel: central control of heating and air conditioning as well as electricity<\/p>\n<p>Will you help too?<\/p>\n<\/div>\n                            <\/div>\n\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"swiper-slide unique-swiper-slide-cards\">\n                                                                                        <a class=\"unique-cardslide-link\" href=\"mailto:info@classic-hotel-harmonie.com\">\n                            \n                                                            <img decoding=\"async\" class=\"unique-cardslider-img\" src=\"https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/04\/Rezeption-quer-1-scaled.jpg\" alt=\"\">\n                            \n                            <div class=\"unique-card-title\">\n                                <h2>Massage at the Classic Hotel Harmonie<\/h2>\n                                <div class=\"unique-info-title unique-hidebtn\">\n                                    <p>In cooperation with corpus as, we offer you the opportunity to have a massage directly at our hotel every Wednesday. The offer ranges from a full body massage to deep tissue massage (deep tissue) or foot reflexology therapy. Need to relax? Please send an e-mail directly to our colleagues and let us spoil you. Enquire now \u2192<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"unique-slide-overlay\">\n                                <h2>Massage at the Classic Hotel Harmonie<\/h2>\n                                <div><p>In cooperation with corpus as, we offer you the opportunity to have a massage directly at our hotel every Wednesday. The offer ranges from a full body massage to deep tissue massage (deep tissue) or foot reflexology therapy. Need to relax? Please send an e-mail directly to our colleagues and let us spoil you. Enquire now \u2192<\/p>\n<\/div>\n                            <\/div>\n\n                                                            <\/a>\n                                                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"unique-navarrows unique-cardslider\">\n        <div class=\"swiper-button-next unique-navarrows\"><\/div>\n        <div class=\"swiper-button-prev unique-navarrows\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const swiperEl = document.querySelector(\"#unique-swiper-container-cards\");\n    const swiperWrapper = document.querySelector(\"#unique-swiper-wrapper-cards\");\n    const swiperArea = document.querySelector(\"#unique-cardslider-area\");\n    const navContainer = document.querySelector(\".unique-navarrows.unique-cardslider\");\n\n    const totalSlides = swiperWrapper.querySelectorAll(\".swiper-slide\").length;\n\n    let swiperConfig = {\n        slidesPerView: 1,\n        spaceBetween: 26,\n        loop: false,\n        watchOverflow: true,\n        navigation: {\n            nextEl: '.swiper-button-next.unique-navarrows',\n            prevEl: '.swiper-button-prev.unique-navarrows'\n        },\n        breakpoints: {\n            1024: { slidesPerView: 3, spaceBetween: 26 },\n            768: { slidesPerView: 2, spaceBetween: 26 },\n            0: { slidesPerView: 1, spaceBetween: 0 }\n        }\n    };\n\n    if (totalSlides <= 4) {\n        swiperConfig.navigation = false;\n        if (navContainer) navContainer.style.display = 'none';\n        if (swiperEl) swiperEl.classList.add('unique-centered');\n        if (swiperWrapper) swiperWrapper.classList.add('unique-centered');\n        if (swiperArea) swiperArea.classList.add('unique-centered');\n    }\n\n    const swiper = new Swiper(\"#unique-swiper-container-cards\", swiperConfig);\n});\n<\/script>\n\n<div class=\"os-section os-section-parallax\">\n    <div class=\"parallax-title\">Team &amp; Career<\/div>\n    <div class=\"parallax-bg\" style=\"background-image: url('https:\/\/classic-hotel-harmonie.de\/wp-content\/uploads\/2025\/03\/Empfang-seitlich.webp');\">\n        <div class=\"section-image-gradient-top\"><\/div>\n        <div class=\"parallax-swiper-wrapper\">\n            <div class=\"swiper parallax-swiper-custom\">\n                <div class=\"swiper-wrapper parallax-swiper\">\n                                            <div class=\"swiper-slide parallax-info\">\n                            <div class=\"parallax-slide-content\">\n                                <div class=\"parallax-slide-title\">Become part of the team<\/div>\n                                <div class=\"parallax-slide-description\">Work in an inspiring environment, Benefit from personal development, Experience real team spirit<\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide parallax-info\">\n                            <div class=\"parallax-slide-content\">\n                                <div class=\"parallax-slide-title\">A career with heart and style<\/div>\n                                <div class=\"parallax-slide-description\">Appreciation and respect in everyday life, Individual promotion of your talents, Stylish working environment with a feel-good factor<\/div>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide parallax-info\">\n                            <div class=\"parallax-slide-content\">\n                                <div class=\"parallax-slide-title\">More than just a job<\/div>\n                                <div class=\"parallax-slide-description\">Achieve great things together, Varied tasks &amp; responsibility, Long-term prospects in a strong team<\/div>\n                            <\/div>\n                        <\/div>\n                                    <div class=\"swiper-button-next parallax-swiper-next\"><\/div>\n                <div class=\"swiper-button-prev parallax-swiper-prev\"><\/div>\n                <div class=\"swiper-pagination parallax-swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n                    \n                    <div class=\"os_buttonholder\" style=\"margin: auto;\">\n                                                    <a href=\"https:\/\/classic-hotel-harmonie.de\/en\/team-and-career\/\" target=\"_blank\" class=\"button_default\">\n                                <div class=\"os_button_area\">\n                                    <div class=\"os_button\">\n                                        Team and career                                    <\/div>\n                                    <div class=\"button_arrow\"><div class=\"button_icon\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18.2 16\"><defs><\/defs><path class=\"cls-1\" d=\"M8.6.4l-4.5 4.5c-.3.3-.3.7 0 1s.7.3 1 0l3.3-3.3v12.9s1.4 0 1.4 0V2.6s3.3 3.3 3.3 3.3c.3.3.7.3 1 0 .3-.3.3-.7 0-1L9.6.4c-.3-.3-.7-.3-1 0Z\"\/><\/svg>\n                                    <\/div><\/div>\n                                <\/div>\n                            <\/a>\n                                            <\/div>\n                <\/div>\n        <div class=\"section-image-gradient-bottom\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const swiper = new Swiper(\".parallax-swiper-custom\", {\n        slidesPerView: 1,\n        spaceBetween: 20,\n        loop: true,\n        grabCursor: true,\n        navigation: {\n            nextEl: \".parallax-swiper-next\",\n            prevEl: \".parallax-swiper-prev\",\n        },\n        pagination: {\n            el: \".parallax-swiper-pagination\",\n            clickable: true,\n        },\n        breakpoints: {\n            768: {\n                slidesPerView: 1,\n            },\n            1024: {\n                slidesPerView: 3,\n            }\n        }\n    });\n\n    \/\/ Hide navigation if there are 4 or fewer slides\n    if (swiper.slides.length <= 4) {\n        document.querySelector(\".parallax-swiper-next\").style.display = \"none\";\n        document.querySelector(\".parallax-swiper-prev\").style.display = \"none\";\n    }\n});\n<\/script>\n\n\n\n<style>\n.section-image-gradient-bottom{display:none!important;}\n.imgs-zone{margin: 0px 0px;!important;}\n<\/style>\n\n\n<template id="SLPPpvJvWAL1RO1Q56Yi"></template>\n\n\n<div class=\"container map\">\n    <div class=\"headline\"><\/div>\n\n    <div id=\"map\">\n    \n    <div id=\"map_single\" class=\"map\" style=\"width: 100%; height: 550px;\"><\/div>\n    <\/div>\n    \n    \n    <div class=\"map_legende\">\n        <div class=\"marker\" data-marker=\"01\"><div class=\"marker_dot\">01<\/div> <div class=\"marker_text\">Classic Hotel Harmonie<\/div><\/div><div class=\"marker\" data-marker=\"02\"><div class=\"marker_dot\">02<\/div> <div class=\"marker_text\">Cologne Central Station<\/div><\/div><div class=\"marker\" data-marker=\"03\"><div class=\"marker_dot\">03<\/div> <div class=\"marker_text\">Musical Dome<\/div><\/div><div class=\"marker\" data-marker=\"04\"><div class=\"marker_dot\">04<\/div> <div class=\"marker_text\">Hohenzollernbr\u00fccke<\/div><\/div><div class=\"marker\" data-marker=\"05\"><div class=\"marker_dot\">05<\/div> <div class=\"marker_text\">Rheinboulevard<\/div><\/div><div class=\"marker\" data-marker=\"06\"><div class=\"marker_dot\">06<\/div> <div class=\"marker_text\">Tanzbrunnen<\/div><\/div><div class=\"marker\" data-marker=\"07\"><div class=\"marker_dot\">07<\/div> <div class=\"marker_text\">Cologne Cathedral<\/div><\/div><div class=\"marker\" data-marker=\"08\"><div class=\"marker_dot\">08<\/div> <div class=\"marker_text\"> Chocolate Museum<\/div><\/div><div class=\"marker\" data-marker=\"09\"><div class=\"marker_dot\">09<\/div> <div class=\"marker_text\">Cologne Cable Car<\/div><\/div>    <\/div>\n\t\n    <template id="jAsfvbATmnSboSpQDb2x"></template><\/script>    \n\n    <script>\n        var markersData = [{\"label\":\"Classic Hotel Harmonie\",\"default_label\":\"Ursulaplatz, 50668 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.945313,\"lng\":6.9549132,\"geocode\":[{\"name\":\"Classic Hotel Harmonie, Ursulaplatz, Ursulaviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50668, Deutschland\",\"html\":\"Ursulaplatz, 50668 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9452516,\"lng\":6.9547407},\"_northEast\":{\"lat\":50.9453975,\"lng\":6.9550299}},\"center\":{\"lat\":50.945313,\"lng\":6.9549132},\"properties\":{\"place_id\":105896523,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":37863948,\"lat\":\"50.9453130\",\"lon\":\"6.9549132\",\"class\":\"tourism\",\"type\":\"hotel\",\"place_rank\":30,\"importance\":8.006485084301545e-5,\"addresstype\":\"tourism\",\"name\":\"Classic Hotel Harmonie\",\"display_name\":\"Classic Hotel Harmonie, Ursulaplatz, Ursulaviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50668, Deutschland\",\"address\":{\"tourism\":\"Classic Hotel Harmonie\",\"road\":\"Ursulaplatz\",\"neighbourhood\":\"Ursulaviertel\",\"suburb\":\"Altstadt-Nord\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50668\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"house_number\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9452516,50.9453975,6.9547407,6.9550299]}}],\"uuid\":\"marker_6836cab339be8\"},{\"label\":\"Cologne Central Station\",\"default_label\":\"Trankgasse 11, 50667 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9427839,\"lng\":6.9590705,\"geocode\":[{\"name\":\"K\\u00f6ln Hauptbahnhof, 11, Trankgasse, Martinsviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50667, Deutschland\",\"html\":\"Trankgasse 11, 50667 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9377839,\"lng\":6.9540705},\"_northEast\":{\"lat\":50.9477839,\"lng\":6.9640705}},\"center\":{\"lat\":50.9427839,\"lng\":6.9590705},\"properties\":{\"place_id\":106087192,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"node\",\"osm_id\":2399559029,\"lat\":\"50.9427839\",\"lon\":\"6.9590705\",\"class\":\"railway\",\"type\":\"station\",\"place_rank\":30,\"importance\":0.5091684536072584,\"addresstype\":\"railway\",\"name\":\"K\\u00f6ln Hauptbahnhof\",\"display_name\":\"K\\u00f6ln Hauptbahnhof, 11, Trankgasse, Martinsviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50667, Deutschland\",\"address\":{\"railway\":\"K\\u00f6ln Hauptbahnhof\",\"house_number\":\"11\",\"road\":\"Trankgasse\",\"neighbourhood\":\"Martinsviertel\",\"suburb\":\"Altstadt-Nord\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50667\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9377839,50.9477839,6.9540705,6.9640705]}}],\"uuid\":\"marker_6836cacb39be9\"},{\"label\":\"Musical Dome\",\"default_label\":\"Goldgasse 1, 50668 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9428278,\"lng\":6.9617246,\"geocode\":[{\"name\":\"Musical Dome, 1, Goldgasse, Kunibertsviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50668, Deutschland\",\"html\":\"Goldgasse 1, 50668 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9424894,\"lng\":6.9611311},\"_northEast\":{\"lat\":50.9431401,\"lng\":6.9622837}},\"center\":{\"lat\":50.9428278,\"lng\":6.9617246},\"properties\":{\"place_id\":106524484,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":16367389,\"lat\":\"50.9428278\",\"lon\":\"6.9617246\",\"class\":\"amenity\",\"type\":\"theatre\",\"place_rank\":30,\"importance\":0.3281092747657318,\"addresstype\":\"amenity\",\"name\":\"Musical Dome\",\"display_name\":\"Musical Dome, 1, Goldgasse, Kunibertsviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50668, Deutschland\",\"address\":{\"amenity\":\"Musical Dome\",\"house_number\":\"1\",\"road\":\"Goldgasse\",\"neighbourhood\":\"Kunibertsviertel\",\"suburb\":\"Altstadt-Nord\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50668\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9424894,50.9431401,6.9611311,6.9622837]}}],\"uuid\":\"marker_6836cb3939bea\"},{\"label\":\"Hohenzollernbr\\u00fccke\",\"default_label\":\"Trankgassenwerft, 50667 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9414376,\"lng\":6.9657041,\"geocode\":[{\"name\":\"Hohenzollernbr\\u00fccke, Trankgassenwerft, Martinsviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50667, Deutschland\",\"html\":\"Trankgassenwerft, 50667 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9412479,\"lng\":6.9627433},\"_northEast\":{\"lat\":50.941631,\"lng\":6.9686655}},\"center\":{\"lat\":50.9414376,\"lng\":6.9657041},\"properties\":{\"place_id\":105881197,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":268130024,\"lat\":\"50.9414376\",\"lon\":\"6.9657041\",\"class\":\"man_made\",\"type\":\"bridge\",\"place_rank\":30,\"importance\":0.39869503428092246,\"addresstype\":\"man_made\",\"name\":\"Hohenzollernbr\\u00fccke\",\"display_name\":\"Hohenzollernbr\\u00fccke, Trankgassenwerft, Martinsviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50667, Deutschland\",\"address\":{\"man_made\":\"Hohenzollernbr\\u00fccke\",\"road\":\"Trankgassenwerft\",\"neighbourhood\":\"Martinsviertel\",\"suburb\":\"Altstadt-Nord\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50667\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"house_number\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9412479,50.941631,6.9627433,6.9686655]}}],\"uuid\":\"marker_6836cbdc39beb\"},{\"label\":\"Rheinboulevard\",\"default_label\":\"Rheinboulevard, 50679 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9392775,\"lng\":6.9682988,\"geocode\":[{\"name\":\"Rheinboulevard, Deutz, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50679, Deutschland\",\"html\":\"Rheinboulevard, 50679 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.93694,\"lng\":6.968176},\"_northEast\":{\"lat\":50.9414604,\"lng\":6.9687107}},\"center\":{\"lat\":50.9392775,\"lng\":6.9682988},\"properties\":{\"place_id\":105513967,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":360111604,\"lat\":\"50.9392775\",\"lon\":\"6.9682988\",\"class\":\"highway\",\"type\":\"pedestrian\",\"place_rank\":26,\"importance\":0.05341339818417636,\"addresstype\":\"road\",\"name\":\"Rheinboulevard\",\"display_name\":\"Rheinboulevard, Deutz, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50679, Deutschland\",\"address\":{\"road\":\"Rheinboulevard\",\"suburb\":\"Deutz\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50679\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"house_number\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.93694,50.9414604,6.968176,6.9687107]}}],\"uuid\":\"marker_6836cc1739bec\"},{\"label\":\"Tanzbrunnen\",\"default_label\":\"50679 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9464129,\"lng\":6.9718341,\"geocode\":[{\"name\":\"Tanzbrunnen, Deutz, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50679, Deutschland\",\"html\":\"50679 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9461943,\"lng\":6.9714477},\"_northEast\":{\"lat\":50.9466803,\"lng\":6.9722206}},\"center\":{\"lat\":50.9464129,\"lng\":6.9718341},\"properties\":{\"place_id\":106011541,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":583397767,\"lat\":\"50.9464129\",\"lon\":\"6.9718341\",\"class\":\"natural\",\"type\":\"water\",\"place_rank\":22,\"importance\":0.272124500803288,\"addresstype\":\"water\",\"name\":\"Tanzbrunnen\",\"display_name\":\"Tanzbrunnen, Deutz, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50679, Deutschland\",\"address\":{\"water\":\"Tanzbrunnen\",\"suburb\":\"Deutz\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50679\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"road\":\"\",\"house_number\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9461943,50.9466803,6.9714477,6.9722206]}}],\"uuid\":\"marker_6836cc5339bee\"},{\"label\":\"Cologne Cathedral\",\"default_label\":\"Domkloster 4, 50667 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9413035,\"lng\":6.958138,\"geocode\":[{\"name\":\"K\\u00f6lner Dom, 4, Domkloster, Andreasviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50667, Deutschland\",\"html\":\"Domkloster 4, 50667 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9409171,\"lng\":6.9570708},\"_northEast\":{\"lat\":50.9416969,\"lng\":6.9591516}},\"center\":{\"lat\":50.9413035,\"lng\":6.958138},\"properties\":{\"place_id\":106606433,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":4532022,\"lat\":\"50.9413035\",\"lon\":\"6.9581380\",\"class\":\"amenity\",\"type\":\"place_of_worship\",\"place_rank\":30,\"importance\":0.5823715888932184,\"addresstype\":\"amenity\",\"name\":\"K\\u00f6lner Dom\",\"display_name\":\"K\\u00f6lner Dom, 4, Domkloster, Andreasviertel, Altstadt-Nord, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50667, Deutschland\",\"address\":{\"amenity\":\"K\\u00f6lner Dom\",\"house_number\":\"4\",\"road\":\"Domkloster\",\"neighbourhood\":\"Andreasviertel\",\"suburb\":\"Altstadt-Nord\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50667\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9409171,50.9416969,6.9570708,6.9591516]}}],\"uuid\":\"marker_6836cc9739bef\"},{\"label\":\" Chocolate Museum\",\"default_label\":\"Am Schokoladenmuseum 1a, 50678 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.9319828,\"lng\":6.9644356,\"geocode\":[{\"name\":\"Schokoladenmuseum, 1a, Am Schokoladenmuseum, Rheinauhafen, Altstadt-S\\u00fcd, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50678, Deutschland\",\"html\":\"Am Schokoladenmuseum 1a, 50678 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.9317535,\"lng\":6.96409},\"_northEast\":{\"lat\":50.932196,\"lng\":6.9646842}},\"center\":{\"lat\":50.9319828,\"lng\":6.9644356},\"properties\":{\"place_id\":105137429,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"way\",\"osm_id\":334606061,\"lat\":\"50.9319828\",\"lon\":\"6.9644356\",\"class\":\"tourism\",\"type\":\"museum\",\"place_rank\":30,\"importance\":0.28575224736690846,\"addresstype\":\"tourism\",\"name\":\"Schokoladenmuseum\",\"display_name\":\"Schokoladenmuseum, 1a, Am Schokoladenmuseum, Rheinauhafen, Altstadt-S\\u00fcd, Innenstadt, K\\u00f6ln, Nordrhein-Westfalen, 50678, Deutschland\",\"address\":{\"tourism\":\"Schokoladenmuseum\",\"house_number\":\"1a\",\"road\":\"Am Schokoladenmuseum\",\"commercial\":\"Rheinauhafen\",\"suburb\":\"Altstadt-S\\u00fcd\",\"city_district\":\"Innenstadt\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"50678\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.9317535,50.932196,6.96409,6.9646842]}}],\"uuid\":\"marker_6836ccd239bf0\"},{\"label\":\"Cologne Cable Car\",\"default_label\":\"Auenweg 173, 51063 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"lat\":50.951697,\"lng\":6.9819528,\"geocode\":[{\"name\":\"Bootshaus, 173, Auenweg, Hafen K\\u00f6ln M\\u00fclheim, M\\u00fclheim, K\\u00f6ln, Nordrhein-Westfalen, 51063, Deutschland\",\"html\":\"Auenweg 173, 51063 K\\u00f6ln, Nordrhein-Westfalen Deutschland\",\"bbox\":{\"_southWest\":{\"lat\":50.951647,\"lng\":6.9819028},\"_northEast\":{\"lat\":50.951747,\"lng\":6.9820028}},\"center\":{\"lat\":50.951697,\"lng\":6.9819528},\"properties\":{\"place_id\":106633420,\"licence\":\"Data \\u00a9 OpenStreetMap contributors, ODbL 1.0. http:\\\/\\\/osm.org\\\/copyright\",\"osm_type\":\"node\",\"osm_id\":6362576510,\"lat\":\"50.9516970\",\"lon\":\"6.9819528\",\"class\":\"amenity\",\"type\":\"nightclub\",\"place_rank\":30,\"importance\":0.24549928620455394,\"addresstype\":\"amenity\",\"name\":\"Bootshaus\",\"display_name\":\"Bootshaus, 173, Auenweg, Hafen K\\u00f6ln M\\u00fclheim, M\\u00fclheim, K\\u00f6ln, Nordrhein-Westfalen, 51063, Deutschland\",\"address\":{\"amenity\":\"Bootshaus\",\"house_number\":\"173\",\"road\":\"Auenweg\",\"industrial\":\"Hafen K\\u00f6ln M\\u00fclheim\",\"suburb\":\"M\\u00fclheim\",\"city_district\":\"M\\u00fclheim\",\"city\":\"K\\u00f6ln\",\"state\":\"Nordrhein-Westfalen\",\"ISO3166-2-lvl4\":\"DE-NW\",\"postcode\":\"51063\",\"country\":\"Deutschland\",\"country_code\":\"de\",\"building\":\"\",\"town\":\"\",\"village\":\"\",\"hamlet\":\"\"},\"boundingbox\":[50.951647,50.951747,6.9819028,6.9820028]}}],\"uuid\":\"marker_6836cde239bf3\"}];\n        var map = L.map('map_single', {\n            scrollWheelZoom: false  \n        });\n\n        var markerGroup = L.featureGroup().addTo(map);\n\n        var tileLayer = L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n            maxZoom: 15,\n            attribution: '\u00a9 OpenStreetMap contributors'\n        }).addTo(map);\n\n        var markers = [];\n\n        function addMarkersToMap(markersData, markerGroup) {\n            for (var i = 0; i < markersData.length; i++) {\n                var markerData = markersData[i];\n                var latLng = [markerData.lat, markerData.lng];\n                var label = markerData.label;\n\n                var customIcon = L.divIcon({\n                    html: '' + (i+1).toString().padStart(2, '0') + '',\n                    className: '',\n                    iconSize: [30, 30],\n                    iconAnchor: [15, 15],\n                    popupAnchor: [0, -15]\n                });\n\n                var marker = L.marker(latLng, {icon: customIcon}).addTo(markerGroup).bindPopup(label);\n                \n                \/\/ Store marker for later reference\n                markers.push(marker);\n\n                \/\/ Event-Listener f\u00fcr Mouseover und Mouseout\n                marker.on('mouseover', function(e) {\n                    var markerNumber = this._icon.innerHTML.trim();\n                    document.querySelectorAll('.map_legende .marker').forEach(function(el) {\n                        if (el.querySelector('.marker_dot').innerHTML.trim() === markerNumber) {\n                            el.classList.add('active');\n                        }\n                    });\n                    this._icon.classList.add('active');\n                });\n\n                marker.on('mouseout', function(e) {\n                    document.querySelectorAll('.map_legende .marker').forEach(function(el) {\n                        el.classList.remove('active');\n                    });\n                    this._icon.classList.remove('active');\n                });\n            }\n        }\n\n        addMarkersToMap(markersData, markerGroup);\n\n        map.fitBounds(markerGroup.getBounds());\n\n        map.on('focus', function() { map.scrollWheelZoom.enable(); });\n        map.on('blur', function() { map.scrollWheelZoom.disable(); });\n\n        \/\/ Event-Listener f\u00fcr die Legende\n        document.querySelectorAll('.map_legende .marker').forEach(function(el, index) {\n            el.addEventListener('mouseover', function() {\n                markers[index].openPopup();\n                markers[index]._icon.classList.add('active');\n                el.classList.add('active');\n            });\n\n            el.addEventListener('mouseout', function() {\n                markers[index].closePopup();\n                markers[index]._icon.classList.remove('active');\n                el.classList.remove('active');\n            });\n        });\n    <\/script>\n<\/div>\n\n\n<div style=\"height:92px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3894","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>About &amp; around | Classic Hotel Harmonie<\/title>\n<meta name=\"description\" content=\"Discover the Classic Hotel Harmonie in Cologne - your retreat in the heart of the city! #AboutUs #ExperienceCologne #ClassicHotelHarmonie\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Team &amp; Career in Cologne | Classic Hotel Harmonie\" \/>\n<meta property=\"og:description\" content=\"Discover the Classic Hotel Harmonie in Cologne - your retreat in the heart of the city! #AboutUs #ExperienceCologne #ClassicHotelHarmonie\" \/>\n<meta property=\"og:url\" content=\"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/\" \/>\n<meta property=\"og:site_name\" content=\"Classic Hotel Harmonie\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-28T08:54:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/about-around\\\/\",\"url\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/about-around\\\/\",\"name\":\"About & around | Classic Hotel Harmonie\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/#website\"},\"datePublished\":\"2025-04-01T15:56:16+00:00\",\"dateModified\":\"2025-05-28T08:54:17+00:00\",\"description\":\"Discover the Classic Hotel Harmonie in Cologne - your retreat in the heart of the city! #AboutUs #ExperienceCologne #ClassicHotelHarmonie\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/about-around\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/about-around\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/about-around\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About &amp; Around\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/\",\"name\":\"Classic Hotel Harmonie\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/classic-hotel-harmonie.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"About & around | Classic Hotel Harmonie","description":"Discover the Classic Hotel Harmonie in Cologne - your retreat in the heart of the city! #AboutUs #ExperienceCologne #ClassicHotelHarmonie","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:\/\/classic-hotel-harmonie.de\/en\/about-around\/","og_locale":"en_US","og_type":"article","og_title":"Team & Career in Cologne | Classic Hotel Harmonie","og_description":"Discover the Classic Hotel Harmonie in Cologne - your retreat in the heart of the city! #AboutUs #ExperienceCologne #ClassicHotelHarmonie","og_url":"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/","og_site_name":"Classic Hotel Harmonie","article_modified_time":"2025-05-28T08:54:17+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/","url":"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/","name":"About & around | Classic Hotel Harmonie","isPartOf":{"@id":"https:\/\/classic-hotel-harmonie.de\/en\/#website"},"datePublished":"2025-04-01T15:56:16+00:00","dateModified":"2025-05-28T08:54:17+00:00","description":"Discover the Classic Hotel Harmonie in Cologne - your retreat in the heart of the city! #AboutUs #ExperienceCologne #ClassicHotelHarmonie","breadcrumb":{"@id":"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/classic-hotel-harmonie.de\/en\/about-around\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/classic-hotel-harmonie.de\/en\/about-around\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/classic-hotel-harmonie.de\/en\/"},{"@type":"ListItem","position":2,"name":"About &amp; Around"}]},{"@type":"WebSite","@id":"https:\/\/classic-hotel-harmonie.de\/en\/#website","url":"https:\/\/classic-hotel-harmonie.de\/en\/","name":"Classic Hotel Harmonie","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/classic-hotel-harmonie.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/pages\/3894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/comments?post=3894"}],"version-history":[{"count":4,"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/pages\/3894\/revisions"}],"predecessor-version":[{"id":4037,"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/pages\/3894\/revisions\/4037"}],"wp:attachment":[{"href":"https:\/\/classic-hotel-harmonie.de\/en\/wp-json\/wp\/v2\/media?parent=3894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a707d215612b78c8a628455. Config Timestamp: 2026-08-03 11:36:01 UTC, Cached Timestamp: 2026-09-29 11:11:30 UTC, Optimization Time: 13.51ms -->