{"id":3641,"date":"2025-02-19T13:15:11","date_gmt":"2025-02-19T12:15:11","guid":{"rendered":"https:\/\/malmocity.se\/?page_id=3641"},"modified":"2026-03-26T09:11:51","modified_gmt":"2026-03-26T08:11:51","slug":"boende","status":"publish","type":"page","link":"https:\/\/malmocity.se\/de\/upplev-city\/boende\/","title":{"rendered":"Unterkunft"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3641\" class=\"elementor elementor-3641\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23ebb886 e-flex e-con-boxed e-con e-parent\" data-id=\"23ebb886\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63d9497d e-flex e-con-boxed e-con e-child\" data-id=\"63d9497d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61327dd5 e-con-full e-flex e-con e-parent\" data-id=\"61327dd5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-beee892 e-con-full e-flex e-con e-child\" data-id=\"beee892\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0ebd8c5 e-con-full e-flex e-con e-child\" data-id=\"0ebd8c5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3fc7395 e-con-full e-flex e-con e-child\" data-id=\"3fc7395\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58a5ced elementor-widget elementor-widget-heading\" data-id=\"58a5ced\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Unterkunft<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8d80fb elementor-widget elementor-widget-text-editor\" data-id=\"b8d80fb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hier finden Sie das gesamte Angebot der Stadt Malm\u00f6 in der Kategorie Unterkunft.<br \/><span style=\"color: var( --e-global-color-text );\">Bitte beachten Sie, dass nicht alle Organisationen Malm\u00f6 City Gift Cards akzeptieren.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4a477 _search-input elementor-widget elementor-widget-search\" data-id=\"5c4a477\" data-element_type=\"widget\" data-settings=\"{&quot;live_results&quot;:&quot;yes&quot;,&quot;submit_trigger&quot;:&quot;click_submit&quot;,&quot;pagination_type_options&quot;:&quot;none&quot;,&quot;results_is_dropdown_width&quot;:&quot;search_field&quot;}\" data-widget_type=\"search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<search class=\"e-search hidden\" role=\"search\">\n\t\t\t<form class=\"e-search-form\" action=\"https:\/\/malmocity.se\/de\/\" method=\"get\" data-trp-original-action=\"https:\/\/malmocity.se\/de\">\n\n\t\t\t\t\n\t\t\t\t<label class=\"e-search-label\" for=\"search-5c4a477\">\n\t\t\t\t\t<span class=\"elementor-screen-only\">\n\t\t\t\t\t\tSuche\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"e-search-input-wrapper\">\n\t\t\t\t\t<input id=\"search-5c4a477\" placeholder=\"Suche nach Unterkunft ...\" class=\"e-search-input\" type=\"search\" name=\"s\" value=\"\" autocomplete=\"off\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-controls=\"results-5c4a477\" aria-haspopup=\"listbox\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewbox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t<output id=\"results-5c4a477\" class=\"e-search-results-container hide-loader\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"Ergebnisse f\u00fcr die Suche\" tabindex=\"0\">\n\t\t\t\t\t\t<div class=\"e-search-results\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/output>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<button class=\"e-search-submit\" type=\"submit\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span class=\"\">\n\t\t\t\t\t\tSuche\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t<input type=\"hidden\" name=\"e_search_props\" value=\"5c4a477-3641\">\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33c529a _searchGiftCard elementor-widget elementor-widget-button\" data-id=\"33c529a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-caret-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Organisationen anzeigen, die Geschenkkarten akzeptieren<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51d29e7 e-con-full e-flex e-con e-child\" data-id=\"51d29e7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c0e323 _searchAll elementor-widget elementor-widget-button\" data-id=\"7c0e323\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Alle von ihnen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1599d6c _grid-container e-flex e-con-boxed e-con e-child\" data-id=\"1599d6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4970e8e elementor-absolute elementor-widget elementor-widget-html\" data-id=\"4970e8e\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<script>\n\n  const searchInput = document.querySelector('._search-input input');\n  const searchButton = document.querySelector('._search-input button');\n  const gridContainer = document.querySelector('._grid-container');\n  const searchAll = document.querySelector('._searchAll');\n  \n  const searchGiftCard = document.querySelector('._searchGiftCard');\n  \n  \/\/ CHECKBOX \/\/\n  \n    const style = document.createElement('style');\n    style.textContent = `\n      .custom-checkbox {\n        appearance: none;\n        -webkit-appearance: none;\n        min-width: 28px;\n        min-height: 28px;\n        border-radius: 50%;\n        border: 1px solid #5eb1a8;\n        background-color: #fffcf2;\n        display: grid;\n        place-items: center;\n        cursor: pointer;\n        transition: border-color 0.2s ease;\n        padding: 0;\n        position: relative;\n      }\n    \n      .custom-checkbox:checked::after {\n        content: '\u2764\ufe0f';\n        font-size: 16px;\n        position: absolute;\n        margin-right: 0.5px;\n      }\n    \n      .custom-checkbox:hover {\n        border-color: #438E81;\n      }\n    `;\n    document.head.appendChild(style);\n    \n    const search = document.querySelector('._search-input');\n    \n    const checkboxWrapper = document.createElement('div');\n    checkboxWrapper.style.display = 'flex';\n    checkboxWrapper.style.alignItems = 'center';\n    checkboxWrapper.style.justifyContent = 'center';\n    checkboxWrapper.style.margin = '0 auto';\n    checkboxWrapper.style.marginTop = '20px';\n    checkboxWrapper.className = '_onlyGiftCards';\n    \n    \/\/ Checkbox\n    const checkbox = document.createElement('input');\n    checkbox.type = 'checkbox';\n    checkbox.id = 'presentkortFilter';\n    checkbox.className = 'custom-checkbox';\n    \n    \/\/ Label\n    const label = document.createElement('label');\n    label.htmlFor = 'presentkortFilter';\n    label.textContent = 'Endast verksamheter med presentkort';\n    label.style.marginLeft = '10px';\n    label.style.cursor = 'pointer';\n    label.style.fontSize = '16px';\n    label.style.color = \"#5eb1a8\";\n    \n    checkboxWrapper.appendChild(checkbox);\n    checkboxWrapper.appendChild(label);\n    \n    search.appendChild(checkboxWrapper);\n  \n  \/\/ CHECKBOX \/\/\n  \n  searchAll.style.opacity = 0;\n\n  const defaultImage = \"https:\/\/malmocity.se\/wp-content\/uploads\/2025\/01\/dsc8839-mt_skeppsbron_och_malmo_live_hires-scaled.jpeg\";\n  \n  let sek;\n  \n  if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n       searchInput.placeholder = `Lista visas om 3 sekunder`;\n       sek = 2;\n    }  \n    else {\n        searchInput.placeholder = `S\u00f6k om 2 sekunder`;\n        sek = 1;\n    }\n\nconst timer = setInterval(() => {\n  if (sek > 0) {\n      \n      \n    if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n       searchInput.placeholder = `Lista visas om ${sek} sekunder`; \n    }  \n    else searchInput.placeholder = `S\u00f6k om ${sek} sekunder`;\n    sek--;\n  } else {\n      \n      \n    sessionStorage.removeItem('autoFilterGiftCard');  \n      \n    clearInterval(timer);\n    \n    searchInput.placeholder = 'S\u00f6k efter boende...';\n    \n    searchInput.style.pointerEvents = 'auto';\n    searchButton.style.pointerEvents = 'auto';\n    searchButton.style.background = '#8D0C02';\n\n    \/\/ Delay button appearance by 500ms\n    setTimeout(() => {\n      const elements = [\n        searchAll,\n      ];\n\n      elements.forEach((el, i) => {\n        el.style.opacity = 0; \/\/ Optional: start hidden\n        el.style.transition = 'opacity 300ms ease';\n\n        setTimeout(() => {\n          el.style.opacity = 1;\n        }, i * 50);\n      });\n    }, 500); \/\/ <-- delay showing buttons by 500ms\n  }\n}, 1000);\n\n  function htmlContainer(company) {\n  return `<a class=\"elementor-element elementor-element-e57ec60 e-con e-parent e-lazyloaded\" \n    data-id=\"e57ec60\" \n    data-element_type=\"container\" \n    href=\"${company.url}\" \n    style=\"display: flex; flex-direction: column; width: 300px; height: 400px; text-decoration: none; border: 1px solid #eee; border-radius: 8px; overflow: hidden; background: #fff;\">\n\n    <!-- Image section: 300px height -->\n    <div style=\"height: 300px; width: 100%; overflow: hidden;\">\n      <img \n        decoding=\"async\" \n        src=\"${company.cover || defaultImage}\" \n        alt=\"${company.title || 'Bild'}\" \n        style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <\/div>\n\n    <!-- Text section: 100px height -->\n    <div style=\"height: 100px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; text-align: center;\">\n      <h5 class=\"elementor-heading-title elementor-size-default\" style=\"margin: 0; font-size: 15px;\">\n        ${company.title || 'Namn saknas'}\n      <\/h5>\n      <p style=\"margin: 6px 0 0; font-size: 13px; color: ${company.hasGiftCard ? \"green\" : \"black\"};\">\n        Presentkort g\u00e4ller ${company.hasGiftCard ? \"\" : \"inte\"}\n      <\/p>\n    <\/div>\n\n  <\/a>`;\n}\n\n\n  (async () => {\n    const res = await fetch('\/wp-json\/custom\/v1\/all-companies');\n    const data = await res.json();\n    \n    const allowedCategories = [\"Hotell\"];\n\n    const filteredData = data.filter(item =>\n        item.categories.some(category => allowedCategories.includes(category))\n    );\n    \n    \/\/ AUTOFILL\n    \n    gridContainer.innerHTML = \"\";\n    \n    filteredData.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    \n    \/\/ AUTOFILL\n    \n    const onlyGiftCards = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n    \n    function searchClickListener(e) {\n      e.preventDefault();\n      const searchTerm = searchInput.value.toLowerCase();\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      let matches;\n     \n      matches = filteredData2.filter(name => name.title.toLowerCase().includes(searchTerm));\n\n      gridContainer.innerHTML = \"\";\n\n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchAllListener(e) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const filteredData2 = !checkbox.checked ? filteredData : onlyGiftCards;\n      \n      filteredData2.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n    \n    function searchGiftCardListener(e = null) {\n      e.preventDefault();  \n      gridContainer.innerHTML = \"\";\n      \n      const matches = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n    }\n\n    searchButton.addEventListener('click', searchClickListener);\n    searchAll.addEventListener('click', searchAllListener);\n    searchGiftCard.addEventListener('click', searchGiftCardListener);\n    \n    \n    \n    if(sessionStorage.getItem('autoFilterGiftCard') === 'true'){\n      \n      checkbox.checked = 'true';\n      \n      gridContainer.innerHTML = \"\";\n      \n      const matches = filteredData.filter(name => name.categories.includes(\"Accepts the gift card\"));\n      \n      matches.forEach(el => {\n        gridContainer.insertAdjacentHTML('beforeend', htmlContainer(el));\n      });\n      \n  }\n    \n    \n    \n  })();\n  \n  \n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Unterkunft Hier finden Sie alle Angebote der Stadt Malm\u00f6 in der Kategorie Unterkunft. Bitte beachten Sie, dass nicht alle Unternehmen Malm\u00f6 City Geschenkkarten akzeptieren. Suche Suche Unternehmen anzeigen, die Geschenkkarten akzeptieren Alle<\/p>","protected":false},"author":1,"featured_media":0,"parent":2389,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3641","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/pages\/3641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/comments?post=3641"}],"version-history":[{"count":19,"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/pages\/3641\/revisions"}],"predecessor-version":[{"id":9146,"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/pages\/3641\/revisions\/9146"}],"up":[{"embeddable":true,"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/pages\/2389"}],"wp:attachment":[{"href":"https:\/\/malmocity.se\/de\/wp-json\/wp\/v2\/media?parent=3641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}